Add the logo fetching feature to the Create/Edit forms

resources/js/components/Button.vue

@@ -1,12 +1,13 @@
 <template>
     <button 
         :type="nativeType"
-        :disabled="isLoading"
+        :disabled="isLoading || isDisabled"
         :class="{
             'button': true,
             [`${color}`]: true,
             'is-loading': isLoading,
-          }">
+        }"
+        v-on:click="$emit('click')">
         <slot />
     </button>
 </template>
@@ -30,6 +31,11 @@
                 type: Boolean,
                 default: false
             },
+
+            isDisabled: {
+                type: Boolean,
+                default: false
+            }
         }
     }
 

resources/js/components/FormField.vue

@@ -1,8 +1,8 @@
 <template>
-    <div class="field" :class="{ 'with-offset' : hasOffset }">
+    <div class="field" :class="{ 'pt-3' : hasOffset }">
         <label class="label" v-html="label"></label>
         <div class="control">
-            <input :disabled="isDisabled" :id="fieldName" :type="inputType" class="input" v-model="form[fieldName]" :placeholder="placeholder" v-bind="$attrs" />
+            <input :disabled="isDisabled" :id="fieldName" :type="inputType" class="input" v-model="form[fieldName]" :placeholder="placeholder" v-bind="$attrs" v-on:change="$emit('field-changed', form[fieldName])"/>
         </div>
         <field-error :form="form" :field="fieldName" />
         <p class="help" v-html="help" v-if="help"></p>

resources/js/components/FormToggle.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="field" :class="{ 'with-offset' : hasOffset }">
+    <div class="field" :class="{ 'pt-3' : hasOffset }">
         <label class="label" v-html="label"></label>
         <div class="is-toggle buttons">
             <label class="button is-dark" :disabled="isDisabled" v-for="choice in choices" :class="{ 'is-link' : form[fieldName] === choice.value }">