Merge pull request #32 from pdmfc/feature/svg-detail-field

add svg to detail field also
pdmfc · Oct 9, 2021 · f938ea0 · f938ea0
2 parents e4b0c41 + 3c33667
commit f938ea0
Show file tree

Hide file tree

Showing 3 changed files with 27,480 additions and 4 deletions.
diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/resources/js/components/DetailField.vue b/resources/js/components/DetailField.vue
@@ -2,12 +2,13 @@
     <panel-item :field="field">
         <template v-slot:value>
             <button
-                class="btn btn-default btn-primary"
+                class="btn btn-default btn-primary flex items-center justify-center"
                 @click="confirmActionModalOpened = true"
                 :disabled="field.readonly"
                 :style="`background-color: ${field.buttonColor} !important`"
             >
-                {{ buttonText }}
+              <span>{{ buttonText }}</span>
+              <component v-if="svg" :is="svg"></component>
             </button>
 
             <!-- Action Confirmation Modal -->
@@ -182,6 +183,10 @@ export default {
 
         buttonText() {
             return this.field.text || this.__('Run');
+        },
+
+        svg() {
+          return this.field.svg || false;
         }
     }
 }

diff --git a/resources/js/components/IndexField.vue b/resources/js/components/IndexField.vue
@@ -6,7 +6,6 @@
       @click="openConfirmationModal"
       :disabled="disabled"
       :style="`background-color: ${field.buttonColor} !important`"
-
     >
       <loading v-if="showLoading" :color="field.loadingColor" />
       <span v-else>{{ buttonText }}</span>