Merge branch 'task003/modals-resize' of bitbucket.org:studiotem/jandl-taskmanager-app

app/src/plugins/tm@modal/task/z-delete-timeblock-modal.vue

@@ -1,14 +1,13 @@
 <template>
-  <v-dialog v-model="visible" max-width="500" persistent>
-    <v-card>
+  <v-dialog v-model="visible" :width="modalWidth" :height="modalHeight" persistent>
+    <v-card style="position: relative">
       <div class="d-flex justify-space-between align-center">
         <h4 class="mt-3">Vyberte časový úsek, ktorý chcete odstrániť</h4>
 
-        <v-icon
-          icon="mdi-close"
-          size="large"
-          @click.stop="closeModal()"
-        ></v-icon>
+        <div class="d-flex align-center">
+          <a-reset-size-button @reset="resetModalSize" />
+          <a-close-button @close="closeModal()" />
+        </div>
       </div>
       <div
         v-for="(timeblock, index) in subtask.timeblocks"
@@ -33,6 +32,7 @@
           "
         />
       </div>
+      <a-resize-handle :current-width="modalWidthPx" :current-height="modalHeightPx" @resize="handleModalResize" @resize-end="handleResizeEnd" />
     </v-card>
   </v-dialog>
 </template>
@@ -41,8 +41,16 @@
 import modalMixin from '@/plugins/tm@modal/_mixins/modal.mixin';
 import tmUtils from '@/plugins/tm@_utils/tm.utils';
 import moment from 'moment';
+import AResizeHandle from '@/plugins/tm@modal/_components/a-resize-handle.vue'
+import AResetSizeButton from '@/plugins/tm@modal/_components/a-reset-size-button.vue'
+import ACloseButton from '@/plugins/tm@modal/_components/a-close-button.vue'
 
 export default {
+
+  components: {
+    AResizeHandle,
+    AResetSizeButton, ACloseButton,
+  },
   mixins: [modalMixin],
   emits: ['on-subtask-edited'],
 
@@ -52,6 +60,7 @@ export default {
       subtask: null,
       isDeleting: false,
       tmUtils,
+      modalName: 'z-delete-timeblock-modal',
     };
   },
 
@@ -125,12 +134,12 @@ export default {
         this.$toast.error(error.message || error);
 
         if (process.env.NODE_ENV === 'development')
-          /* eslint-disable */ console.log(
-            ...oo_oo(
+          /* eslint-disable */ /* eslint-disable */console.log(
+            ...oo_oo(`3629952935_137_31_143_11_4`,...oo_oo(
               `2789641604_128_10_128_70_4`,
               '[z-delete-timeblock-modal.vue] Error: ',
               error,
-            ),
+            )),
           );
       }
     },