Your IP : 216.73.216.79
export const role = 'tab';
export default (dc, {
defaultModel, typeTabs, selectorTab, editor, ...config
}) => {
const traits = [
{
full: 1,
type: 'button',
label: false,
text: 'Style Active',
command: (ed) => {
const openSm = ed.Panels.getButton('views', 'open-sm');
openSm && openSm.set('active', 1);
const cls = `.${config.classTab}.${config.classTabActive}`;
ed.StyleManager.setTarget(cls, { targetIsClass: 1 })
},
},
];
dc.addType(config.typeTab, {
model: {
defaults: {
name: 'Tab',
draggable: `[data-gjs-type="${config.typeTabContainer}"]`,
attributes: { role },
components: config.templateTab,
classes: config.classTab,
traits,
...config.tabProps
},
init() {
this.on('removed', this.__onRemove);
},
__initTab() {
if (this.tabContent) return;
let content = this.getTabContent();
// If the tab content was found I'll attach it to the tab model
// otherwise I'll create e new one
if (!content) {
const tabs = this.getTabsType();
const cnts = tabs.getContentsType();
content = cnts.append({
type: config.typeTabContent,
components: config.templateTabContent(this),
})[0];
const id = content.getId();
const tabId = this.getId();
content.addAttributes({ id, 'aria-labelledby': tabId, hidden: true });
this.addAttributes({ [selectorTab]: id, id: tabId });
this.tabContent = content;
}
this.tabContent = content;
},
__onRemove() {
const content = this.getTabContent();
content && content.remove();
this.getTabsType().trigger('rerender')
},
getTabsType() {
return this.closestType(typeTabs);
},
getTabContent() {
const id = this.getAttributes()[selectorTab];
const tabs = this.getTabsType();
if (!tabs || !id) return;
const contents = tabs.findContents();
return contents.filter(c => c.getId() == id)[0];
},
clone() {
const cloned = defaultModel.prototype.clone.apply(this, arguments);
cloned.addAttributes({ [selectorTab]: '' });
return cloned;
}
},
});
}