[Notice] Announcing the End of Demo Server [Read me]
File name
Commit message
Commit date
2014-04-09
2014-04-09
2014-04-09
2014-04-09
File name
Commit message
Commit date
2014-04-09
2014-04-09
2014-04-09
2014-04-09
2014-04-09
2014-04-09
File name
Commit message
Commit date
2014-04-09
2014-04-09
2014-04-09
2014-04-09
2014-03-21
File name
Commit message
Commit date
2014-04-09

@(currentUser:models.User)
@import utils.TemplateHelper._
@import utils.JodaDateUtil
@siteLayout(utils.Config.getSiteName, utils.MenuType.SITE_HOME) {
@if(currentUser != User.anonymous){
<div class="page-wrap-outer">
<div class="page-wrap">
<div class="site-guide-outer hide">
<h3>
<i class="yobicon-emo-wink"></i>
@Messages("app.welcome",utils.Config.getSiteName)
<span>@Messages("app.description")</span>
</h3>
<div class="site-guide-inner">
<ul class="guide-wrap">
<li>
<div class="guide-icons"><i class="yobicon-database-add"></i></div>
<div class="guide-title">프로젝트 생성</div>
<div class="guide-desc">상단의 프로젝트 생성 버튼을 통하여 자신만의 프로젝트를 만들 수 있습니다.</div>
</li>
<li>
<div class="guide-icons"><i class="yobicon-eye"></i></div>
<div class="guide-title">프로젝트 지켜보기</div>
<div class="guide-desc">이슈트레커, 게시판등에서 발생한 새로운 이벤트들에 대한 알림을 받을 수 있습니다.</div>
</li>
<li>
<div class="guide-icons"><i class="yobicon-friends"></i></div>
<div class="guide-title">팀 관리</div>
<div class="guide-desc">프로젝트 설정메뉴에서 프로젝트 맴버에 대한 추가, 삭제등의 관리를 하실 수 있습니다.</div>
</li>
<li>
<div class="guide-icons"><i class="yobicon-split"></i></div>
<div class="guide-title">프로젝트 복사</div>
<div class="guide-desc">원본 프로젝트를 복사하여 본인만의 고유한 프로젝트를 생성할수 있습니다.</div>
</li>
</ul>
</div>
</div>
<div class="guide-toggle">
<button class="btn-transparent" id="toggleIntro"><i class="yobicon-resizev"></i></button>
</div>
<ul class="nav nav-tabs">
<li class="active"><a href="@routes.Application.index()">@Messages("notification")</a></li>
<li><a href="@routes.IssueApp.userIssues()">@Messages("issue.myIssue")</a></li>
</ul>
<div class="page on-fold-intro">
<div class="row-fluid content-container">
<div class="span8 main-stream">
<ul class="activity-streams notification-wrap unstyled">
@partial_notifications(0, 20)
</ul>
</div>
<div class="span4">
<ul class="nav nav-tabs nm">
<li class="active">
<a href="#myPorjectList" data-toggle="tab">
@Messages("title.project")
</a>
</li>
<li>
<a href="#myOrganizationList" data-toggle="tab">
@Messages("title.organization")
</a>
</li>
</ul>
<div class="tab-content tab-box">
<div class="tab-searchbox">
<div class="search-bar">
<input name="mylist-filter" id="mylist-filter" class="textbox full" type="text" value="">
<button type="button" class="search-btn"><i class="yobicon-search"></i></button>
</div>
</div>
<div class="tab-content">
<div class="tab-pane myproject-list-wrap active" id="myPorjectList">
<div class="subtab-wrap">
<ul class="nav-subtab unstyled">
<li class="active">
<a href="#recentlyVisited" data-toggle="tab">
@Messages("title.recently.visited")
</a>
</li>
<li>
<a href="#createdByMe" data-toggle="tab">
@Messages("title.createdByMe")
</a>
</li>
<li>
<a href="#watching" data-toggle="tab">
@Messages("title.watching")
</a>
</li>
<li>
<a href="#joinmember" data-toggle="tab">
@Messages("title.joinmember")
</a>
</li>
</ul>
</div>
<div class="tab-content">
@myProjectList(currentUser)
</div>
</div>
<div class="tab-pane myorganization-list-wrap" id="myOrganizationList">
@myOrganizationList(currentUser)
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
}
<script type="text/javascript">
$(document).ready(function(){
var oSearchTimer;
$('#mylist-filter')
.on('keyup.myList-search', function() {
oSearchTimer = setTimeout(_searchWithFileter, 150, $(this).val(), $('.my-list-item'));
})
.on('keydown.myList-search-stop',function() {
clearTimeout(oSearchTimer);
});
function _searchWithFileter(sFilter, oItems) {
if(_isEmptyString(sFilter)) {
oItems.show();
return ;
}
oItems.each(function(i, oItem) {
if( _containsFilterString(sFilter, oItem)) {
$(oItem).show();
} else {
$(oItem).hide();
}
});
}
function _containsFilterString(sFilter, oItem) {
var sTarget= $(oItem).data('value');
return (sTarget.indexOf(sFilter) !== -1);
}
function _isEmptyString(sValue) {
return !($.trim(sValue));
}
$("#toggleIntro").click(function(){
$(".site-guide-outer").toggleClass("hide");
localStorage.setItem("yobi-intro", !$(".site-guide-outer").hasClass("hide"));
});
if(localStorage.getItem("yobi-intro") != "false"){
$(".site-guide-outer").removeClass("hide");
}
$('.notification-wrap').on('click','[data-toggle="learnmore"]',function(event) {
var sTargetId = $(this).data('target'),
welMessage = $('#'+sTargetId),
nHeight;
if(event.target.localName =='a' || event.target.localName =='img') {
return ;
}
welMessage.toggleClass('nowrap');
nHeight = (welMessage.hasClass('nowrap')) ? '' : $(welMessage).find('.message').height();
$(welMessage).css('min-height',nHeight);
});
});
</script>
}