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

* [misc] refactor doc app actions with configs.

Browse Source
This commit is contained in:
sunhao
2024-10-16 08:37:38 +08:00
parent 6b13e6adc5
commit 1260fa0647
2 changed files with 378 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files
module/doc/js/app.ui.js
+351 -153
View File
@@ -4,14 +4,21 @@ let documentTitleSuffix = ' - ' + originalDocumentTitle.split(' - ').pop();
function getDocApp()
{
const docApp = $('#docApp').zui('docApp');
const docApp = $('#docApp').data('zui.DocApp');
return docApp ? docApp.$ : null;
}
function getLang(key)
{
const docApp = getDocApp();
return docApp ? docApp.props.lang[key] : '';
const lang = docApp ? docApp.props.lang : {};
return typeof key === 'string' ? lang[key] : lang;
}
function hasPriv(priv)
{
const docApp = getDocApp();
return docApp ? !!docApp.props.privs[priv] : false;
}
function processDocAppAction(action, docApp)
@@ -56,88 +63,6 @@ function handleSwitchView(view, location, info)
lastAppUrl = url;
}
function handleCreateSpace()
{
const docApp = getDocApp();
const params = docApp.spaceType == 'mine' ? 'type=mine' : '';
const url = $.createLink('doc', 'createSpace', params);
zui.Modal.open({size: 'sm', url: url});
}
function handleEditSpace(space)
{
const url = $.createLink('doc', 'editLib', `libID=${space.id}`);
zui.Modal.open({size: 'sm', url: url});
}
function handleCreateLib(space)
{
const url = $.createLink('doc', 'createLib', space ? `type=${space.type}&objectID=${space.id}` : 'type=mine');
zui.Modal.open({size: 'sm', url: url});
}
function handleEditLib(lib)
{
const url = $.createLink('doc', 'editLib', `libID=${lib.id}`);
zui.Modal.open({size: 'sm', url: url});
}
function handleDeleteLib(lib)
{
$.post($.createLink('doc', 'deleteLib', `libID=${lib.id}`), function ()
{
getDocApp().delete('lib', lib.id);
});
}
function handleMoveLib(lib)
{
const url = $.createLink('doc', 'moveLib', `libID=${lib.id}`);
zui.Modal.open({size: 'sm', url: url});
}
function handleCreateModule(module)
{
const url = $.createLink('tree', 'ajaxCreateModule');
const data =
{
name: module.name,
libID: module.lib,
parentID: module.parent,
objectID: module.parent,
moduleType: 'doc',
isUpdate: false,
createType: 'child',
};
$.ajaxSubmit(
{
load: false,
url: url,
data: data,
onSuccess: (res) =>
{
if(!res.module) return;
const docApp = getDocApp();
docApp.update('module', res.module);
docApp.selectModule(res.module.id);
}
})
}
function handleEditModule(module)
{
const url = $.createLink('doc', 'editCatalog', `moduleID=${module.id}&type=doc`);
zui.Modal.open({size: 'sm', url: url});
}
function handleDeleteModule(module)
{
$.post($.createLink('doc', 'deleteCatalog', 'moduleID=' + module.id), {}, function ()
{
getDocApp().delete('module', module.id);
});
}
function handleCreateDoc(doc, spaceID, libID, moduleID)
{
const docApp = getDocApp();
@@ -195,42 +120,17 @@ function handleSaveDoc(doc)
});
}
function handleMoveDoc(doc)
{
const docApp = getDocApp();
const libID = docApp.signals.libID.value;
const spaceID = docApp.signals.spaceID.value;
const url = $.createLink('doc', 'moveDoc', `docID=${doc.id}&libID=${libID}&space=${spaceID > 0 ? spaceID : 'mine'}`);
zui.Modal.open({size: 'sm', url: url});
}
function canMoveDoc(doc)
{
const docApp = getDocApp();
const spaceType = docApp.signals.spaceType.value;
const hasDocMovePriv = docApp.props.privs.moveDoc;
const currentUser = docApp.props.currentUser;
if(typeof doc === 'number') doc = docApp.getDoc(doc);
return hasDocMovePriv && (spaceType === 'custom' || spaceType === 'mine') && doc.addedBy === currentUser;
}
function handleDeleteDoc(doc)
{
$.post($.createLink('doc', 'delete', 'docID=' + doc.id), {}, function ()
{
getDocApp().delete('doc', doc.id);
});
}
function handleCollectDoc(doc)
{
$.post($.createLink('doc', 'collect', `objectID=${doc.id}&objectType=doc`), {}, function(res)
{
if(typeof res == 'string') res = JSON.parse(res);
const collected = res.status === 'yes';
getDocApp().update('doc', $.extend(doc, {isCollector: collected, collects: collected ? doc.collects + 1 : doc.collects - 1}));
});
}
function deleteDocFile(file, doc)
{
zui.Modal.confirm(getDocApp().props.lang.fileConfirmDelete).then(result =>
@@ -289,40 +189,154 @@ function renameDocFile(file, doc)
});
}
function getFileActions(file, doc)
{
const docApp = getDocApp();
const privs = docApp.props.privs;
const lang = docApp.props.lang;
const canEdit = privs.edit && (!doc.privs || doc.privs.edit !== false);
function getDocCreateActions() {
return [
{'data-toggle': 'modal', 'data-size': 'lg', url: $.createLink('file', 'download', `fileID=${file.id}&mouse=left`), hint: lang.filePreview, icon: 'eye'},
{target: '_blank', url: zui.formatString(docApp.props.fileUrl, file), hint: lang.fileDownload, icon: 'download'},
canEdit ? {hint: lang.fileRename, icon: 'pencil-alt', onClick: renameDocFile.bind(this, file, doc)} : null,
canEdit ? {hint: lang.fileDelete, icon: 'trash', onClick: deleteDocFile.bind(this, file, doc)} : null,
].filter(Boolean);
}
/**
* Get actions of foot toolbar in doc table.
* 获取文档列表页底部工具栏的操作项。
*/
function getDocTableActions(info)
{
return [{
text: getLang('moveTo'),
onClick: function()
{
/* Get all selected doc id list. */
const selections = info.dtable.getChecks();
console.log('Batch move doc', selections, info);
},
}];
{text: '存为草稿', size: 'md', className: 'btn-wide', type: 'secondary', command: 'saveNewDoc/draft'},
{text: '发布', size: 'md', className: 'btn-wide', type: 'primary', command: 'saveNewDoc'},
{text: '取消', size: 'md', className: 'btn-wide', type: 'primary-outline', command: 'cancelCreateDoc'},
];
}
const actionsMap =
{
'doc-table': getDocTableActions
space: function(info)
{
const lang = getLang();
const items = [];
const space = info.data;
if(hasPriv('editSpace')) items.push({text: lang.actions.editSpace, command: `editSpace/${space.id}`});
if(hasPriv('deleteSpace')) items.push({text: lang.actions.deleteSpace, command: `deleteSpace/${space.id}`});
if(!items.length) return;
return [
{type: 'dropdown', icon: 'cog-outline', square: true, caret: false, placement: 'top-end', items: items},
];
},
doc: function(info)
{
const lang = getLang();
const doc = info.data;
if(info.ui === 'sidebar')
{
return [
hasPriv('edit') ? {icon: 'edit', text: lang.edit, command: `startEditDoc/${doc.id}`} : null,
canMoveDoc(doc) ? {icon: 'folder-move', text: lang.moveDoc, command: `moveDoc/${doc.id}`} : null,
hasPriv('delete') ? {icon: 'trash', text: lang.delete, command: `deleteDoc/${doc.id}`} : null,
];
}
const moreItems = [];
if(canMoveDoc(doc)) moreItems.push({icon: 'folder-move', text: lang.moveDoc, command: `moveDoc/${doc.id}`});
if(hasPriv('delete')) moreItems.push({icon: 'trash', text: lang.delete, command: `deleteDoc/${doc.id}`});
if(hasPriv('exportDoc')) moreItems.push({icon: 'export', text: lang.export, command: 'exportDoc'});
return [
{icon: doc.isCollector ? 'star text-warning' : 'star-empty', text: doc.collects || null, hint: doc.isCollector ? lang.cancelCollection : lang.collect, rounded: 'lg', textClass: 'text-gray', type: 'ghost', command: hasPriv('collect') ? `collectDoc/${doc.id}` : null},
hasPriv('edit') ? {icon: 'edit', type: 'ghost text-primary', hint: lang.edit, rounded: 'lg', command: 'startEditDoc'} : null,
moreItems.length ? {icon: 'icon-ellipsis-v', type: 'dropdown', rounded: 'lg', placement: 'bottom-end', caret: false, items: moreItems} : null,
];
},
lib: function(info)
{
const lang = getLang();
const items = [];
const lib = info.data;
if(hasPriv('addModule')) items.push({text: lang.actions.addModule, command: `addModule/${lib.id}/0/${lib.id}/child`});
if(hasPriv('editLib')) items.push({text: lang.actions.editLib, command: `editLib/${lib.id}`});
if(hasPriv('moveLib')) items.push({text: lang.moveTo, command: `moveLib/${lib.id}`});
if(hasPriv('deleteLib')) items.push({text: lang.actions.deleteLib, command: `deleteLib/${lib.id}`});
if(!items.length) return;
if(info.ui === 'sidebar') return items;
return [
{type: 'dropdown', icon: 'cog-outline', square: true, caret: false, placement: 'top-end', items: items},
];
},
module: function(info)
{
const lang = getLang();
const items = [];
const module = info.data;
if(hasPriv('addModule')) items.push({text: lang.actions.addSameModule, command: `addModule/${module.lib}/${module.parent || module.lib}/${module.id}/same`}, {text: lang.actions.addModule, command: `addModule/${module.lib}/${module.id}/${module.id}/child`});
if(hasPriv('editModule')) items.push({text: lang.actions.editModule, command: `editModule/${module.id}`});
if(hasPriv('deleteModule')) items.push({text: lang.actions.delModule, command: `deleteModule/${module.id}`});
return items;
},
'doc-table': function(info)
{
return [{
text: getLang('moveTo'),
onClick: function()
{
/* Get all selected doc id list. */
const selections = info.dtable.getChecks();
console.log('Batch move doc', selections, info);
},
}];
},
'doc-list': function()
{
const lang = getLang();
const canCreateDoc = hasPriv('create');
const canCreateLib = hasPriv('createLib');
const canCreateSpace = hasPriv('createSpace');
const canExportDoc = hasPriv('exportDoc');
const items =
[
canCreateDoc ? {icon: 'plus', text: lang.createDoc, command: 'startCreateDoc'} : null,
canCreateDoc ? {type: 'divider'} : null,
{icon: 'file-word', text: lang.createList.word, command: 'startCreateOffice/word'},
{icon: 'file-powerpoint', text: lang.createList.ppt, command: 'startCreateOffice/ppt'},
{icon: 'file-excel', text: lang.createList.excel, command: 'startCreateOffice/excel'},
(canCreateLib || canCreateSpace) ? {type: 'divider'} : null,
canCreateSpace ? {icon: 'cube', text: lang.createSpace, command: 'createSpace'} : null,
canCreateLib ? {icon: 'wiki-lib', text: lang.createLib, command: 'createLib'} : null,
].filter(Boolean);
return [
(canExportDoc || canCreateDoc) ? {type: 'divider', style: {margin: '6px 0'}} : null,
canExportDoc ? {icon: 'export', text: lang.export, command: 'exportDoc'} : null,
canCreateDoc ? {icon: 'import', text: lang.uploadDoc, command: 'uploadDoc'} : null,
items.length ? {icon: 'plus', type: 'dropdown', btnType: 'primary', size: 'md', text: lang.create, items: items} : null,
];
},
'doc-edit': function(info)
{
const doc = info.data;
const lang = getLang();
return [
doc.status === 'draft' ? {text: lang.saveDraft, size: 'md', className: 'btn-wide', type: 'secondary', command: 'saveDoc/draft'} : null,
{text: lang.release, size: 'md', className: 'btn-wide', type: 'primary', command: 'saveDoc'},
{text: lang.cancel, size: 'md', className: 'btn-wide', type: 'primary-outline', command: 'cancelEditDoc'},
];
},
'doc-create': function()
{
const lang = getLang();
return [
{text: lang.saveDraft, size: 'md', className: 'btn-wide', type: 'secondary', command: 'saveNewDoc/draft'},
{text: lang.release, size: 'md', className: 'btn-wide', type: 'primary', command: 'saveNewDoc'},
{text: lang.cancel, size: 'md', className: 'btn-wide', type: 'primary-outline', command: 'cancelCreateDoc'},
];
},
file: function(info)
{
const doc = info.doc;
const file = info.data;
const docApp = getDocApp();
const privs = docApp.props.privs;
const lang = docApp.props.lang;
const canEdit = privs.edit && (!doc.privs || doc.privs.edit !== false);
return [
{'data-toggle': 'modal', 'data-size': 'lg', url: $.createLink('file', 'download', `fileID=${file.id}&mouse=left`), hint: lang.filePreview, icon: 'eye'},
{target: '_blank', url: zui.formatString(docApp.props.fileUrl, file), hint: lang.fileDownload, icon: 'download'},
canEdit ? {hint: lang.fileRename, icon: 'pencil-alt', onClick: renameDocFile.bind(this, file, doc)} : null,
canEdit ? {hint: lang.fileDelete, icon: 'trash', onClick: deleteDocFile.bind(this, file, doc)} : null,
].filter(Boolean);
}
};
function getActions(type, info)
@@ -331,29 +345,213 @@ function getActions(type, info)
if(builder) return builder.call(this, info);
}
const commands =
{
uploadDoc: function()
{
const docApp = getDocApp();
const url = $.createLink('doc', 'uploadDocs', `objectType=${docApp.spaceType}&objectID=${docApp.spaceID}&libID=${docApp.libID}&moduleID=${docApp.moduleID}&type=attachment`);
zui.Modal.open({url: url});
},
startCreateOffice: function(_, args)
{
const type = args[0];
const docApp = getDocApp();
const url = $.createLink('doc', 'create', `objectType=${docApp.spaceType}&objectID=${docApp.spaceID}&libID=${docApp.libID}&moduleID=${docApp.moduleID}&type=${type}`);
zui.Modal.open({url: url});
},
createSpace: function()
{
const docApp = getDocApp();
const params = docApp.spaceType == 'mine' ? 'type=mine' : '';
const url = $.createLink('doc', 'createSpace', params);
zui.Modal.open({size: 'sm', url: url});
},
editSpace: function(_, args)
{
const docApp = getDocApp();
const spaceID = args[0] || docApp.spaceID;
const url = $.createLink('doc', 'editLib', `libID=${spaceID}`);
zui.Modal.open({size: 'sm', url: url});
},
deleteSpace: function(_, args)
{
const docApp = getDocApp();
const spaceID = args[0] || docApp.spaceID;
$.ajaxSubmit(
{
confirm: getLang('confirmDeleteSpace'),
url: $.createLink('doc', 'deleteLib', `libID=${spaceID}`),
load: false,
onSuccess: function()
{
getDocApp().delete('space', spaceID);
}
});
},
createLib: function(_, args)
{
const docApp = getDocApp();
const spaceID = args[0] || docApp.spaceID;
const url = $.createLink('doc', 'createLib', spaceID ? `type=${docApp.spaceType}&objectID=${spaceID}` : 'type=mine');
zui.Modal.open({size: 'sm', url: url});
},
moveLib: function(_, args)
{
const docApp = getDocApp();
const libID = args[0] || docApp.libID;
const url = $.createLink('doc', 'moveLib', `libID=${libID}`);
zui.Modal.open({size: 'sm', url: url});
},
editLib: function(_, args)
{
const docApp = getDocApp();
const libID = args[0] || docApp.libID;
const url = $.createLink('doc', 'editLib', `libID=${libID}`);
zui.Modal.open({size: 'sm', url: url});
},
deleteLib: function(_, args)
{
const docApp = getDocApp();
const libID = args[0] || docApp.libID;
$.ajaxSubmit(
{
confirm: getLang('confirmDeleteLib'),
url: $.createLink('doc', 'deleteLib', `libID=${libID}`),
load: false,
onSuccess: function()
{
getDocApp().delete('lib', libID);
}
});
},
addModule: function(_, args)
{
zui.Modal.prompt({message: getLang('moduleName')}).then(newMoudleName =>
{
if(!newMoudleName) return;
const docApp = getDocApp();
const libID = args[0] || docApp.libID;
const parentID = args[1] || 0;
const objectID = args[2] || 0;
const createType = args[3] || 'child';
const data =
{
name: newMoudleName,
libID: libID,
parentID: parentID,
objectID: objectID,
moduleType: 'doc',
isUpdate: false,
createType: createType,
};
$.ajaxSubmit(
{
load: false,
url: $.createLink('tree', 'ajaxCreateModule'),
data: data,
onSuccess: (res) =>
{
if(!res.module) return;
const docApp = getDocApp();
docApp.update('module', res.module);
docApp.selectModule(res.module.id);
}
})
});
},
editModule: function(_, args)
{
const docApp = getDocApp();
const moduleID = args[0] || docApp.moduleID;
const url = $.createLink('doc', 'editCatalog', `moduleID=${moduleID}&type=doc`);
zui.Modal.open({size: 'sm', url: url});
},
deleteModule: function(_, args)
{
const docApp = getDocApp();
const moduleID = args[0] || docApp.moduleID;
$.ajaxSubmit(
{
confirm: getLang('confirmDeleteModule'),
url: $.createLink('doc', 'editCatalog', `moduleID=${moduleID}&type=doc`),
load: false,
onSuccess: function()
{
getDocApp().delete('lib', libID);
getDocApp().delete('module', moduleID);
}
});
},
collectDoc: function(_, args)
{
const docApp = getDocApp();
const docID = args[0] || docApp.docID;
$.post($.createLink('doc', 'collect', `objectID=${docID}&objectType=doc`), {}, function(res)
{
if(typeof res == 'string') res = JSON.parse(res);
const collected = res.status === 'yes';
const doc = docApp.getDoc(docID);
getDocApp().update('doc', $.extend(doc, {isCollector: collected, collects: collected ? doc.collects + 1 : doc.collects - 1}));
});
},
moveDoc: function(_, args)
{
const docApp = getDocApp();
const docID = args[0] || docApp.docID;
const libID = docApp.libID;
const spaceID = docApp.spaceID;
const url = $.createLink('doc', 'moveDoc', `docID=${docID}&libID=${libID}&space=${spaceID > 0 ? spaceID : 'mine'}`);
zui.Modal.open({size: 'sm', url: url});
},
deleteDoc: function(_, args)
{
const docApp = getDocApp();
const docID = args[0] || docApp.docID;
$.ajaxSubmit(
{
confirm: getLang('confirmDelete'),
url: $.createLink('doc', 'delete', `docID=${docID}`),
load: false,
onSuccess: function()
{
getDocApp().delete('doc', docID);
}
});
},
exportDoc: function(_, args)
{
const docApp = getDocApp();
const type = docApp.spaceType;
const libID = args[0] || docApp.libID;
const moduleID = args[1] || docApp.moduleID;
const docID = args[2] || docApp.docID;
const url = $.createLink('doc', `${type}2export`, `libID=${libID}&moduleID=${moduleID}&docID=${docID}`);
if(docID)
{
window.open(url, '_self');
return;
}
zui.Modal.open({url: url, size: 'sm'});
}
};
window.setDocAppOptions = function(_, options)
{
const privs = options.privs;
const canCustomSpace = options.spaceType === 'custom' || options.spaceType === 'mine';
const newOptions =
{
onCreateSpace : (privs.createSpace && canCustomSpace) ? handleCreateSpace: null,
onEditSpace : (privs.editSpace && canCustomSpace) ? handleEditSpace : null,
onCreateLib : privs.createLib ? handleCreateLib : null,
onEditLib : privs.editLib ? handleEditLib : null,
onDeleteLib : privs.deleteLib ? handleDeleteLib : null,
onMoveLib : privs.moveLib ? handleMoveLib : null,
onCreateModule: privs.addModule ? handleCreateModule : null,
onEditModule : privs.editModule ? handleEditModule : null,
onDeleteModule: privs.deleteModule ? handleDeleteModule : null,
commands : commands,
onCreateDoc : privs.create ? handleCreateDoc : null,
onSaveDoc : privs.edit ? handleSaveDoc : null,
onMoveDoc : privs.moveDoc ? handleMoveDoc : null,
canMoveDoc : canMoveDoc,
onDeleteDoc : privs.delete ? handleDeleteDoc : null,
onCollectDoc : privs.collect ? handleCollectDoc : null,
onSwitchView : handleSwitchView,
fileActions : getFileActions,
getActions : getActions,
};
return newOptions;
module/doc/ui/app.html.php
+27
View File
@@ -21,6 +21,7 @@ $privs = array();
$privs['create'] = hasPriv('doc', 'create');
$privs['edit'] = hasPriv('doc', 'edit');
$privs['delete'] = hasPriv('doc', 'delete');
$privs['exportDoc'] = $this->config->edition != 'open' && hasPriv('doc', $type . '2export');
$privs['moveDoc'] = hasPriv('doc', 'moveDoc');
$privs['collect'] = hasPriv('doc', 'collect');
$privs['createLib'] = hasPriv('doc', 'createLib');
@@ -30,6 +31,7 @@ $privs['deleteLib'] = hasPriv('doc', 'deleteLib');
$privs['sortDocLib'] = hasPriv('doc', 'sortDocLib');
$privs['exportFiles'] = hasPriv('doc', 'exportFiles');
$privs['createSpace'] = hasPriv('doc', 'createSpace');
$privs['deleteSpace'] = hasPriv('doc', 'deleteSpace');
$privs['editSpace'] = hasPriv('doc', 'editLib');
$privs['addModule'] = hasPriv('doc', 'addCatalog');
$privs['deleteModule'] = hasPriv('doc', 'deleteCatalog');
@@ -46,12 +48,37 @@ $fileUrl .= $sessionStr;
* 设置前端语言数据。 在 js/app.ui.js 中使用 getLang('xxx') 来访问语言数据。
*/
$langData = new stdclass();
$langData->cancel = $lang->cancel;
$langData->export = $lang->export;
$langData->filePreview = $lang->file->preview;
$langData->fileDownload = $lang->file->download;
$langData->fileDelete = $lang->file->delete;
$langData->fileRename = $lang->file->edit;
$langData->fileConfirmDelete = $lang->file->confirmDelete;
$langData->createSpace = $lang->doc->createSpace;
$langData->createLib = $lang->doc->createLib;
$langData->actions = $lang->doc->libDropdown;
$langData->moveTo = $lang->doc->moveTo;
$langData->create = $lang->doc->createAB;
$langData->createDoc = $lang->doc->create;
$langData->editDoc = $lang->doc->edit;
$langData->deleteDoc = $lang->doc->delete;
$langData->uploadDoc = $lang->doc->uploadDoc;
$langData->createList = $lang->doc->createList;
$langData->confirmDelete = $lang->doc->confirmDelete;
$langData->confirmDeleteLib = $lang->doc->confirmDeleteLib;
$langData->confirmDeleteSpace = $lang->doc->confirmDeleteSpace;
$langData->confirmDeleteModule = $lang->doc->confirmDeleteModule;
$langData->collect = $lang->doc->collect;
$langData->edit = $lang->doc->edit;
$langData->delete = $lang->doc->delete;
$langData->cancelCollection = $lang->doc->cancelCollection;
$langData->moveDoc = $lang->doc->moveDocAction;
$langData->moveTo = $lang->doc->moveTo;
$langData->moveLib = $lang->doc->moveLibAction;
$langData->moduleName = $lang->doc->catalogName;
$langData->saveDraft = $lang->doc->saveDraft;
$langData->release = $lang->doc->release;
zui::docApp
(