72 lines
3.7 KiB
PHP
72 lines
3.7 KiB
PHP
<?php js::set('programID', $programID);?>
|
|
<?php js::set('module', $module);?>
|
|
<?php js::set('method', $method);?>
|
|
<?php
|
|
foreach($programs as $program) $programNames[] = $program->name;
|
|
$programsPinYin = common::convert2Pinyin($programNames);
|
|
?>
|
|
<div class="table-row">
|
|
<div class="table-col col-left">
|
|
<div class='list-group'>
|
|
<?php
|
|
echo $this->program->getTreeMenu(0, 'program', '', $module, $method);
|
|
?>
|
|
</div>
|
|
<div class="col-footer">
|
|
<div class='pull-right'>
|
|
<?php echo html::checkbox('showClosed', array('1' => $lang->program->showClosed), '', $this->cookie->showClosed ? 'checked=checked' : '');?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
.tree li.has-list.open:before {border-left: none;}
|
|
#programTree li {padding: 0 0 0 8px;}
|
|
#programTree li.has-list {padding-left: 20px;}
|
|
#programTree li > a {display: block; padding: 6px 0; border-radius: 2px; padding-left: 6px; height: 30px;}
|
|
#programTree li > a > span {display: inline-block;}
|
|
#programTree li > a > span + span {margin-left: 8px;}
|
|
#programTree li.selected > a {background-color: #E8F3FC;}
|
|
#programTree li.selected > a > span.title {color: #006AF1;}
|
|
#programTree .label-id {border-color: #cbd0db; color: #7d8599}
|
|
#programTree .label.label-type {background: #fff; border: 1px solid #7d8599; color:#7d8599}
|
|
|
|
#programTree li > a > span.title {color: #3C4353; white-space: nowrap; max-width: 60%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
|
|
#programTree li > a > span.user {color: #838a9d;}
|
|
#programTree li > a > span.user > .icon-person {font-size: 14px; position: relative; top: -1px; color: #a6aab8}
|
|
#programTree li > a:first-child {padding-left: 18px;}
|
|
|
|
#programTree li > .list-toggle {transform: rotate(0deg); width: 16px; height: 16px; border: 4px solid #a6aab8; border-radius: 2px; top: 7px;}
|
|
#programTree li > .list-toggle:before {content: ' '; display: block; position: absolute; border: 1px solid #a6aab8; top: 2px; left: -3px; right: -3px; bottom: 2px; min-width: 0; transition: all .2s;}
|
|
#programTree li > .list-toggle:hover:before,
|
|
#programTree li > .list-toggle:hover {border-color: #006AF1;}
|
|
#programTree li.open > .list-toggle {width: 12px; height: 12px; top: 9px; background-color: #a6aab8; border-width: 3px; left: 3px;}
|
|
#programTree li.open > .list-toggle:before {border: none; height: 2px; width: 6px; left: 0; top: 2px; background: #fff;}
|
|
#programTree li.open > .list-toggle:hover {background: #006AF1;}
|
|
|
|
#programTree ul > li:after {display: block; position: absolute; content: ' '; border-top: 1px dashed #cbd0db; top: 14px; left: -12px; z-index: 1; width: 10px;}
|
|
#programTree ul > li:before,
|
|
#programTree ul > li.has-list:before {background: none; content: ' '; display: block; position: absolute; width: auto; height: auto; border: none; border-left: 1px dashed #cbd0db; top: -13px; bottom: 12px; left: -12px;}
|
|
#programTree ul > li:last-child:before {bottom: auto; height: 29px;}
|
|
#programTree ul > li:first-child:before {top: -9px;}
|
|
#programTree ul > li.has-list:first-child:before {top: -13px;}
|
|
#programTree ul > li.tree-single-item:before {height: 23px;}
|
|
#programTree ul > li.has-list:after {width: 14px;}
|
|
#programTree ul > li.item-meas a.selected{color: #0c64eb;}
|
|
#showClosed1 + label{color: #3c4353}
|
|
|
|
a.programName:focus, a.programName:hover {background: #0c64eb; color: #fff !important;}
|
|
</style>
|
|
<script>
|
|
$('#programTree').tree();
|
|
$(function()
|
|
{
|
|
$("input[name^='showClosed']").change(function()
|
|
{
|
|
var showClosed = $(this).is(':checked') ? 1 : 0;
|
|
$.cookie('showClosed', showClosed, {expires:config.cookieLife, path:config.webRoot});
|
|
$("#dropMenu > .list-group").load(createLink('program', 'ajaxgetdropmenu', 'programID=' + programID + '&module=' + module + '&method=' + method));
|
|
});
|
|
});
|
|
</script>
|