wip

SethSharp · Feb 8, 2024 · 77f6490 · 77f6490
1 parent dbb3360
commit 77f6490
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 54 deletions.
diff --git a/resources/js/Components/Editor/Components/Modals/EditImage.vue b/resources/js/Components/Editor/Components/Modals/EditImage.vue
@@ -13,38 +13,17 @@ const props = defineProps({
     modelValue: {
         type: [String, null],
     },
-    href: {
-        required: true,
-    },
     alt: {
         required: true,
     },
     height: {
         required: true,
     },
-    fit: {
-        required: true,
-    },
-    target: {
-        required: true,
-    },
 })
 
-const emits = defineEmits([
-    'update:href',
-    'update:alt',
-    'update:height',
-    'update:fit',
-    'update:target',
-])
-
-const {
-    href: computedHref,
-    alt: computedAlt,
-    height: computedHeight,
-    fit: computedFit,
-    target: computedTarget,
-} = useVModels(props, emits)
+const emits = defineEmits(['update:alt', 'update:height'])
+
+const { alt: computedAlt, height: computedHeight, fit: computedFit } = useVModels(props, emits)
 
 const path = ''
 const errors = ref({})
@@ -93,11 +72,6 @@ watch(
     <Modal :open="open" @close="emits('close')">
         <ImageUpload v-model="form.file" :current-image="path" :error="errors['file']" />
 
-        <div>
-            <label for="href">Link</label>
-            <TextInput v-model="computedHref" description="Link to somewhere" />
-        </div>
-
         <div>
             <label for="alt"> Alt</label>
             <TextInput v-model="computedAlt" />
@@ -140,18 +114,7 @@ watch(
                 v-model="computedHeight"
             />
         </div>
-
-        <div>
-            <label for="fit"> Image fit</label>
-            <select v-model="computedFit">
-                <option value="none" selected>None</option>
-                <option value="contain">Contain</option>
-                <option value="cover">Cover</option>
-                <option value="fill">Fill</option>
-                <option value="scale-down">Scale down</option>
-            </select>
-        </div>
-
+
         <PrimaryButton type="submit" @click.prevent="submit"> Save</PrimaryButton>
     </Modal>
 </template>
diff --git a/resources/js/Components/Editor/Nodes/Image/Image.js b/resources/js/Components/Editor/Nodes/Image/Image.js
@@ -19,18 +19,9 @@ export default Node.create({
             alt: {
                 default: null,
             },
-            href: {
-                default: null,
-            },
             height: {
                 default: 'full',
             },
-            fit: {
-                default: 'none',
-            },
-            target: {
-                default: '_self',
-            },
         }
     },
 

diff --git a/resources/js/Components/Editor/Nodes/Image/View.vue b/resources/js/Components/Editor/Nodes/Image/View.vue
@@ -19,7 +19,7 @@ const props = defineProps({
 
 const open = ref(false)
 
-let { src, href, alt, height, fit, target } = breakdownNodeViewProps(props)
+let { src, alt, height } = breakdownNodeViewProps(props)
 </script>
 
 <template>
@@ -30,11 +30,8 @@ let { src, href, alt, height, fit, target } = breakdownNodeViewProps(props)
                     @close="open = false"
                     :open="open"
                     v-model="src"
-                    v-model:href="href"
                     v-model:alt="alt"
                     v-model:height="height"
-                    v-model:fit="fit"
-                    v-model:target="target"
                 />
             </template>