123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- const NameChange = function (obj) {
- if (obj.value.length > 100) {
- obj.classList.add('is-invalid');
- } else {
- obj.classList.remove('is-invalid');
- }
- };
- $(document).ready(function() {
- const projectTreeObj = (function(setting){
- const ProjectTree = createDragTree(setting.treeSetting);
- ProjectTree.loadDatas(setting.source);
- const TableObj = $(setting.table);
- const Utils = {
- getRowTdHtml: function (node, tree) {
- const html = [];
- // 名称
- html.push('<td width="100%" class="in-' + node.tree_level + '">');
- if (node.is_folder) {
- if (node.children.length > 0) {
- html.push('<span onselectstart="return false" style="{-moz-user-select:none}" class="fold-switch mr-1" title="收起" id="'+ node.id +'"><i class="fa fa-minus-square-o"></i></span> <i class="fa fa-folder-o"></i> ', node.name);
- } else {
- html.push('<i class="fa fa-folder-o"></i> ', node.name);
- }
- } else {
- html.push(`<span class="text-muted mr-2">${tree.isLastSibling(node) ? '└' : '├'}</span>`);
- html.push(`<a href="/wap/sp/${node.id}/list" name="name" id="${node.id}">`, node.name, '</a>');
- }
- html.push('</td>');
- return html.join('');
- },
- getNodeTrHtml: function (node, tree) {
- const html = [];
- html.push(`<tr tree_id="${node.id}" draggable="true">`);
- html.push(Utils.getRowTdHtml(node, tree));
- html.push(`</tr>`);
- return html.join('');
- },
- reloadTable: function () {
- const html = [];
- for (const node of ProjectTree.nodes) {
- html.push(Utils.getNodeTrHtml(node, ProjectTree));
- }
- TableObj.html(html.join(''));
- },
- getSelectNode: function() {
- const selectId = $('tr.table-active').attr('tree_id');
- return selectId ? ProjectTree.getItems(selectId) : null;
- },
- getSelectNodeId: function() {
- const selectId = $('tr.table-active').attr('tree_id');
- return selectId || setting.treeSetting.rootId;
- },
- refreshTreeTable: function(result) {
- ProjectTree.loadDatas(result);
- if (ProjectTree.nodes.length > 0 && $('#no-project').length > 0) window.location.reload();
- Utils.reloadTable();
- },
- refreshRow: function(result) {
- const refreshData = ProjectTree.loadPostData(result);
- if (!refreshData.update) return;
- for (const u of refreshData.update) {
- $(`tr[tree_id=${u.id}]`).html(Utils.getRowTdHtml(u, ProjectTree));
- }
- },
- expandByLevel: function(level){
- ProjectTree.expandByLevel(level);
- for (const node of ProjectTree.nodes) {
- const tr = $(`tr[tree_id=${node.id}]`);
- if (node.expanded) {
- $('.fold-switch', tr).html(`<i class="fa fa-minus-square-o"></i>`);
- } else {
- $('.fold-switch', tr).html(`<i class="fa fa-plus-square-o"></i>`);
- }
- if (node.visible) {
- tr.show();
- } else {
- tr.hide();
- }
- }
- }
- };
- Utils.reloadTable();
- $('body').on('click', '.fold-switch', function() {
- const id = this.getAttribute('id');
- const node = ProjectTree.getItems(id);
- ProjectTree.setExpanded(node, !node.expanded);
- const posterity = ProjectTree.getPosterity(node);
- if (node.expanded) {
- $(this).html(`<i class="fa fa-minus-square-o"></i>`);
- } else {
- $(this).html(`<i class="fa fa-plus-square-o"></i>`);
- }
- for (const p of posterity) {
- if (p.visible) {
- $(`tr[tree_id=${p.id}]`).show();
- } else {
- $(`tr[tree_id=${p.id}]`).hide();
- }
- }
- });
- const getChildrenLevel = function (node) {
- let iLevel = node.tree_level || 1;
- if (node.children && node.children.length > 0) {
- for (const c of node.children) {
- iLevel = Math.max(iLevel, getChildrenLevel(c));
- }
- }
- return iLevel;
- };
- return { ProjectTree, TableObj, ...Utils };
- })({
- treeSetting: { id: 'id', pid: 'tree_pid', level: 'tree_level', order: 'tree_order', rootId: '-1' },
- source: projectList,
- table: '#projectList',
- });
- });
|