Design/EasySoft-ZenTaoPMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 30 Wiki Activity

* finish task #2552.

Browse Source
This commit is contained in:
Catouse
2016-04-18 18:45:58 +08:00
parent 62f35f1a18
commit b356e65732
9 changed files with 163 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
module/project/view/tree.html.php
+69 -11
View File
@@ -20,7 +20,14 @@ js::set('productID', $productID);
<div class='main'>
<div class='panel'>
<div class='panel-heading'>
<i class="icon icon-folder-close-alt"></i> <strong><?php echo $project->name ?></strong>
<i class='icon icon-folder-close-alt'></i> <strong><?php echo $project->name ?></strong>
<div class='panel-actions pull-right'>
<div class='btn-group'>
<?php foreach ($lang->project->treeLevel as $name => $btnLevel):?>
<button type='button' class='btn btn-sm tree-view-btn' data-type='<?php echo $name ?>' data-toggle='tooltip' title='<?php echo $btnLevel['text'] ?>'><i class='icon <?php echo $btnLevel['icon'] ?>'></i></button>
<?php endforeach; ?>
</div>
</div>
</div>
<div class='panel-body no-padding'>
<ul id='projectTree'></ul>
@@ -29,19 +36,21 @@ js::set('productID', $productID);
</div>
<?php js::set('replaceID', 'taskList')?>
<script
var projectID = <?php echo $projectID?>;>
<script>
var projectID = <?php echo $projectID?>;
$('#project<?php echo $projectID;?>').addClass('active')
$('#treeTab').addClass('active');
$(function()
{
var data = $.parseJSON('<?php echo json_encode($tree);?>');
console.log('DATA', data);
var viewLevel = '<?php echo $level ?>' || 'custom';
var data = $.parseJSON('<?php echo json_encode($tree, JSON_HEX_QUOT | JSON_HEX_APOS);?>');
var $tree = $('#projectTree');
var statusMap = $.parseJSON('<?php echo json_encode($lang->task->statusList);?>');
var selectCustomLevel = function() {$('.tree-view-btn.active').removeClass('active').filter('[data-type="custom"]').addClass('active');};
$tree.tree(
{
initialState: 'preserve',
initialState: !viewLevel || viewLevel === 'custom' ? 'preserve' : 'collapse',
data: data,
itemWrapper: true,
actions:
@@ -50,32 +59,81 @@ $(function()
{
title: '<?php echo $lang->project->batchWBS ?>',
template: '<a data-toggle="tooltip" href="javascript:;"><i class="icon icon-sitemap"></i>',
templateInList: '<a href="javascript:;"><i class="icon icon-sitemap"></i> <?php echo $lang->project->batchWBS ?></a>'
templateInList: '<a href="javascript:;"><i class="icon icon-sitemap"></i> <?php echo $lang->project->batchWBS ?></a>',
linkTemplate: '<?php echo helper::createLink('tree', 'edit', "moduleID={0}&type=task"); ?>'
},
},
action: function(event)
{
var action = event.action, $target = $(event.target), item = event.item;
if(action.type === 'add')
{
window.open(item.taskCreateUrl);
}
},
itemCreator: function($li, item)
{
$li.closest('li').addClass('item-type-' + item.type);
if(item.type === 'product')
{
$li.append($('<span class="tree-toggle"><i class="icon icon-cube text-muted"></i> ' + item.title + '</span>'));
$li.append($('<span><i class="icon icon-cube text-muted"></i> ' + item.title + '</span>')).addClass('tree-toggle');
}
else if(item.type === 'story')
{
$li.append('<span class="tree-toggle"><i class="icon icon-lightbulb text-muted"></i> </span>').append($('<a>').attr({href: item.url}).text('#' + item.storyId + ' ' + item.title).css('color', item.color));
$li.append('<span><i class="icon icon-lightbulb text-muted"></i> </span>').append($('<a>').attr({href: item.url}).text('#' + item.storyId + ' ' + item.title).css('color', item.color));
}
else if(item.type === 'task')
{
$li.append('<span class="pri' + item.pri + '">' + item.pri + '</span> ').append($('<a>').attr({href: item.url}).text('#' + item.id + ' ' + item.title).css('color', item.color));
}
else if(item.type === 'tasks')
{
if(item.tasks && item.tasks.length)
{
var $table = $('<table class="table table-fixed table-bordered table-condensed table-hover table-striped"><tbody></tbody></table>');
var $tbody = $table.find('tbody');
$.each(item.tasks, function(idx, task)
{
var $tr = $('<tr class="text-center"/>');
$tr.append($('<td width="30"/>').append('<span class="pri' + task.pri + '">' + task.pri + '</span>'));
$tr.append($('<td/>').addClass('text-left').append($('<a>').attr({href: task.url}).text('#' + task.id + ' ' + task.title).css('color', task.color)));
$tr.append($('<td width="70"/>').addClass(task.storyChanged ? 'warning' : task.status).text(statusMap[task.status]));
$tr.append($('<td width="70"/>').addClass(task.storyChanged ? 'warning' : task.status).text(statusMap[task.status]));
$tr.append($('<td width="130"/>').html(task.buttons));
$tbody.append($tr);
});
$li.append($table);
}
}
else
{
$li.append($('<span class="tree-toggle"><i class="icon icon-bookmark-empty text-muted"></i> ' + (item.title || item.name) + '</span>'));
$li.addClass('tree-toggle').append($('<span class="tree-toggle"><i class="icon icon-bookmark-empty text-muted"></i> ' + (item.title || item.name) + '</span>'));
}
}
});
$tree.find('[data-toggle="tooltip"]').tooltip();
$('[data-toggle="tooltip"]').tooltip({container: 'body'});
var $currentLevelBtn = $('.tree-view-btn[data-type="' + viewLevel + '"]').addClass('active');
if(!$currentLevelBtn.length) selectCustomLevel();
var tree = $tree.data('zui.tree');
$(document).on('click', '.tree-view-btn', function()
{
$('.tree-view-btn.active').removeClass('active');
var level = $(this).addClass('active').data('type');
if(level === 'task') tree.expand();
if(level === 'product') tree.collapse();
else if(level === 'module')
{
tree.collapse();
tree.show($('.item-type-product'));
}
else if(level === 'story')
{
tree.collapse();
tree.show($('.item-type-module'));
}
});
});
</script>
<?php include '../../common/view/footer.html.php';?>