tsai
/
abp
mirror of https://github.com/abpframework/abp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

CmsKit - Fix ContextMenu for MenuItems

pull/9261/head
Enis Necipoğlu 5 years ago
parent
aa2fb2572d
commit
1b3f005fad
3 changed files with 54 additions and 38 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 17
      modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Menus/MenuItems/Index.cshtml
  2. 1
      modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Menus/MenuItems/index.css
  3. 74
      modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Menus/MenuItems/index.js

17
modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Menus/MenuItems/Index.cshtml
View File

@ -20,6 +20,7 @@
@section styles { @section styles {
<abp-style-bundle name="@typeof(IndexModel).FullName"> <abp-style-bundle name="@typeof(IndexModel).FullName">
<abp-style type="typeof(JsTreeStyleContributor)" /> <abp-style type="typeof(JsTreeStyleContributor)" />
<abp-script src="/Pages/CmsKit/Menus/MenuItems/index.css" />
</abp-style-bundle> </abp-style-bundle>
} }
@ -34,12 +35,28 @@
@await Component.InvokeAsync(typeof(AbpPageToolbarViewComponent), new { pageName = typeof(IndexModel).FullName }) @await Component.InvokeAsync(typeof(AbpPageToolbarViewComponent), new { pageName = typeof(IndexModel).FullName })
} }
<div id="jstree">
<!-- in this example the tree is populated from inline HTML -->
<ul>
<li>Root node 1
<ul>
<li id="child_node_1">Child node 1</li>
<li>Child node 2</li>
</ul>
</li>
<li>Root node 2</li>
</ul>
</div>
<hr />
<div id="CmsKitMenuItemsWrapper" data-menu-id="@Model.Id"> <div id="CmsKitMenuItemsWrapper" data-menu-id="@Model.Id">
<abp-card> <abp-card>
<abp-card-body> <abp-card-body>
<abp-card-title> <abp-card-title>
@L["MenuItems"] @L["MenuItems"]
</abp-card-title> </abp-card-title>
<div id="MenuItemsEditTree"></div> <div id="MenuItemsEditTree"></div>
<div id="MenuItemsTreeEmptyInfo" class="text-muted">@L["NoMenuItems"]</div> <div id="MenuItemsTreeEmptyInfo" class="text-muted">@L["NoMenuItems"]</div>
</abp-card-body> </abp-card-body>

1
modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Menus/MenuItems/index.css
View File

@ -0,0 +1 @@
.vakata-context { z-index:10052 !important; }

74
modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Menus/MenuItems/index.js
View File

@ -94,7 +94,7 @@ $(function () {
edit: { edit: {
label: l('Edit'), label: l('Edit'),
icon: 'fa fa-pencil', icon: 'fa fa-pencil',
_disabled: abp.auth.isGranted('CmsKit.Menus.Items.Update'), _disabled: !abp.auth.isGranted('CmsKit.Menus.Items.Update'),
action: function (data) { action: function (data) {
var instance = $.jstree.reference(data.reference); var instance = $.jstree.reference(data.reference);
@ -108,7 +108,7 @@ $(function () {
addSubMenuItem: { addSubMenuItem: {
label: l('AddSubMenuItem'), label: l('AddSubMenuItem'),
icon: 'fa fa-plus', icon: 'fa fa-plus',
_disabled: abp.auth.isGranted('CmsKit.Menus.Items.Create'), _disabled: !abp.auth.isGranted('CmsKit.Menus.Items.Create'),
action: function () { action: function () {
menuTree.addItem(node.id); menuTree.addItem(node.id);
} }
@ -117,7 +117,7 @@ $(function () {
'delete': { 'delete': {
label: l('Delete'), label: l('Delete'),
icon: 'fa fa-remove', icon: 'fa fa-remove',
_disabled: abp.auth.isGranted('CmsKit.Menus.Items.Delete'), _disabled: !abp.auth.isGranted('CmsKit.Menus.Items.Delete'),
action: function (data) { action: function (data) {
var instance = $.jstree.reference(data.reference); var instance = $.jstree.reference(data.reference);
@ -146,7 +146,7 @@ $(function () {
return items; return items;
}, },
addItem: function (parentId) { addItem: function () {
var instance = $.jstree.reference(menuTree.$tree); var instance = $.jstree.reference(menuTree.$tree);
createModal.open({ createModal.open({
@ -262,34 +262,34 @@ $(function () {
multiple: false, multiple: false,
check_callback: function (operation, node, node_parent, node_position, more) { check_callback: function (operation, node, node_parent, node_position, more) {
return true; return true;
}, }
},
contextmenu: {
items: menuTree.contextMenu, contextmenu: {
'select_node': false items: menuTree.contextMenu,
}, 'select_node': false
},
//sort: function (node1, node2) {
// if (this.get_node(node2).original.displayName < this.get_node(node1).original.displayName) { sort: function (node1, node2) {
// return 1; if (this.get_node(node2).original.displayName < this.get_node(node1).original.displayName) {
// } return 1;
}
// return -1;
//}, return -1;
},
plugins: [
'types', plugins: [
'contextmenu', 'types',
'wholerow', 'contextmenu',
'sort', 'wholerow',
'dnd' 'sort',
] 'dnd'
} ]
}); });
$('button[name=CreateMenuItem]').click(function (e) { $('button[name=CreateMenuItem]').click(function (e) {
e.preventDefault(); e.preventDefault();
createModal.open({ menuId: menuId }); createModal.open({menuId: menuId});
}); });
createModal.onResult(function () { createModal.onResult(function () {
@ -300,15 +300,13 @@ $(function () {
menuTree.reload(); menuTree.reload();
}); });
//menuTree.$tree.on('click', '.ou-text .fa-caret-down', function (e) { menuTree.$tree.on('click', '.ou-text .fa-caret-down', function (e) {
// e.preventDefault(); e.preventDefault();
// debugger; var id = $(this).closest('.ou-text').attr('data-menuitem-id');
// var id = $(this).closest('.ou-text').attr('data-menuitem-id'); setTimeout(function () {
// setTimeout(function () { menuTree.$tree.jstree('show_contextmenu', id);
// debugger; }, 100);
// menuTree.$tree.jstree('show_contextmenu', id); });
// }, 100);
//});
}); });
}, },
@ -371,7 +369,7 @@ $(function () {
$('table>tbody>').find('input[type="checkbox"]').prop("checked", true); $('table>tbody>').find('input[type="checkbox"]').prop("checked", true);
let selectedItems = $(`input[name="${selectedCheckboxNames}"]:checked`); let selectedItems = $(`input[name="${selectedCheckboxNames}"]:checked`);
selectedIds = []; selectedIds = [];
for (var i = 0; typeof (selectedItems[i]) != 'undefined'; selectedIds.push(selectedItems[i++].getAttribute('id'))); for (var i = 0; typeof (selectedItems[i]) != 'undefined'; selectedIds.push(selectedItems[i++].getAttribute('id'))) ;
}; };
const uncheckAndRemoveAll = function () { const uncheckAndRemoveAll = function () {

Write Preview
Loading…
Cancel
Save