Changed Compont icon

KlausSchaefers · Nov 14, 2024 · eefa113 · eefa113
1 parent 2148b77
commit eefa113
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 4 deletions.
diff --git a/src/canvas/toolbar/LayerList.vue b/src/canvas/toolbar/LayerList.vue
@@ -630,9 +630,9 @@ export default {
 			
 			if (box.template) {
 				if (box.isRootTemplate) {
-					return "mdi mdi-view-grid-outline MatcIcon45";
+					return "mdi mdi mdi-view-grid  MatcIcon45";
 				} else {
-					return "mdi mdi-border-all-variant  MatcIcon45"; // return "mdi mdi mdi-border-all-variant MatcIcon45";
+					return "mdi mdi-view-grid-outline MatcIcon45"; // return "mdi mdi mdi-border-all-variant MatcIcon45";
 				}
 			}
 

diff --git a/src/canvas/toolbar/components/CreateButton.vue b/src/canvas/toolbar/components/CreateButton.vue
@@ -59,6 +59,7 @@ import QIcon from 'page/QIcon'
 import {wrapIcon} from 'page/QIconUtil'
 import QSS from 'core/qss/QSS'
 import _Tooltip from 'common/_Tooltip'
+import PerformanceMonitor from '../../../core/PerformanceMonitor'
 
 export default {
     name: 'CreateButton2',
@@ -665,6 +666,7 @@ export default {
 		renderIcons (query){
 			this.renderFactory.cleanUp();
 
+			PerformanceMonitor.start("CreateButton.renderIcons()")
 			if (!query) {
 				this.cleanUpTempListener();
 			}
@@ -692,6 +694,7 @@ export default {
 				this.iconCntr.innerHTML="";
 			}
 			this.iconCntr.appendChild(cntr);
+			PerformanceMonitor.end("CreateButton.renderIcons()")
 			this.scrollToTop()
 		},
 

diff --git a/src/canvas/toolbar/components/TemplateButton.vue b/src/canvas/toolbar/components/TemplateButton.vue
@@ -3,11 +3,11 @@
     <div class=" MatcToolbarArrowDropDown MatcToolbarDropDownButton" v-if="!hasTemplate" @click="onCreate">
         <div class="MatcToolbarItem MatcToolbarPrimaryItem" type="button">
             <label class="">
-                <QIcon icon="Component" />
+                <QIcon :icon="icon" />
             </label>
         </div>
     </div>
-    <ArrowDropDown v-else @select="onSelect" :options="options" icon="Component" css="MatcToolbarPrimaryItem"></ArrowDropDown>
+    <ArrowDropDown v-else @select="onSelect" :options="options" :icon="icon" css="MatcToolbarPrimaryItem"></ArrowDropDown>
 </template>
 <script>
 import DojoWidget from 'dojo/DojoWidget'
@@ -21,6 +21,7 @@ export default {
     mixins: [Util, DojoWidget,_Tooltip],
     data: function () {
         return {
+            icon: 'Component',
             widget: null,
             options: []
         }
@@ -48,8 +49,10 @@ export default {
         },
         setWidget(widget) {
             this.widget = widget
+            this.icon = 'Component'
             if (widget.template) {
                 if (widget.isRootTemplate) {
+                    this.icon = "ComponentRoot"
                     this.options = [
                         { value: "update", label: "Update all instances", icon: "ComponentUpdate" }, // show only when needed???
                         { value: "remove", label: "Unlink Component", icon: "ComponentUnlink" }

diff --git a/src/page/QIconsSVG.js b/src/page/QIconsSVG.js
@@ -73,6 +73,13 @@ export const icons = {
         <path d="M9 6l3 3l3 -3l-3 -3z"></path>
         <path d="M9 18l3 3l3 -3l-3 -3z"></path>
     `,
+    'ComponentRoot': `
+        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+        <path d="M3 12l3 3l3 -3l-3 -3z" fill="currentColor"></path>
+        <path d="M15 12l3 3l3 -3l-3 -3z" fill="currentColor"></path>
+        <path d="M9 6l3 3l3 -3l-3 -3z" fill="currentColor"></path>
+        <path d="M9 18l3 3l3 -3l-3 -3z" fill="currentColor"></path>
+    `,
     'AddWidget': `
         <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
         <path d="M4 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>