allow undo

Author: ctf0

src/resources/assets/js/bulma/page-comp.vue

@@ -65,6 +65,11 @@ export default {
                     $(`#${input}-${newVal}`).hide().closest('div').find('.mce-tinymce').fadeToggle('fast')
                 })
             }
+        },
+        updateValue(event, item) {
+            this.$refs[item].focus()
+            document.execCommand('selectAll')
+            document.execCommand('insertText', false, event.target.dataset.value)
         }
     },
     watch: {

src/resources/views/admin/bulma/pages/create.blade.php

@@ -64,7 +64,7 @@ class="input toggle-pad"
                                     'ref'=>'action'])
                                 }}
                                 <span class="help">
-                                    <code class="link" data-value="App\Http\Controllers\" @click="$refs.action.value = $event.target.dataset.value">App\Http\Controllers\</code>
+                                    <code class="link" data-value="App\Http\Controllers\" @click="updateValue($event, 'action')">App\Http\Controllers\</code>
                                 </span>
                             </div>
                             @if($errors->has('action'))
@@ -83,7 +83,7 @@ class="input toggle-pad"
                             @if (count($templates))
                                 <span class="help">
                                     @foreach ($templates as $one)
-                                        <code class="link" data-value="{{ $one }}" @click="$refs.template.value = $event.target.dataset.value">{{ $one }}</code>
+                                        <code class="link" data-value="{{ $one }}" @click="updateValue($event, 'template')">{{ $one }}</code>
                                     @endforeach
                                 </span>
                             @endif

src/resources/views/admin/bulma/pages/edit.blade.php

@@ -74,7 +74,7 @@ class="input toggle-pad"
                                     'ref'=>'action'])
                                 }}
                                 <span class="help">
-                                    <code class="link" data-value="App\Http\Controllers\" @click="$refs.action.value = $event.target.dataset.value">App\Http\Controllers\</code>
+                                    <code class="link" data-value="App\Http\Controllers\" @click="updateValue($event, 'action')">App\Http\Controllers\</code>
                                 </span>
                             </div>
                             @if($errors->has('action'))
@@ -97,7 +97,7 @@ class="input toggle-pad"
                             @if (count($templates))
                                 <span class="help">
                                     @foreach ($templates as $one)
-                                        <code class="link" data-value="{{ $one }}" @click="$refs.template.value = $event.target.dataset.value">{{ $one }}</code>
+                                        <code class="link" data-value="{{ $one }}" @click="updateValue($event, 'template')">{{ $one }}</code>
                                     @endforeach
                                 </span>
                             @endif