Low Code callbacks are back

KlausSchaefers · Sep 8, 2024 · 2ba86b5 · 2ba86b5
1 parent e1257a2
commit 2ba86b5
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 9 deletions.
diff --git a/src/canvas/toolbar/components/CallBackSection.vue b/src/canvas/toolbar/components/CallBackSection.vue
@@ -7,7 +7,7 @@
                 placeholder="Click callback"
                 :value="callbacks.click"
                 @change="onClickChange"/>
-            <span class="mdi mdi-cursor-default MatcToobarInputIcon" />
+                <QIcon icon="EventClick"/>
 
          </div>
         <div class="MatcToolbarItem MatcToobarInputIconCntr" v-show="!isScreen && isInput" ref="tooltipChange">
@@ -16,7 +16,7 @@
                 placeholder="Change callback"
                 :value="callbacks.change"
                 @change="onChangeChange"/>
-            <span class="mdi mdi-database MatcToobarInputIcon" />
+                <QIcon icon="EventData"/>
 
          </div>
          <div class="MatcToolbarItem MatcToobarInputIconCntr" v-show="isScreen" ref="tooltipLoad">
@@ -25,26 +25,26 @@
                 placeholder="Load callback"
                 :value="callbacks.load"
                 @change="onLoadChange"/>
-              <span class="mdi mdi-backup-restore MatcToobarInputIcon" />
+                <QIcon icon="EventLoaded"/>
 
          </div>
 
-          <div class="MatcToolbarItem MatcToobarInputIconCntr" ref="tooltipRender">
+          <!-- <div class="MatcToolbarItem MatcToobarInputIconCntr" ref="tooltipRender">
 
              <input class="MatcIgnoreOnKeyPress MatcToobarInlineEdit MatcToobarInput"
                 placeholder="Render callback"
                 :value="callbacks.css"
                 @change="onRenderChange"/>
               <span class="mdi mdi-format-paint MatcToobarInputIcon" />
 
-         </div>
+         </div> -->
 	</div>
 </template>
 <script>
 
 import DojoWidget from 'dojo/DojoWidget'
 import _Tooltip from 'common/_Tooltip'
-
+import QIcon from 'page/QIcon'
 export default {
     name: 'LowCodeSection',
     mixins:[_Tooltip, DojoWidget],
@@ -66,6 +66,7 @@ export default {
         }
     },
     components: {
+        'QIcon': QIcon
     },
     methods: {
         onWrapChange (value){

diff --git a/src/canvas/toolbar/mixins/_Render.vue b/src/canvas/toolbar/mixins/_Render.vue
@@ -616,7 +616,7 @@ export default {
 			/**
 			* Callbacks
 			*/
-			parent = this.createSection("Callbacks", true);
+			parent = this.createSection("Low Code Callbacks", true);
 			content = document.createElement("div");
 			css.add(content, "MatcToolbarSectionContent");
 			parent.appendChild(content);

diff --git a/src/canvas/toolbar/mixins/_ShowScreen.vue b/src/canvas/toolbar/mixins/_ShowScreen.vue
@@ -68,6 +68,9 @@ export default {
 				if(this.screenAnimationDiv){
 					css.remove(this.screenAnimationDiv, "MatcToolbarSectionHidden")
 				}
+
+				css.remove(this.callBackDiv, "MatcToolbarSectionHidden")
+				this.callbackSection.setValue(model, 'screen')
 		},
 
 		showScreenDesignProperties (model) {

diff --git a/src/canvas/toolbar/mixins/_ShowWidget.vue b/src/canvas/toolbar/mixins/_ShowWidget.vue
@@ -86,6 +86,10 @@ export default {
 			this.tooltipSettings.setBox(model)
 
 			this.showDesignTokenBtns(model, 'widget')
+
+
+			this.callbackSection.setValue(model)
+			css.remove(this.callBackDiv, "MatcToolbarSectionHidden")
 		},
 
 		showWidgetDesignProperties (model) {

diff --git a/src/style/bulma.sass b/src/style/bulma.sass
@@ -181,8 +181,6 @@ td.action .button
 .input, .textarea
     box-shadow: none
 
-.input::placeholder
-    color: #cccccc
 
 .MatcShareDialog .input
     width: 97%

diff --git a/src/style/toolbar/toolbar_theme.scss b/src/style/toolbar/toolbar_theme.scss
@@ -276,6 +276,10 @@
             border-color: $toolbar_form_border_focus;
             background: $toolbar_form_background_focus;
         }
+
+        &::placeholder {
+            color: $toolbar_color_passive;
+        }
     }
 
     .MatcToobarInputInlineEdit{