349 lines
13 KiB
JavaScript
349 lines
13 KiB
JavaScript
$(function()
|
|
{
|
|
if(tab != 'doc') return;
|
|
|
|
$('#navbar .nav li').removeClass('active');
|
|
$("#navbar .nav li[data-id=" + type + ']').addClass('active');
|
|
$('#leftBar .searchBox #title').keypress(function(e)
|
|
{
|
|
if(e.which == 13)
|
|
{
|
|
$(this).closest('form').attr('action', searchLink.replace('%s', $(this).val()));
|
|
}
|
|
});
|
|
|
|
$('#leftBar .searchBox #submit').click(function(e)
|
|
{
|
|
var searchTitle = $(this).prev('#title').val();
|
|
$(this).closest('form').attr('action', searchLink.replace('%s', searchTitle));
|
|
})
|
|
|
|
/**
|
|
* Render Dropdown dom.
|
|
*
|
|
* @access public
|
|
* @return string
|
|
*/
|
|
function renderDropdown(option)
|
|
{
|
|
var libClass = '.libDorpdown';
|
|
if(option.type != 'dropDownLibrary') libClass = '.moduleDorpdown';
|
|
if($(libClass).find('li').length == 0) return '';
|
|
var dropdown = '<ul class="dropdown-menu dropdown-in-tree" id="' + option.type + '" style="display: unset; left:' + option.left + 'px; top:' + option.top + 'px;">';
|
|
dropdown += $(libClass).html().replace(/%libID%/g, option.libID).replace(/%moduleID%/g, option.moduleID).replace(/%hasChildren%/g, option.hasChildren);
|
|
dropdown += '</ul>';
|
|
return dropdown;
|
|
}
|
|
|
|
var imgObj = {
|
|
'annex': 'annex',
|
|
'lib': 'wiki-file-lib',
|
|
'api': 'interface'
|
|
}
|
|
|
|
$('#fileTree').tree(
|
|
{
|
|
initialState: 'active',
|
|
data: treeData,
|
|
itemCreator: function($li, item)
|
|
{
|
|
var libClass = ['lib', 'annex', 'api', 'execution'].indexOf(item.type) !== -1 ? 'lib' : '';
|
|
var hasChild = item.children ? !!item.children.length : false;
|
|
var link = item.hasAction ? '###' : '#';
|
|
var $item = '<a href="' + link + '" style="position: relative" data-has-children="' + hasChild + '" title="' + item.name + '" data-id="' + item.id + '" class="' + libClass + '" data-type="' + item.type + '" data-action="' + item.hasAction + '">';
|
|
|
|
$item += '<div class="text h-full w-full flex-start overflow-hidden">';
|
|
if(libClass == 'lib' && item.type != 'execution') $item += '<div class="img-lib" style="background-image:url(static/svg/' + imgObj[item.type || 'lib'] + '.svg)"></div>';
|
|
$item += '<span style="padding-left: 5px;">';
|
|
$item += item.name
|
|
$item += '</span>';
|
|
$item += '<i class="icon icon-drop icon-ellipsis-v hidden tree-icon" data-isCatalogue="' + (item.type ? false : true) + '"></i>';
|
|
$item += '</div>';
|
|
$item += '</a>';
|
|
|
|
$li.append($item);
|
|
$li.addClass(libClass);
|
|
if(item.active) $li.addClass('active open in');
|
|
}
|
|
});
|
|
|
|
$('li.has-list > ul, #fileTree').addClass("menu-active-primary menu-hover-primary");
|
|
|
|
$('#fileTree').on('mousemove', 'a', function()
|
|
{
|
|
if($(this).data('type') == 'annex') return;
|
|
if(!$(this).data('action')) return;
|
|
|
|
var libClass = '.libDorpdown';
|
|
if(!$(this).hasClass('lib')) libClass = '.moduleDorpdown';
|
|
|
|
$(this).find('.icon').removeClass('hidden');
|
|
$(this).addClass('show-icon'); if($(libClass).find('li').length == 0) return false;
|
|
|
|
}).on('mouseout', 'a', function()
|
|
{
|
|
$(this).find('.icon').addClass('hidden');
|
|
$(this).removeClass('show-icon');
|
|
}).on('click', 'a', function(e)
|
|
{
|
|
if(!$(this).data('action')) return;
|
|
|
|
var isLib = $(this).hasClass('lib');
|
|
var moduleID = $(this).data('id');
|
|
var libID = 0;
|
|
var params = '';
|
|
|
|
if(isLib)
|
|
{
|
|
if($(this).data('type') == 'annex' && !canViewFiles) return false;
|
|
|
|
libID = moduleID;
|
|
moduleID = 0;
|
|
}
|
|
else
|
|
{
|
|
libID = $(this).closest('.lib').data('id');
|
|
}
|
|
linkParams = linkParams.replace('%s', '&libID=' + libID + '&moduleID=' + moduleID);
|
|
var link = $(this).data('type') == 'annex' ? createLink('doc', 'showFiles', 'type=' + objectType + '&objectID=' + objectID) : createLink('doc', 'tableContents', linkParams);
|
|
location.href = link
|
|
});
|
|
|
|
var moduleData = {
|
|
"name" : "",
|
|
"createType" : "",
|
|
"libID" : "",
|
|
"parentID" : "",
|
|
"objectID" : "",
|
|
"moduleType" : "",
|
|
"order" : "",
|
|
"isUpdate" : ""
|
|
};
|
|
|
|
$('#fileTree').on('click', '.icon-drop', function(e)
|
|
{
|
|
$('.dropdown-in-tree').css('display', 'none');
|
|
var isCatalogue = $(this).attr('data-isCatalogue') === 'false' ? false : true;
|
|
var dropDownID = isCatalogue ? 'dropDownCatalogue' : 'dropDownLibrary';
|
|
var libID = 0;
|
|
var moduleID = 0;
|
|
var parentID = 0;
|
|
var $module = $(this).closest('a');
|
|
var hasChildren = $module.data('has-children');
|
|
var moduleType = '';
|
|
if($module.hasClass('lib'))
|
|
{
|
|
libID = $module.data('id');
|
|
moduleType = $module.data('type');
|
|
parentID = libID;
|
|
}
|
|
else
|
|
{
|
|
moduleID = $module.data('id');
|
|
libID = $module.closest('.lib').data('id');
|
|
moduleType = $module.closest('.lib').data('type');
|
|
parentID = $module.closest('ul').closest('.lib').data('id');
|
|
}
|
|
|
|
moduleData = {
|
|
"libID" : libID,
|
|
"parentID" : parentID,
|
|
"objectID" : moduleID,
|
|
"moduleType": moduleType == 'lib' ? 'doc' : moduleType,
|
|
};
|
|
|
|
var option = {
|
|
left : e.pageX,
|
|
top : e.pageY,
|
|
type : dropDownID,
|
|
libID : libID,
|
|
moduleID : moduleID,
|
|
hasChildren : hasChildren
|
|
};
|
|
|
|
var dropDown = renderDropdown(option);
|
|
$(".m-doc-showfiles").append(dropDown);
|
|
e.stopPropagation();
|
|
}).on('blur', '.file-tree input.input-tree', function()
|
|
{
|
|
var $input = $(this);
|
|
var value = $input.val();
|
|
if(!value)
|
|
{
|
|
$input.closest('[data-id=insert]').remove();
|
|
return;
|
|
}
|
|
|
|
moduleData.name = value;
|
|
$.post(createLink('tree', 'ajaxCreateModule'), moduleData, function(result)
|
|
{
|
|
result = JSON.parse(result);
|
|
if(result.result == 'fail')
|
|
{
|
|
bootbox.alert(
|
|
result.message[0],
|
|
function()
|
|
{
|
|
setTimeout(function()
|
|
{
|
|
$('.file-tree .input-tree').focus()
|
|
}, 10)
|
|
}
|
|
);
|
|
return false;
|
|
}
|
|
var module = result.module;
|
|
var resultDom = $('[data-id=aTreeModal]').html().replace(/%name%/g, module.name).replace(/%id%/g, module.id).replace('insert', module.id);
|
|
$input.closest('ul').find('.has-input').css('padding-left', '15px');
|
|
$input.after(resultDom);
|
|
$input.remove();
|
|
if(moduleData.isUpdate)
|
|
{
|
|
$.getJSON(createLink('doc', 'tableContents', 'type=' + objectType + '&objectID=' + objectID , 'json'), function(data){
|
|
var treeData = JSON.parse(data.data);
|
|
$('#fileTree').data('zui.tree').reload(treeData.libTree);
|
|
$('li.has-list > ul').addClass("menu-active-primary menu-hover-primary");
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
$('body').on('click', function()
|
|
{
|
|
$('.dropdown-in-tree').remove();
|
|
}).on('click', '.sidebar-toggle', function()
|
|
{
|
|
var $icon = $(this).find('.icon');
|
|
if($('#sideBar').hasClass('hidden'))
|
|
{
|
|
$icon.addClass('icon-angle-left');
|
|
$icon.removeClass('icon-angle-right');
|
|
$('#sideBar').removeClass('hidden');
|
|
}
|
|
else
|
|
{
|
|
$icon.addClass('icon-angle-right');
|
|
$icon.removeClass('icon-angle-left');
|
|
$('#sideBar').addClass('hidden');
|
|
}
|
|
}).on('click', '.dropdown-in-tree li', function(e)
|
|
{
|
|
var item = $(this).data();
|
|
if($(this).hasClass('edit-module'))
|
|
{
|
|
new $.zui.ModalTrigger({
|
|
keyboard : true,
|
|
type : 'ajax',
|
|
url : $(this).find('a').data('href')
|
|
}).show();
|
|
}
|
|
if(item.type !== 'add') return;
|
|
|
|
var $item = $(this);
|
|
moduleData.parentID = 0;
|
|
moduleData.isUpdate = false;
|
|
moduleData.createType = 'child';
|
|
switch(item.method)
|
|
{
|
|
case 'addCataLib' :
|
|
if(item.hasChildren)
|
|
{
|
|
var $input = $('[data-id=liTreeModal]').html();
|
|
var $rootDom = $('[data-id=' + item.libid + ']a + ul');
|
|
$rootDom.append($input);
|
|
}
|
|
else
|
|
{
|
|
var $input = $('[data-id=ulTreeModal]').html();
|
|
var $rootDom = $('[data-id=' + item.libid + ']a');
|
|
var $li = $rootDom.parent();
|
|
moduleData.isUpdate = true;
|
|
$rootDom.after($input);
|
|
$li.addClass('open in has-list');
|
|
}
|
|
$('#fileTree').data('zui.tree').expand($('li[data-id="' + item.libid + '"]'));
|
|
$rootDom.parent().find('input').focus();
|
|
break;
|
|
case 'addCataBro' :
|
|
moduleData.createType = 'same';
|
|
var $input = $('[data-id=liTreeModal]').html();
|
|
var $rootDom = $('#fileTree li[data-id=' + item.id + ']');
|
|
$rootDom.after($input);
|
|
$rootDom.closest('ul').find('.has-input').css('padding-left', '0');
|
|
$('#fileTree').find('input').focus();
|
|
break;
|
|
case 'addCataChild' :
|
|
moduleData.parentID = item.id;
|
|
if(item.hasChildren)
|
|
{
|
|
var $input = $('[data-id=liTreeModal]').html();
|
|
var $rootDom = $('#fileTree [data-id=' + item.id + ']a + ul ');
|
|
}
|
|
else
|
|
{
|
|
var $input = $('[data-id=ulTreeModal]').html();
|
|
var $rootDom = $('#fileTree [data-id=' + item.id + ']li');
|
|
moduleData.isUpdate = true;
|
|
$rootDom.addClass('open in has-list');
|
|
}
|
|
|
|
$('#fileTree').data('zui.tree').expand($('li[data-id="' + item.id + '"]'));
|
|
$rootDom.append($input);
|
|
$rootDom.find('input').focus();
|
|
break;
|
|
}
|
|
}).on('blur', '.file-tree input.input-tree', function()
|
|
{
|
|
var $input = $(this);
|
|
var value = $input.val();
|
|
if(!value)
|
|
{
|
|
$input.closest('[data-id=insert]').remove();
|
|
return;
|
|
}
|
|
|
|
moduleData.name = value;
|
|
$.post(createLink('tree', 'ajaxCreateModule'), moduleData, function(result)
|
|
{
|
|
result = JSON.parse(result);
|
|
if(result.result == 'fail')
|
|
{
|
|
bootbox.alert(
|
|
result.message[0],
|
|
function()
|
|
{
|
|
setTimeout(function()
|
|
{
|
|
$('.file-tree .input-tree').focus()
|
|
}, 10)
|
|
}
|
|
);
|
|
return false;
|
|
}
|
|
var module = result.module;
|
|
var resultDom = $('[data-id=aTreeModal]').html().replace(/%name%/g, module.name).replace(/%id%/g, module.id).replace('insert', module.id);
|
|
$input.closest('ul').find('.has-input').css('padding-left', '15px');
|
|
$input.after(resultDom);
|
|
$input.remove();
|
|
if(moduleData.isUpdate)
|
|
{
|
|
$.getJSON(createLink('doc', 'tableContents', 'type=' + objectType + '&objectID=' + objectID , 'json'), function(data){
|
|
var treeData = JSON.parse(data.data);
|
|
$('#fileTree').data('zui.tree').reload(treeData.libTree);
|
|
$('li.has-list > ul').addClass("menu-active-primary menu-hover-primary");
|
|
});
|
|
}
|
|
});
|
|
}).on('keydown', '.file-tree input.input-tree', function(e)
|
|
{
|
|
if(e.keyCode == 13) $(this).trigger('blur');
|
|
}).on('click', '#mainMenu .btn-toolbar a, .no-content-button a', function()
|
|
{
|
|
if(libType == 'api')
|
|
{
|
|
$.cookie('objectType', objectType, {expires: config.cookieLife, path: config.webRoot});
|
|
$.cookie('objectID', objectID, {expires: config.cookieLife, path: config.webRoot});
|
|
}
|
|
});
|
|
});
|