@syncfusion/ej2-filemanager
Version:
Essential JS 2 FileManager Component
694 lines (670 loc) • 31.3 kB
text/typescript
import { ContextMenu as Menu, BeforeOpenCloseMenuEventArgs, MenuItemModel } from '@syncfusion/ej2-navigations';
import { IFileManager, MenuClickEventArgs, MenuCloseEventArgs, MenuOpenEventArgs, NotifyArgs } from '../base/interface';
import { isNullOrUndefined as isNOU, KeyboardEventArgs, createElement, closest, KeyboardEvents } from '@syncfusion/ej2-base';
import { getValue, select } from '@syncfusion/ej2-base';
import { MenuEventArgs } from '@syncfusion/ej2-splitbuttons';
import { Download, GetDetails } from './../common/operations';
import { createDialog } from './dialog';
import { cutFiles, copyFiles, refresh, getPathObject, getLocaleText, updateLayout, getFullPath } from './../common/utility';
import { getCssClass, sortbyClickHandler, pasteHandler } from './../common/utility';
import { createDeniedDialog, createNewFolder, uploadItem, hasEditAccess, hasDownloadAccess } from './../common/utility';
import * as events from './../base/constant';
import * as CLS from '../base/classes';
/**
* ContextMenu module
*/
export class ContextMenu {
private parent: IFileManager;
private targetElement: HTMLElement;
public contextMenu: Menu;
public menuTarget: HTMLElement;
public isMenuItemClicked: boolean = false;
private keyConfigs: { [key: string]: string };
private keyboardModule: KeyboardEvents;
private menuType: string;
private currentItems: MenuItemModel[] = [];
private currentElement: HTMLElement = null;
private disabledItems: string[] = [];
private targetNodeElement: HTMLElement;
private navUid: string;
public menuItemData: object;
/**
* Constructor for the ContextMenu module
*
* @param {IFileManager} parent - Specifies the parent element.
* @hidden
*/
constructor(parent?: IFileManager) {
this.parent = parent;
this.render();
}
private render(): void {
this.keyConfigs = {
downarrow: 'downarrow',
uparrow: 'uparrown'
};
this.contextMenu = new Menu({
enableRtl: this.parent.enableRtl,
locale: this.parent.locale,
target: '#' + this.parent.element.id,
enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
beforeItemRender: this.onBeforeItemRender.bind(this),
select: this.onSelect.bind(this),
beforeOpen: this.onBeforeOpen.bind(this),
beforeClose: this.onBeforeClose.bind(this),
cssClass: getCssClass(this.parent, CLS.ROOT_POPUP)
});
this.contextMenu.isStringTemplate = true;
this.contextMenu.appendTo('#' + this.parent.element.id + CLS.CONTEXT_MENU_ID);
this.addEventListener();
}
/* istanbul ignore next */
public onBeforeItemRender(args: MenuEventArgs): void {
if (args.item.id === this.getMenuId('largeiconsview')) {
const iconSpan: HTMLElement = createElement('span');
const element: HTMLElement = args.element;
element.insertBefore(iconSpan, this.parent.view === 'LargeIcons' ? element.childNodes[1] : element.childNodes[0]);
iconSpan.setAttribute('class', CLS.ICON_LARGE + ' ' + CLS.MENU_ICON);
}
if (args.item.id === this.getMenuId('detailsview')) {
const iconSpan: HTMLElement = createElement('span');
const element: HTMLElement = args.element;
element.insertBefore(iconSpan, this.parent.view === 'Details' ? element.childNodes[1] : element.childNodes[0]);
iconSpan.setAttribute('class', CLS.ICON_GRID + ' ' + CLS.MENU_ICON);
}
}
public onBeforeClose(args: BeforeOpenCloseMenuEventArgs): void {
const eventArgs: MenuCloseEventArgs = {
cancel: false,
element: args.element,
event: args.event,
isFocused: args.isFocused,
fileDetails: [this.menuItemData],
items: args.items,
parentItem: args.parentItem,
menuType: this.menuType
};
this.parent.trigger('menuClose', eventArgs, (menuCloseArgs: MenuCloseEventArgs) => {
if (menuCloseArgs.cancel){
args.cancel = menuCloseArgs.cancel;
return;
}
});
this.menuTarget = null;
if (!this.isMenuItemClicked && this.parent.pathId.length > 1 && this.parent.activeModule === 'navigationpane') {
this.parent.pathId.pop();
const parentKey: string[] = [];
const itemKeys: string[] = Object.keys(this.parent.feParent);
for (const item of itemKeys) {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
const itemData: any = getValue(item, this.parent.feParent);
if (this.parent.pathNames.indexOf(itemData.name) !== -1) {
parentKey.push(itemData._fm_id);
}
}
this.parent.pathId.push(parentKey[parentKey.length - 1]);
this.parent.navigationpaneModule.treeObj.setProperties({selectedNodes: [this.parent.pathId[this.parent.pathId.length - 1]]});
}
this.isMenuItemClicked = false;
}
/* istanbul ignore next */
public onBeforeOpen(args: BeforeOpenCloseMenuEventArgs): void {
let selected: boolean = false;
let uid: string;
let data: { [key: string]: Object };
let treeFolder: boolean = false;
let target: Element = args.event.target as Element;
this.menuTarget = this.targetNodeElement = <HTMLElement>target;
this.currentElement = args.element;
if (target.classList.contains('e-spinner-pane')) {
target = this.parent.navigationpaneModule.activeNode.getElementsByClassName(CLS.FULLROW)[0];
this.menuTarget = this.targetNodeElement = <HTMLElement>target;
}
this.targetElement = this.parent.view === 'Details' ? closest(target, 'tr.e-row') as HTMLElement : target as HTMLElement;
if (this.parent.enableVirtualization && (target.classList.contains('e-virtual-bottom') || target.classList.contains('e-virtualtable'))) {
target = target.parentElement.closest('div');
}
const view: string = this.getTargetView(target);
this.updateActiveModule();
/* istanbul ignore next */
if (target.classList.contains(CLS.TREE_VIEW) || closest(target, 'th') ||
(closest(target, '#' + this.parent.element.id + CLS.BREADCRUMBBAR_ID)) ||
(closest(target, '#' + this.parent.element.id + CLS.TOOLBAR_ID))) {
args.cancel = true;
} else if (!(this.parent.view === 'LargeIcons') && this.targetElement &&
this.targetElement.classList.contains('e-emptyrow')) {
this.setLayoutItem(target);
/* istanbul ignore next */
} else if (closest(target, '.' + CLS.EMPTY)) {
this.setLayoutItem(target);
} else if (!target.classList.contains(CLS.MENU_ITEM) &&
!target.classList.contains(CLS.MENU_ICON) && !target.classList.contains(CLS.SUBMENU_ICON)) {
/* istanbul ignore next */
if (this.parent.view === 'LargeIcons' && !isNOU(closest(target, 'li')) && !closest(target, '#' + this.parent.element.id + CLS.TREE_ID)) {
const eveArgs: KeyboardEventArgs = { ctrlKey: true, shiftKey: true } as KeyboardEventArgs;
if (!closest(target, 'li').classList.contains('e-active')) {
this.parent.largeiconsviewModule.doSelection(target, eveArgs);
}
data = this.parent.visitedData as { [key: string]: Object };
selected = true;
} else if (!isNOU(closest(target, 'tr.e-row'))) {
uid = this.targetElement.getAttribute('data-uid');
data = this.parent.detailsviewModule.gridObj.getRowObjectFromUID(uid).data as { [key: string]: Object };
if (isNOU(this.targetElement.getAttribute('aria-selected'))) {
/* istanbul ignore next */
this.parent.detailsviewModule.gridObj.selectRows([parseInt(this.targetElement.getAttribute('aria-rowindex'), 10) - 1]);
}
selected = true;
/* istanbul ignore next */
} else if (closest(target, '#' + this.parent.element.id + CLS.TREE_ID)) {
uid = closest(target, 'li').getAttribute('data-uid');
if (!isNOU(uid)) {
this.navUid = uid;
}
treeFolder = true;
}
/* istanbul ignore next */
if (selected) {
if (getValue('isFile', data) === true) {
this.setFileItem();
} else {
this.setFolderItem(false);
}
/* istanbul ignore next */
} else if (treeFolder) {
this.setFolderItem(true);
if (uid === this.parent.pathId[0]) {
this.disabledItems.push('Delete', 'Rename', 'Cut', 'Copy');
} else {
const itemsToRemove: string[] = ['Delete', 'Rename', 'Cut', 'Copy'];
for (let i: number = 0; i < this.disabledItems.length; i++) {
const item: string = this.disabledItems[i as number];
if (itemsToRemove.indexOf(item) !== -1) {
this.disabledItems.splice(i, 1);
i--;
}
}
}
/* istanbul ignore next */
} else if (view === 'TreeView' || view === 'GridView' || view === 'LargeIcon') {
this.setLayoutItem(target);
/* istanbul ignore next */
} else {
args.cancel = true;
}
}
const pasteEle: Element = select('#' + this.getMenuId('Paste'), this.contextMenu.element);
if (!args.cancel && !this.parent.enablePaste &&
pasteEle && !pasteEle.classList.contains('e-disabled')) {
if (this.disabledItems.indexOf('Paste') === -1) {
this.disabledItems.push('Paste');
}
}
else {
const pasteIndex: number = this.disabledItems.indexOf('Paste');
if (pasteIndex !== -1) {
this.disabledItems.splice(pasteIndex, 1);
}
}
if (args.cancel) {
this.menuTarget = this.currentElement = null;
return;
}
this.contextMenu.dataBind();
let isSubMenu: boolean = false;
if (target.classList.contains(CLS.MENU_ITEM) ||
target.classList.contains(CLS.MENU_ICON) || target.classList.contains(CLS.SUBMENU_ICON)) {
isSubMenu = true;
}
this.menuItemData = isSubMenu ? this.menuItemData : this.getMenuItemData();
const eventArgs: MenuOpenEventArgs = {
fileDetails: [this.menuItemData],
element: args.element,
target: target,
items: isSubMenu ? args.items : this.contextMenu.items,
menuModule: this.contextMenu,
cancel: false,
menuType: this.menuType,
isSubMenu: isSubMenu
};
this.currentItems = eventArgs.items;
this.parent.trigger('menuOpen', eventArgs, (menuOpenArgs: MenuOpenEventArgs) => {
if (!isSubMenu) {
this.contextMenu.dataBind();
this.contextMenu.items = menuOpenArgs.items;
this.contextMenu.dataBind();
}
this.enableItems(this.disabledItems, false, true);
args.cancel = menuOpenArgs.cancel;
if (menuOpenArgs.cancel) {
this.menuTarget = this.targetNodeElement = this.currentElement = null;
}
});
}
private updateActiveModule(): void {
this.parent.activeModule = closest(this.menuTarget, '#' + this.parent.element.id + CLS.TREE_ID) ?
'navigationpane' : closest(this.menuTarget, '#' + this.parent.element.id + CLS.GRID_ID) ?
'detailsview' : closest(this.menuTarget, '#' + this.parent.element.id + CLS.LARGEICON_ID) ?
'largeiconsview' : this.parent.activeModule;
}
/* istanbul ignore next */
/**
*
* @param {Element} target - specifies the target element.
* @returns {string} -returns the target view.
* @hidden
*/
public getTargetView(target: Element): string {
return target.classList.contains(CLS.TREE_VIEW) ?
'TreeView' : target.classList.contains(CLS.GRID_VIEW) ?
'GridView' : target.classList.contains(CLS.ICON_VIEW) ?
'LargeIcon' : target.classList.contains(CLS.LARGE_ICONS) ?
'LargeIcon' : '';
}
public getItemIndex(item: string): number {
const itemId: string = this.getMenuId(item);
for (let i: number = 0; i < this.currentItems.length; i++) {
if ((this.currentItems[i as number].id === itemId) || (this.currentItems[i as number].id === item)) {
return i;
}
}
return -1;
}
public disableItem(items: string[]): void {
if (items.length !== 0) {
this.disabledItems = this.disabledItems.concat(items);
}
}
public enableItems(items: string[], enable?: boolean, isUniqueId?: boolean): void {
if (enable) {
this.disabledItems = this.disabledItems.filter((item: string) => { return items.indexOf(item) === -1; });
}
for (let i: number = 0; i < items.length; i++) {
const validItem: number = this.checkValidItem(items[i as number]);
if (validItem === 1) {
this.contextMenu.enableItems([this.getMenuId(items[i as number])], enable, isUniqueId);
} else if (validItem === 2) {
this.contextMenu.enableItems([items[i as number]], enable, isUniqueId);
}
}
}
private setFolderItem(isTree: boolean): void {
this.menuType = 'folder';
this.contextMenu.items = this.getItemData(this.parent.contextMenuSettings.folder.map((item: string) => item.trim()));
this.contextMenu.dataBind();
if (isTree) {
const selectedTreeNode: Element = select('[data-uid="' + this.navUid + '"]', this.parent.navigationpaneModule.treeObj.element);
if (!isNOU(selectedTreeNode) &&
this.parent.pathNames[this.parent.pathNames.length - 1] === selectedTreeNode.querySelector('.e-list-text').innerHTML && this.parent.activeModule === 'navigationpane') {
this.disabledItems.push('Open');
} else {
const indexToRemove: number = this.disabledItems.indexOf('Open');
if (indexToRemove !== -1) {
this.disabledItems.splice(indexToRemove, 1);
}
}
if (this.parent.selectedItems.length === 0) {
const renameIndex: number = this.disabledItems.indexOf('Rename');
if (renameIndex !== -1) {
this.disabledItems.splice(renameIndex, 1);
}
}
} else if (this.parent.activeModule !== 'navigationpane') {
if (this.parent.selectedItems.length === 1) {
const renameIndex: number = this.disabledItems.indexOf('Rename');
if (renameIndex !== -1) {
this.disabledItems.splice(renameIndex, 1);
}
}
else {
this.disabledItems.push('Rename', 'Paste');
}
}
}
private setFileItem(): void {
this.menuType = 'file';
this.contextMenu.items = this.getItemData(this.parent.contextMenuSettings.file.map((item: string) => item.trim()));
this.contextMenu.dataBind();
if (this.parent.selectedItems.length === 1) {
const renameIndex: number = this.disabledItems.indexOf('Rename');
if (renameIndex !== -1) {
this.disabledItems.splice(renameIndex, 1);
}
}
else {
this.disabledItems.push('Rename');
}
}
private setLayoutItem(target: Element): void {
this.menuType = 'layout';
this.contextMenu.items = this.getItemData(this.parent.contextMenuSettings.layout.map((item: string) => item.trim()));
this.contextMenu.dataBind();
if (!this.parent.allowMultiSelection || ((this.parent.view === 'LargeIcons' &&
(closest(target, '#' + this.parent.element.id + CLS.LARGEICON_ID).getElementsByClassName(CLS.EMPTY).length !== 0))
|| (this.parent.view === 'Details' &&
(closest(target, '#' + this.parent.element.id + CLS.GRID_ID).getElementsByClassName(CLS.EMPTY).length !== 0)))) {
this.disabledItems.push('SelectAll');
}
else {
this.disabledItems = this.disabledItems.filter((item: string) => item !== 'SelectAll');
}
if (this.parent.selectedNodes.length === 0) {
if (this.disabledItems.indexOf('Paste') === -1) {
this.disabledItems.push('Paste');
}
}
this.contextMenu.dataBind();
}
private checkValidItem(nameEle: string): number {
if (!isNOU(this.currentElement)) {
if (!isNOU(select('#' + this.getMenuId(nameEle), this.currentElement))) {
return 1;
} else if (!isNOU(select('#' + nameEle, this.currentElement))) {
return 2;
}
}
return -1;
}
private getMenuItemData(): object {
if (this.menuType === 'layout') {
return getPathObject(this.parent);
} else {
const args: { [key: string]: Object; } = { target: this.menuTarget };
this.parent.notify(events.menuItemData, args);
return this.parent.itemData[0];
}
}
/* istanbul ignore next */
private onSelect(args: MenuEventArgs): void {
if (isNOU(args.item) || !args.item.id) { return; }
const itemText: string = args.item.id.substr((this.parent.element.id + '_cm_').length);
let details: Object[];
if (itemText === 'refresh' || itemText === 'newfolder' || itemText === 'upload') {
details = [getPathObject(this.parent)];
this.parent.itemData = details;
} else {
this.parent.notify(events.selectedData, {});
if (this.parent.activeModule === 'navigationpane' && itemText === 'open') {
details = [this.menuItemData];
} else {
details = this.parent.itemData;
}
}
const eventArgs: MenuClickEventArgs = {
cancel: false,
element: args.element,
fileDetails: details,
item: args.item
};
this.parent.trigger('menuClick', eventArgs, (menuClickArgs: MenuClickEventArgs) => {
let sItems: string[];
if (!menuClickArgs.cancel) {
if (itemText !== 'cut' && itemText !== 'copy') {
this.isMenuItemClicked = true;
}
switch (itemText) {
case 'cut':
cutFiles(this.parent);
break;
case 'copy':
copyFiles(this.parent);
break;
case 'paste':
if (this.menuType === 'folder') {
if (this.parent.activeModule === 'navigationpane') {
this.parent.navigationpaneModule.openFileOnContextMenuClick(closest(this.targetNodeElement, 'li') as HTMLLIElement);
this.parent.folderPath = this.parent.path;
}
else {
this.parent.folderPath = getFullPath(this.parent, this.menuItemData, this.parent.path);
}
} else {
this.parent.folderPath = '';
}
pasteHandler(this.parent);
break;
case 'delete':
for (let j: number = 0; j < details.length; j++) {
if (!hasEditAccess(details[j as number])) {
createDeniedDialog(this.parent, details[j as number], events.permissionEdit);
return;
}
}
createDialog(this.parent, 'Delete');
break;
/* istanbul ignore next */
case 'download':
for (let i: number = 0; i < details.length; i++) {
if (!hasDownloadAccess(details[i as number])) {
createDeniedDialog(this.parent, details[i as number], events.permissionDownload);
return;
}
}
if (this.parent.activeModule === 'navigationpane') {
this.parent.notify(events.downloadInit, {});
} else if (this.parent.selectedItems.length > 0) {
Download(this.parent, this.parent.path, this.parent.selectedItems);
}
break;
case 'rename':
if (!hasEditAccess(details[0])) {
createDeniedDialog(this.parent, details[0], events.permissionEdit);
} else {
this.parent.notify(events.renameInit, {});
createDialog(this.parent, 'Rename');
}
break;
case 'selectall':
/* istanbul ignore next */
this.parent.notify(events.selectAllInit, {});
break;
case 'refresh':
refresh(this.parent);
break;
case 'open':
if (this.parent.visitedItem && this.parent.activeModule !== 'navigationpane') {
this.parent.notify(events.openInit, { target: this.parent.visitedItem });
} else if (this.parent.activeModule === 'navigationpane') {
if (this.parent.visitedItem){
this.parent.notify(events.openInit, { target: this.parent.visitedItem });
}
this.parent.navigationpaneModule.openFileOnContextMenuClick(closest(this.targetNodeElement, 'li') as HTMLLIElement);
}
break;
case 'details':
this.parent.notify(events.detailsInit, {});
sItems = this.parent.selectedItems;
if (this.parent.activeModule === 'navigationpane') {
sItems = [];
this.parent.navigationpaneModule.openFileOnContextMenuClick(closest(this.targetNodeElement, 'li') as HTMLLIElement);
}
GetDetails(this.parent, sItems, this.parent.path, 'details');
break;
case 'newfolder':
createNewFolder(this.parent);
break;
case 'upload':
uploadItem(this.parent);
break;
case 'name':
case 'size':
case 'date':
case 'ascending':
case 'descending':
/* istanbul ignore next */
sortbyClickHandler(this.parent, args);
break;
/* istanbul ignore next */
case 'none':
/* istanbul ignore next */
sortbyClickHandler(this.parent, args);
break;
/* istanbul ignore next */
case 'largeiconsview':
updateLayout(this.parent, 'LargeIcons');
break;
/* istanbul ignore next */
case 'detailsview':
updateLayout(this.parent, 'Details');
break;
}
}
});
}
private onPropertyChanged(e: NotifyArgs): void {
if (e.module !== this.getModuleName() && e.module !== 'common') {
/* istanbul ignore next */
return;
}
for (const prop of Object.keys(e.newProp)) {
switch (prop) {
case 'cssClass':
this.contextMenu.cssClass = getCssClass(this.parent, CLS.ROOT_POPUP);
break;
}
}
}
private addEventListener(): void {
this.parent.on(events.destroy, this.destroy, this);
this.parent.on(events.modelChanged, this.onPropertyChanged, this);
this.keyboardModule = new KeyboardEvents(
this.contextMenu.element,
{
keyAction: this.keyActionHandler.bind(this),
keyConfigs: this.keyConfigs,
eventName: 'keydown'
}
);
}
private removeEventListener(): void {
this.parent.off(events.destroy, this.destroy);
this.parent.off(events.modelChanged, this.onPropertyChanged);
this.keyboardModule.destroy();
}
private keyActionHandler(e: KeyboardEventArgs): void {
switch (e.action) {
case 'uparrow':
case 'downarrow':
e.preventDefault();
}
}
/**
* For internal use only - Get the module name.
*
* @returns {string} - returns the module name.
* @private
*/
private getModuleName(): string {
return 'contextmenu';
}
private destroy(): void {
if (this.parent.isDestroyed) { return; }
this.removeEventListener();
this.contextMenu.destroy();
this.targetElement = null;
}
/* istanbul ignore next */
private getItemData(data: string[]): MenuItemModel[] {
const items: MenuItemModel[] = [];
for (let i: number = 0; i < data.length; i++) {
let item: MenuItemModel;
const itemId: string = this.getMenuId(data[i as number]);
const itemText: string = getLocaleText(this.parent, data[i as number]);
switch (data[i as number]) {
case '|':
item = { separator: true };
break;
case 'Open':
item = { id: itemId, text: itemText, iconCss: CLS.ICON_OPEN };
break;
case 'Upload':
item = { id: itemId, text: itemText, iconCss: CLS.ICON_UPLOAD };
break;
case 'Cut':
item = { id: itemId, text: itemText, iconCss: CLS.ICON_CUT };
break;
case 'Copy':
item = { id: itemId, text: itemText, iconCss: CLS.ICON_COPY };
break;
case 'Paste':
item = { id: itemId, text: itemText, iconCss: CLS.ICON_PASTE };
break;
case 'Delete':
item = { id: itemId, text: itemText, iconCss: CLS.ICON_DELETE }; break;
case 'Rename':
item = { id: itemId, text: itemText, iconCss: CLS.ICON_RENAME }; break;
case 'NewFolder':
item = { id: itemId, text: itemText, iconCss: CLS.ICON_NEWFOLDER }; break;
case 'Details':
item = { id: itemId, text: itemText, iconCss: CLS.ICON_DETAILS }; break;
case 'SortBy':
item = {
id: itemId, text: itemText, iconCss: CLS.ICON_SHORTBY,
items: [
{
id: this.getMenuId('Name'), text: getLocaleText(this.parent, 'Name'),
iconCss: this.parent.sortBy === 'name' ? CLS.TB_OPTION_DOT : null
},
{
id: this.getMenuId('Size'), text: getLocaleText(this.parent, 'Size'),
iconCss: this.parent.sortBy === 'size' ? CLS.TB_OPTION_DOT : null
},
{
id: this.getMenuId('Date'), text: getLocaleText(this.parent, 'DateModified'),
iconCss: this.parent.sortBy === '_fm_modified' ? CLS.TB_OPTION_DOT : null
},
{ separator: true },
{
id: this.getMenuId('Ascending'), text: getLocaleText(this.parent, 'Ascending'),
iconCss: this.parent.sortOrder === 'Ascending' ? CLS.TB_OPTION_TICK : null
},
{
id: this.getMenuId('Descending'), text: getLocaleText(this.parent, 'Descending'),
iconCss: this.parent.sortOrder === 'Descending' ? CLS.TB_OPTION_TICK : null
},
{
id: this.getMenuId('None'), text: getLocaleText(this.parent, 'None'),
iconCss: this.parent.sortOrder === 'None' ? CLS.TB_OPTION_TICK : null
}
]
};
break;
/* istanbul ignore next */
case 'View':
item = {
id: itemId, text: itemText, iconCss: this.parent.view === 'Details' ? CLS.ICON_GRID : CLS.ICON_LARGE,
items: [
{
id: this.getMenuId('largeiconsview'), text: getLocaleText(this.parent, 'View-LargeIcons'),
iconCss: this.parent.view === 'Details' ? null : CLS.TB_OPTION_TICK
},
{
id: this.getMenuId('detailsview'), text: getLocaleText(this.parent, 'View-Details'),
iconCss: this.parent.view === 'Details' ? CLS.TB_OPTION_TICK : null
}
]
};
break;
case 'Refresh':
item = { id: itemId, text: itemText, iconCss: CLS.ICON_REFRESH };
break;
case 'SelectAll':
item = { id: itemId, text: itemText, iconCss: CLS.ICON_SELECTALL };
break;
/* istanbul ignore next */
case 'Download':
item = { id: itemId, text: itemText, iconCss: CLS.ICON_DOWNLOAD };
break;
/* istanbul ignore next */
default:
item = { id: itemId, text: itemText };
break;
}
items.push(item);
}
return items;
}
private getMenuId(id: string): string {
return this.parent.element.id + '_cm_' + id.split(' ').join('').toLowerCase();
}
}