🔧 DatabaseSeeder for youtube link ✨ New Modal component

MarceauKa · Oct 21, 2019 · be95f16 · be95f16
1 parent 67d005c
commit be95f16
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 37 deletions.
diff --git a/changelog.md b/changelog.md
@@ -1,5 +1,9 @@
 # Unreleased
 
+## Added
+
+- New Modal component
+
 ## Changed
 
 - Password generator with more options

diff --git a/public/js/app.js b/public/js/app.js
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,5 +1,5 @@
 {
-    "/js/app.js": "/js/app.js?id=95ac192a5a3868855dbf",
+    "/js/app.js": "/js/app.js?id=c3f371e0fc8513327ece",
     "/css/app.css": "/css/app.css?id=076c4b4fab9ab74f3edc",
     "/js/manifest.js": "/js/manifest.js?id=3c768977c2574a34506e",
     "/js/vendor.js": "/js/vendor.js?id=24c264fe7e2a39bcb572"

diff --git a/resources/js/components/ChestCard.vue b/resources/js/components/ChestCard.vue
@@ -24,7 +24,7 @@
                 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
                     <a class="dropdown-item" :href="chest.permalink"><i class="fas fa-link fa-fw mr-1"></i> {{ __('Permalink') }}</a>
                     <h6 class="dropdown-header" v-if="chest.editable">{{ __('Manage') }}</h6>
-                    <a class="dropdown-item" @click="edit = chest" v-if="chest.editable"><i class="fas fa-pen-alt fa-fw mr-1"></i> {{ __('Edit') }}</a>
+                    <a class="dropdown-item" :href="chest.url_edit" v-if="chest.editable"><i class="fas fa-pen-alt fa-fw mr-1"></i> {{ __('Edit') }}</a>
                     <confirm class="dropdown-item"
                              :text="`<i class='fas fa-trash-alt fa-fw mr-1'></i> ${__('Delete')}`"
                              :text-confirm="`<i class='fas fa-check fa-fw mr-1'></i> ${__('Confirm')}`"
@@ -34,14 +34,7 @@
                 </div>
             </div>
         </div>
-
-        <modal :open="edit !== false" @closed="edit = false" size="xl">
-            <template #content>
-                <chest-form :chest="edit" class="mb-0"></chest-form>
-            </template>
-        </modal>
     </div>
-
 </template>
 
 <script>

diff --git a/resources/js/components/LinkCard.vue b/resources/js/components/LinkCard.vue
@@ -33,7 +33,7 @@
                              @confirmed="preview"
                              v-if="link.editable"
                     ></confirm>
-                    <a class="dropdown-item" @click="edit = link" v-if="link.editable"><i class="fas fa-pen-alt fa-fw mr-1"></i> {{ __('Edit') }}</a>
+                    <a class="dropdown-item" :href="link.url_edit" v-if="link.editable"><i class="fas fa-pen-alt fa-fw mr-1"></i> {{ __('Edit') }}</a>
                     <confirm class="dropdown-item"
                              :text="`<i class='fas fa-trash-alt fa-fw mr-1'></i> ${__('Delete')}`"
                              :text-confirm="`<i class='fas fa-check fa-fw mr-1'></i> ${__('Confirm')}`"
@@ -43,14 +43,7 @@
                 </div>
             </div>
         </div>
-
-        <modal :open="edit !== false" @closed="edit = false" size="xl">
-            <template #content>
-                <link-form :link="edit" class="mb-0"></link-form>
-            </template>
-        </modal>
     </div>
-
 </template>
 
 <script>
@@ -68,12 +61,6 @@ export default {
         },
     },
 
-    data() {
-        return {
-            edit: false,
-        }
-    },
-
     methods: {
         remove() {
             axios.delete(this.link.url_delete)

diff --git a/resources/js/components/StoryCard.vue b/resources/js/components/StoryCard.vue
@@ -24,7 +24,7 @@
                 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
                     <a class="dropdown-item" :href="story.url"><i class="fas fa-link fa-fw mr-1"></i> {{ __('Permalink') }}</a>
                     <h6 class="dropdown-header" v-if="story.editable">{{ __('Manage') }}</h6>
-                    <a class="dropdown-item" @click="edit = story" v-if="story.editable"><i class="fas fa-pen-alt fa-fw mr-1"></i> {{ __('Edit') }}</a>
+                    <a class="dropdown-item" :href="story.url_edit" v-if="story.editable"><i class="fas fa-pen-alt fa-fw mr-1"></i> {{ __('Edit') }}</a>
                     <confirm class="dropdown-item"
                              :text="`<i class='fas fa-trash-alt fa-fw mr-1'></i> ${__('Delete')}`"
                              :text-confirm="`<i class='fas fa-check fa-fw mr-1'></i> ${__('Confirm')}`"
@@ -34,12 +34,6 @@
                 </div>
             </div>
         </div>
-
-        <modal :open="edit !== false" @closed="edit = false" size="xl">
-            <template #content>
-                <story-form :story="edit" class="mb-0"></story-form>
-            </template>
-        </modal>
     </div>
 </template>
 
@@ -58,12 +52,6 @@ export default {
         },
     },
 
-    data() {
-        return {
-            edit: false,
-        }
-    },
-
     methods: {
         remove() {
             axios.delete(this.story.url_delete)