add field draw button if without areas

2 years ago · 3ade45f541
parent 17da8bde80
commit 3ade45f541
1 changed files with 12 additions and 1 deletions
--- a/app/javascript/template_builder/field.vue
+++ b/app/javascript/template_builder/field.vue
@ -52,12 +52,23 @@
          v-else-if="editable"
          class="flex items-center space-x-1"
        >
+          <button
+            v-if="field && !field.areas.length"
+            title="Draw"
+            class="relative cursor-pointer text-transparent group-hover:text-base-content"
+            @click="$emit('set-draw', field)"
+          >
+            <IconNewSection
+              :width="18"
+              :stroke-width="1.6"
+            />
+          </button>
          <span
            class="dropdown dropdown-end"
          >
            <label
              tabindex="0"
-              title="Areas"
+              title="Settings"
              class="cursor-pointer text-transparent group-hover:text-base-content"
            >
              <IconSettings