ru.coon 2.7.9 → 2.7.11

package/src/nav/menu/WorkspaceMenuView.scss

@@ -1,218 +1,218 @@
-.x-treelist-item-icon {
-  &.svg-icon {
-    background-color: white;
-    width: 24px;
-    height: 24px;
-    margin-top: 8px;
-    margin-right: 5px;
-  }
-  &.svg-fa {
-    background-color: white;
-    width: 24px;
-    height: 24px;
-    margin-top: 8px;
-    margin-right: 5px;
-  }
-}
-
-.WorkspaceMenuView {
-  z-index: 102;
-  letter-spacing: 0;
-
-  .x-treelist-item-icon,
-  .x-treelist-item-tool {
-    width: 32px;
-    height: 25px;
-    content: "x-fa fa-file";
-
-    &.x-fa {
-      background-color: transparent;
-      color: lighten(lightgray, 5%);
-      margin-top: 0px;
-    }
-
-    &.x-fas {
-      background-color: transparent;
-      color: lighten(lightgray, 5%);
-      margin-top: 0px;
-    }
-
-    &.x-far {
-      background-color: transparent;
-      color: lighten(lightgray, 5%);
-      margin-top: 0px;
-    }
-
-    &.fa {
-      background-color: transparent;
-      color: lighten(lightgray, 5%);
-      margin-top: 0px;
-    }
-
-    &.svg-icon {
-      background-color: lighten(lightgray, 5%);
-      color: lighten(lightgray, 5%);
-    }
-
-    &.svg-fa {
-      background-color: lighten(lightgray, 5%);
-      color: lighten(lightgray, 5%);
-    }
-
-    .x-edge & {
-      background-color: inherit;
-    }
-
-    :before {
-      font-size: 20px;
-      text-align: center;
-      width: 44px;
-      height: 20px;
-    }
-  }
-
-  .x-treelist-item:hover {
-    .x-treelist-item-icon {
-      &.svg-icon {
-        background-color: white;
-      }
-      &.svg-fa {
-        background-color: white;
-      }
-    }
-
-    .x-treelist-item-text {
-      color: white;
-    }
-  }
-
-  .x-treelist-toolstrip .x-treelist-item-tool:hover {
-    background-color: white;
-  }
-
-  .x-treelist-item-text {
-    margin-left: 40px;
-    margin-right: 0;
-    color: lighten(lightgray, 5%);
-    font-size: 14px;
-    line-height: 20px;
-    font-weight: normal;
-    white-space: pre-wrap;
-    padding-bottom: 10px;
-    padding-top: 10px;
-  }
-
-  .x-treelist-toolstrip {
-    background-color: $base-color !important;
-
-    .x-treelist-item-tool {
-      width: 44px;
-      height: 45px;
-    }
-    .x-treelist-item-tool.svg-fa {
-      width: 42px;
-      height: 29px;
-      margin-top: 10px;
-    }
-
-    .x-treelist-floater {
-      white-space: pre-wrap;
-    }
-  }
-
-  .x-edge {
-    .WorkspaceMenuView {
-      .x-treelist-item-icon {
-        margin-left: 5px;
-      }
-    }
-  }
-
-  .x-menu-body-default {
-    padding: 0;
-  }
-
-  .x-treelist-nav {
-    .x-treelist-item-text {
-      color: #ffffff !important;
-      line-height: 20px;
-      white-space: pre-wrap;
-      padding-bottom: 10px;
-      padding-top: 10px;
-    }
-  }
-}
-
-.x-menu-body-default {
-  .x-menu-item-icon-default {
-    top: 4px;
-  }
-
-  .x-menu-item-default:hover {
-    .x-menu-item-text-default {
-      color: white;
-    }
-
-    .x-menu-item-icon {
-      &.svg-icon {
-        background-color: white;
-      }
-      &.svg-fa {
-        background-color: white;
-      }
-    }
-  }
-}
-
-.x-menu-item-icon {
-  vertical-align: center;
-
-  &.svg-icon {
-    background-color: $base-color;
-    mask-size: 100% !important;
-    -webkit-mask-size: 100% !important;
-    width: 24px;
-    height: 24px;
-  }
-
-  &.svg-fa {
-    background-color: $base-color;
-    mask-size: 100% !important;
-    -webkit-mask-size: 100% !important;
-    width: 24px;
-    height: 24px;
-  }
-}
-
-.x-menu-body-default,
-.x-menu-item-icon-default {
-  top: 4px;
-}
-
-.x-menu-item-icon-plus-menu,
-.x-menu-item-icon-default {
-  left: 10px;
-}
-
-.x-menu-item-plus-menu:hover {
-  .x-menu-item-icon {
-    &.svg-icon {
-      background-color: white;
-    }
-    &.svg-fa {
-      background-color: white;
-    }
-  }
-
-  .x-menu-item-text-plus-menu {
-    color: white;
-  }
-}
-
-.x-menu-item-icon-plus-menu {
-  top: 4px;
-}
-
-.x-menu-body-plus-menu {
-  padding: 0;
-}
+.x-treelist-item-icon {
+  &.svg-icon {
+    background-color: white;
+    width: 24px;
+    height: 24px;
+    margin-top: 8px;
+    margin-right: 5px;
+  }
+  &.svg-fa {
+    background-color: white;
+    width: 24px;
+    height: 24px;
+    margin-top: 8px;
+    margin-right: 5px;
+  }
+}
+
+.WorkspaceMenuView {
+  z-index: 102;
+  letter-spacing: 0;
+
+  .x-treelist-item-icon,
+  .x-treelist-item-tool {
+    width: 32px;
+    height: 25px;
+    content: "x-fa fa-file";
+
+    &.x-fa {
+      background-color: transparent;
+      color: lighten(lightgray, 5%);
+      margin-top: 0px;
+    }
+
+    &.x-fas {
+      background-color: transparent;
+      color: lighten(lightgray, 5%);
+      margin-top: 0px;
+    }
+
+    &.x-far {
+      background-color: transparent;
+      color: lighten(lightgray, 5%);
+      margin-top: 0px;
+    }
+
+    &.fa {
+      background-color: transparent;
+      color: lighten(lightgray, 5%);
+      margin-top: 0px;
+    }
+
+    &.svg-icon {
+      background-color: lighten(lightgray, 5%);
+      color: lighten(lightgray, 5%);
+    }
+
+    &.svg-fa {
+      background-color: lighten(lightgray, 5%);
+      color: lighten(lightgray, 5%);
+    }
+
+    .x-edge & {
+      background-color: inherit;
+    }
+
+    :before {
+      font-size: 20px;
+      text-align: center;
+      width: 44px;
+      height: 20px;
+    }
+  }
+
+  .x-treelist-item:hover {
+    .x-treelist-item-icon {
+      &.svg-icon {
+        background-color: white;
+      }
+      &.svg-fa {
+        background-color: white;
+      }
+    }
+
+    .x-treelist-item-text {
+      color: white;
+    }
+  }
+
+  .x-treelist-toolstrip .x-treelist-item-tool:hover {
+    background-color: white;
+  }
+
+  .x-treelist-item-text {
+    margin-left: 40px;
+    margin-right: 0;
+    color: lighten(lightgray, 5%);
+    font-size: 14px;
+    line-height: 20px;
+    font-weight: normal;
+    white-space: pre-wrap;
+    padding-bottom: 10px;
+    padding-top: 10px;
+  }
+
+  .x-treelist-toolstrip {
+    background-color: $base-color !important;
+
+    .x-treelist-item-tool {
+      width: 44px;
+      height: 45px;
+    }
+    .x-treelist-item-tool.svg-fa {
+      width: 42px;
+      height: 29px;
+      margin-top: 10px;
+    }
+
+    .x-treelist-floater {
+      white-space: pre-wrap;
+    }
+  }
+
+  .x-edge {
+    .WorkspaceMenuView {
+      .x-treelist-item-icon {
+        margin-left: 5px;
+      }
+    }
+  }
+
+  .x-menu-body-default {
+    padding: 0;
+  }
+
+  .x-treelist-nav {
+    .x-treelist-item-text {
+      color: #ffffff !important;
+      line-height: 20px;
+      white-space: pre-wrap;
+      padding-bottom: 10px;
+      padding-top: 10px;
+    }
+  }
+}
+
+.x-menu-body-default {
+  .x-menu-item-icon-default {
+    top: 4px;
+  }
+
+  .x-menu-item-default:hover {
+    .x-menu-item-text-default {
+      color: white;
+    }
+
+    .x-menu-item-icon {
+      &.svg-icon {
+        background-color: white;
+      }
+      &.svg-fa {
+        background-color: white;
+      }
+    }
+  }
+}
+
+.x-menu-item-icon {
+  vertical-align: center;
+
+  &.svg-icon {
+    background-color: $base-color;
+    mask-size: 100% !important;
+    -webkit-mask-size: 100% !important;
+    width: 24px;
+    height: 24px;
+  }
+
+  &.svg-fa {
+    background-color: $base-color;
+    mask-size: 100% !important;
+    -webkit-mask-size: 100% !important;
+    width: 24px;
+    height: 24px;
+  }
+}
+
+.x-menu-body-default,
+.x-menu-item-icon-default {
+  top: 4px;
+}
+
+.x-menu-item-icon-plus-menu,
+.x-menu-item-icon-default {
+  left: 10px;
+}
+
+.x-menu-item-plus-menu:hover {
+  .x-menu-item-icon {
+    &.svg-icon {
+      background-color: white;
+    }
+    &.svg-fa {
+      background-color: white;
+    }
+  }
+
+  .x-menu-item-text-plus-menu {
+    color: white;
+  }
+}
+
+.x-menu-item-icon-plus-menu {
+  top: 4px;
+}
+
+.x-menu-body-plus-menu {
+  padding: 0;
+}

package/src/nav/state.js

@@ -1,86 +1,86 @@
-Ext.define('Coon.nav.state', {
-    singleton: true,
-
-    requires: [
-        'Coon.eventBus'
-    ],
-
-    constructor() {
-        Coon.eventBus.on('nav.state.loadComponent', this.store, this);
-        Coon.eventBus.on('nav.loadMenuComponent', function(opts) {
-            this.reset();
-            this.store(opts.component);
-        }, this);
-    },
-
-    data: new Map(),
-
-    stateId: 0,
-
-    reset() {
-        this.setCurrentId(false);
-        this.data.clear();
-    },
-
-    setRefs(state) {
-        if (this.getCurrentId()) {
-            const ref = this.data.get(this.getCurrentId());
-            ref.nextId = state.id;
-            this.data.set(ref.id, ref);
-            state.refId = this.getCurrentId();
-        } else {
-            state.root = true;
-        }
-    },
-
-    getCurrentId() {
-        return this._currentId;
-    },
-
-    setCurrentId(id) {
-        this._currentId = id;
-    },
-
-    store(component, params) {
-        let state = {
-            title: component.title || component.heading,
-            id: component.id,
-            cmpId: component.reportId || component.uiElementCd,
-            cmpType: component.reportId && 'report' || component.uiElementCd && 'custompanel',
-            xtype: component.xtype,
-            itemId: component.itemId,
-            params,
-        };
-        if (!state.id) {
-            return;
-        }
-        if (this.data.has(state.id)) {
-            state = Object.assign(this.data.get(state.id), state);
-        }
-        this.setRefs(state);
-        this.data.set(state.id, state);
-        this.setCurrentId(state.id);
-        this.stateId++;
-    },
-
-    getStateId() {
-        return this.stateId;
-    },
-
-    getPath() {
-        const result = [];
-        const data = [...this.data.entries()];
-        const root = data.find((el) => el[1].root);
-        if (root) {
-            const process = (el) => {
-                result.push(el);
-                if (el.nextId && this.data.has(el.nextId)) {
-                    process(this.data.get(el.nextId));
-                }
-            };
-            process(root[1]);
-        }
-        return result.map((el) => `${el.cmpType || 'undefType'}.${el.cmpId || 'udefId'}:${JSON.stringify(el)}`);
-    },
-
-});
+Ext.define('Coon.nav.state', {
+    singleton: true,
+
+    requires: [
+        'Coon.eventBus'
+    ],
+
+    constructor() {
+        Coon.eventBus.on('nav.state.loadComponent', this.store, this);
+        Coon.eventBus.on('nav.loadMenuComponent', function(opts) {
+            this.reset();
+            this.store(opts.component);
+        }, this);
+    },
+
+    data: new Map(),
+
+    stateId: 0,
+
+    reset() {
+        this.setCurrentId(false);
+        this.data.clear();
+    },
+
+    setRefs(state) {
+        if (this.getCurrentId()) {
+            const ref = this.data.get(this.getCurrentId());
+            ref.nextId = state.id;
+            this.data.set(ref.id, ref);
+            state.refId = this.getCurrentId();
+        } else {
+            state.root = true;
+        }
+    },
+
+    getCurrentId() {
+        return this._currentId;
+    },
+
+    setCurrentId(id) {
+        this._currentId = id;
+    },
+
+    store(component, params) {
+        let state = {
+            title: component.title || component.heading,
+            id: component.id,
+            cmpId: component.reportId || component.uiElementCd,
+            cmpType: component.reportId && 'report' || component.uiElementCd && 'custompanel',
+            xtype: component.xtype,
+            itemId: component.itemId,
+            params,
+        };
+        if (!state.id) {
+            return;
+        }
+        if (this.data.has(state.id)) {
+            state = Object.assign(this.data.get(state.id), state);
+        }
+        this.setRefs(state);
+        this.data.set(state.id, state);
+        this.setCurrentId(state.id);
+        this.stateId++;
+    },
+
+    getStateId() {
+        return this.stateId;
+    },
+
+    getPath() {
+        const result = [];
+        const data = [...this.data.entries()];
+        const root = data.find((el) => el[1].root);
+        if (root) {
+            const process = (el) => {
+                result.push(el);
+                if (el.nextId && this.data.has(el.nextId)) {
+                    process(this.data.get(el.nextId));
+                }
+            };
+            process(root[1]);
+        }
+        return result.map((el) => `${el.cmpType || 'undefType'}.${el.cmpId || 'udefId'}:${JSON.stringify(el)}`);
+    },
+
+});