feat: editor - progress dialog + modal single component

client/js/components/editor-modal-properties.vue

@@ -1,10 +1,10 @@
 <template lang='pug'>
-  v-bottom-sheet(v-model='isOpened', inset, persistent)
+  v-bottom-sheet(v-model='isShown', inset, persistent)
     v-toolbar(color='blue-grey', flat)
       v-icon(color='white') sort_by_alpha
       v-toolbar-title.white--text Page Properties
       v-spacer
-      v-btn(icon, dark, @click.native='$parent.pagePropertiesDialog = false')
+      v-btn(icon, dark, @click.native='close')
         v-icon close
     v-card.pa-3(tile)
       v-card-text
@@ -15,20 +15,23 @@
           v-text-field(label='Path', prefix='/', append-icon='folder')
       v-card-actions
         v-btn(color='green', dark) Save
-        v-btn(@click.native='$parent.pagePropertiesDialog = false') Cancel
+        v-btn(@click.native='close') Cancel
 </template>
 
 <script>
 export default {
-  props: {
-    isOpened: {
-      type: Boolean,
-      default: false
-    }
-  },
   data() {
     return {
-
+      isShown: false
+    }
+  },
+  mounted() {
+    this.isShown = true
+  },
+  methods: {
+    close() {
+      this.isShown = false
+      this.$parent.closeModal()
     }
   }
 }