You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
2.1 KiB
80 lines
2.1 KiB
import {WidgetType, Left, Label, Icon, TextButton} from '@ui'; |
|
import ItemIcon from './left.item.icon.component'; |
|
import Model from '../../link-set.model'; |
|
import {ACTION_COPY, ACTION_TEST, ACTION_DELETE, DEFAULT_INFO} from '@private/constants'; |
|
const className = 'fr.component.linkSet.left.item'; |
|
const Widget: WidgetType = { |
|
props: { |
|
title: '', |
|
id: '', |
|
creator: '', |
|
}, |
|
_store() { |
|
return BI.Models.getModel(Model); |
|
}, |
|
render() { |
|
const {title, extraCls, creator, text, id} = this.options; |
|
|
|
return { |
|
type: Left, |
|
cls: 'left-item', |
|
extraCls, |
|
items: [ |
|
{ |
|
type: Icon, |
|
cls: 'link-font', |
|
height: 24, |
|
width: 26, |
|
text: BI.i18nText('Dec-Dcm_Connections'), |
|
title, |
|
}, |
|
{ |
|
type: TextButton, |
|
cls: 'link-title', |
|
textAlign: 'left', |
|
text: title, |
|
title, |
|
handler: () => { |
|
this.store.setLinkSelected(title); |
|
}, |
|
}, |
|
{ |
|
type: Left, |
|
cls: 'icons', |
|
items: [ |
|
{ |
|
type: ItemIcon, |
|
cls: 'link-text-font', |
|
title: BI.i18nText('Dec-Dcm_Test_Connection'), |
|
value: ACTION_TEST, |
|
id, |
|
}, |
|
{ |
|
type: ItemIcon, |
|
cls: 'copy-font', |
|
title: BI.i18nText('Dec-Dcm_Copy'), |
|
value: ACTION_COPY, |
|
id, |
|
}, |
|
{ |
|
type: ItemIcon, |
|
cls: 'info-font', |
|
title: `${BI.i18nText('Dec-Dcm_Type')}：${text === DEFAULT_INFO ? BI.i18nText('Dec-Dcm_Other') : text} \r\n${BI.i18nText('Dec-Dcm_Creator')}：${creator}`, |
|
id, |
|
}, |
|
{ |
|
type: ItemIcon, |
|
cls: 'delete-font', |
|
title: BI.i18nText('Dec-Dcm_Delete'), |
|
value: ACTION_DELETE, |
|
id, |
|
}, |
|
], |
|
}, |
|
|
|
], |
|
}; |
|
}, |
|
}; |
|
BI.shortcut(className, BI.inherit(BI.Widget, Widget)); |
|
export default className;
|
|
|