Browse Source

Update open style manager

up-style-manager
Artur Arseniev 5 years ago
parent
commit
8463980e18
  1. 19
      src/commands/view/OpenStyleManager.js
  2. 1
      src/style_manager/index.js

19
src/commands/view/OpenStyleManager.js

@ -36,9 +36,7 @@ export default {
if (!smConfig.appendTo) { if (!smConfig.appendTo) {
this.$cn2.append(sm.render()); this.$cn2.append(sm.render());
const pfx = smConfig.stylePrefix; const pfx = smConfig.stylePrefix;
this.$header = $( this.$header = $(`<div class="${pfx}header">${em.t('styleManager.empty')}</div>`);
`<div class="${pfx}header">${em.t('styleManager.empty')}</div>`
);
this.$cn.append(this.$header); this.$cn.append(this.$header);
} }
@ -50,8 +48,9 @@ export default {
// Add all containers to the panel // Add all containers to the panel
this.panel.set('appendContent', this.$cn).trigger(trgEvCnt); this.panel.set('appendContent', this.$cn).trigger(trgEvCnt);
this.target = em.editor; // Toggle Style Manager on target selection
this.listenTo(this.target, 'component:toggled', this.toggleSm); this.em = em.getModel();
this.listenTo(this.em, sm.events.target, this.toggleSm);
} }
this.toggleSm(); this.toggleSm();
@ -62,10 +61,10 @@ export default {
* @private * @private
*/ */
toggleSm() { toggleSm() {
const { target, sender } = this; const { em, sender } = this;
if (sender && sender.get && !sender.get('active')) return; if ((sender && sender.get && !sender.get('active')) || !em) return;
const { componentFirst } = target.get('SelectorManager').getConfig(); const { componentFirst } = em.get('SelectorManager').getConfig();
const selectedAll = target.getSelectedAll().length; const selectedAll = em.getSelectedAll().length;
if (selectedAll === 1 || (selectedAll > 1 && componentFirst)) { if (selectedAll === 1 || (selectedAll > 1 && componentFirst)) {
this.$cn2 && this.$cn2.show(); this.$cn2 && this.$cn2.show();
@ -79,5 +78,5 @@ export default {
stop() { stop() {
this.$cn2 && this.$cn2.hide(); this.$cn2 && this.$cn2.hide();
this.$header && this.$header.hide(); this.$header && this.$header.hide();
} },
}; };

1
src/style_manager/index.js

@ -319,7 +319,6 @@ export default () => {
const lastTarget = targets.slice().reverse()[0]; const lastTarget = targets.slice().reverse()[0];
const lastTargetParents = this.getParentRules(lastTarget, em.getState()); const lastTargetParents = this.getParentRules(lastTarget, em.getState());
this.model.set({ targets, lastTarget, lastTargetParents }); this.model.set({ targets, lastTarget, lastTargetParents });
// lastTarget && this.setTarget(lastTarget); // TODO to refactor
this.__upProps(opts); this.__upProps(opts);
return targets; return targets;

Loading…
Cancel
Save