leguwork_public/leftbar.html

<div class="leftbar">
    <ul style="height: 100%;font-size:12px">
    	<li class="homeli" style="text-align: center; margin-bottom: 10px;;">
    		<a href="./?app=board" style="color: #fff; text-decoration: none;"><span class="fa fa-home" style=" font-size: 30px;;"></span>
			<br>项目</a>
		</li>

		<li class="homeli" style="text-align: center; margin-bottom: 10px;;">
    		<a href="./?app=timeline" style="color: #fff; text-decoration: none;"><span class="fa fa-book" style=" font-size: 30px;;"></span>
			<br>日程</a>
		</li>

		<li class="homeli" style="text-align: center; margin-bottom: 10px;;">
    		<a href="./?app=events" style="color: #fff; text-decoration: none;"><span class="fa fa-calendar" style=" font-size: 30px;;"></span>
			<br>事件</a>
		</li>

		<li id="left_chart" class="homeli" style="text-align: center; margin-bottom: 10px;display: none">
			<a href="./?app=chart" style="color: #fff; text-decoration: none;"><span class="fa fa-area-chart" style=" font-size: 30px;;"></span>
				<br>图表</a>
		</li>

		<li id="left_chart2" class="homeli" style="text-align: center; margin-bottom: 10px;display: none">
			<a href="./?app=chart2" style="color: #fff; text-decoration: none;"><span class="fa fa-area-chart" style=" font-size: 30px;;"></span>
				<br>图表2</a>
		</li>

		<li id="left_chart3" class="homeli" style="text-align: center; margin-bottom: 10px;display: none">
			<a href="./?app=usercard" style="color: #fff; text-decoration: none;"><span class="fa fa-area-chart" style=" font-size: 30px;;"></span>
				<br>人员看板</a>
		</li>


		
		<div id="lis">
<!--			<ul id="lis"></ul>-->
		</div>
	</ul>    
	<span class="lbmyname" style="cursor: pointer;" onclick="location.href='./?app=mycalendar'">
		<img src="img/cad.png" style="position: absolute;margin-top: -20px;margin-left:1px"/>
		<span class="mynametext"></span>
	</span>
</div>
<style>
	.leftbar .tag{ font-size: 10px; padding: 3px; padding-right: 10px; background:#155077;margin-bottom: 8px;border-top-left-radius:5px;border-bottom-left-radius:5px; color: #aaa; text-align: right; margin-left: 5px; line-height: 31px;; }
	.leftbar .tag.on{ background:#f1f1f1; color: #000;}
	#lis{
		max-height: 700px;
		overflow-y: overlay;
	}
</style>
<script>
if(MYINFO){
	$('.lbmyname').show().css("background-image","url("+ MYINFO.profile.avatarUrl  +")");
	//$('.mynametext').html( MYINFO.profile.fullname.substr(-2) );
	$('.mynametext').html("");
}else{
	$('.lbmyname').hide();
}

var TITLEKEY="";
//提取列表中的tag
function createListTags(){
	if(!DATA.boardid)return;

	// card hash 跳转
	var hashCardId = '';
	var listId = '';
	var clickTag = '';
	if( window['HASH'] && HASH()['cardid']){
		hashCardId = HASH()['cardid'];
		listId = DATA.cards[hashCardId].listId
	}

	var lists = DATA.lists;
	var ALLTAG = {};
	for(var i in lists){
		if(lists[i].boardId != DATA.boardid)continue;
		if(lists[i].archived)continue;
		var tags = lists[i].title.match(/【(\S*?)】/g);
		if(tags && tags.length>0){
			tags.forEach(function(v){
				if (listId != '' && i == listId){
					var _key = v.replace('【','').replace('】','');
					clickTag = _key
				}
				ALLTAG[v] = 1;
			})
		}
	}
	
	var keys = Object.keys(ALLTAG);
	keys.sort();
	
	var lis=[];
	keys.forEach(function(v){
		var _key = v.replace('【','').replace('】','');
		lis.push( '<li class="tag tagkey'+ _key +'" data-key="'+ _key +'">'+ _key +'</li>' );
	});
	
	if(lis.length>0){
		lis.push( '<li class="tag" data-key="">所有</li>' );
	}
	
	$('#lis').html( lis.join('')).css('height', $(document).height()-400);


	if(lis.length>0){
		$('#lis .tag').off().on('click',function(){
			TITLEKEY = $(this).data('key');
			$('#lis .tag').removeClass('on');
			$(this).addClass('on');
			setTitleKey();
		});
		
		if($('#lis .tagkey'+TITLEKEY).length>0){
			$('#lis .tagkey'+TITLEKEY).click();
		}else{
			$('#lis .tag').eq(0).click();
		}
	}else{
		TITLEKEY = "";
		setTitleKey();
	}

	if(clickTag){
		$('#lis .tagkey' + clickTag).click();
	}
	// $('#lis .tagkey优化建议').click();

}

function setTitleKey(){
	listInit();
}

$(function(){
	//setTimeout(function(){
		createListTags();
	//},0);
});

/*
$(function () {
	checkPermission('QAlabels',function (isok) {
		if(isok) {
			$('#left_chart').show();
		}
	});

	checkPermission('QALeftChart2',function (isok) {
		if(isok) {
			$('#left_chart2').show();
		}
	});
	checkPermission('QALeftChart3',function (isok) {
		if(isok) {
			$('#left_chart3').show();
		}
	});

})
*/
</script>