WIP

stepanenko3 · May 13, 2022 · 995ee72 · 995ee72
1 parent 3845eb7
commit 995ee72
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 10 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
@@ -1,11 +1,11 @@
 <template>
     <PanelItem :index="index" :field="field">
         <template #value>
-            <div class="relative block">
+            <div v-if="field.image" class="relative block">
                 <img
                     class="rounded-lg block w-full"
                     ref="picture"
-                    :src="resource.fields.filter(f => f.attribute === field.imageAttribute)[0].value"
+                    :src="field.image"
                 >
 
                 <div
@@ -18,6 +18,9 @@
                     }"
                 ></div>
             </div>
+            <template v-else>
+                -
+            </template>
         </template>
     </PanelItem>
 </template>

diff --git a/resources/js/components/FormField.vue b/resources/js/components/FormField.vue
@@ -132,11 +132,11 @@
                 this.loading = true;
                 this.loadingError = false;
 
-                this.toDataURL(this.currentField.dependsOn[this.currentField.imageAttribute])
+                this.toDataURL(this.currentField.image)
                     .then(dataUrl => {
                         if (dataUrl && dataUrl.indexOf('image/') !== -1) {
                             this.loadingError = false;
-                            this.image = this.currentField.dependsOn[this.currentField.imageAttribute]
+                            this.image = this.currentField.image
                         } else {
                             this.loadingError = true;
                             this.image = null;

diff --git a/src/NovaImageTags.php b/src/NovaImageTags.php
@@ -50,13 +50,26 @@ public function fields($fields = [])
         ], $fields));
     }
 
-    public function image($attribute)
+    public function image($attribute, $value, $formatter = null)
     {
+        if (is_callable($formatter)) {
+            $value = call_user_func($formatter, $value);
+        }
+
         return $this
-            ->withMeta([
-                'imageAttribute' => $attribute,
-            ])
-            ->dependsOn('image', fn () => null);
+            ->withMeta(['image' => $value])
+            ->dependsOn(
+                $attribute,
+                function (NovaImageTags $field, NovaRequest $request, FormData $formData) use($attribute, $formatter) {
+                    $value = $formData->{$attribute};
+
+                    if (is_callable($formatter)) {
+                        $value = call_user_func($formatter, $value);
+                    }
+
+                    $field->withMeta(['image' => $value]);
+                },
+            );
     }
 
     public function minRows($minRows = null)