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

app/src/plugins/tm@modal/task-cell/z-show-menu-modal.vue

@@ -1,33 +1,39 @@
 <template>
-  <v-dialog v-model="visible" max-width="750" persistent>
-    <v-card>
-      <div class="d-flex justify-space-between align-center">
-        <h1>Vytvoriť</h1>
-        <v-icon
-          icon="mdi-close"
-          size="large"
-          @click.stop="closeModal()"
-        ></v-icon>
-      </div>
+	<v-dialog v-model="visible" :width="modalWidth" :height="modalHeight" persistent>
+		<v-card style="position: relative">
+			<div class="d-flex justify-space-between align-center">
+				<h1>Vytvoriť</h1>
+				<div class="d-flex align-center">
+					<a-reset-size-button @reset="resetModalSize" />
+					<a-close-button @close="closeModal()" />
+				</div>
+			</div>
 
-      <v-card-actions
-        class="mt-10 d-flex justify-start align-center mobile-view"
-      >
-        <v-btn class="button primary half outline" @click.stop="createTask()"
-          >SUB TASK</v-btn
-        >
-        <v-btn class="button primary half outline" @click.stop="createBlocker()"
-          >BLOCKER</v-btn
-        >
-      </v-card-actions>
-    </v-card>
-  </v-dialog>
+			<v-card-actions class="mt-10 d-flex justify-start align-center mobile-view">
+				<v-btn class="button primary half outline" @click.stop="createTask()"
+					>SUB TASK</v-btn
+				>
+				<v-btn class="button primary half outline" @click.stop="createBlocker()"
+					>BLOCKER</v-btn
+				>
+			</v-card-actions>
+			<a-resize-handle :current-width="modalWidthPx" :current-height="modalHeightPx" @resize="handleModalResize" @resize-end="handleResizeEnd" />
+		</v-card>
+	</v-dialog>
 </template>
 
 <script>
-import modalMixin from '@/plugins/tm@modal/_mixins/modal.mixin';
+import modalMixin from '@/plugins/tm@modal/_mixins/modal.mixin'
+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],
   props: {
     data: {
@@ -37,12 +43,13 @@ export default {
   },
   emits: ['update', 'data'],
 
-  data() {
-    return {
-      visible: false,
-      localData: null,
-    };
-  },
+	data() {
+		return {
+			visible: false,
+			localData: null,
+			modalName: 'z-show-menu-modal',
+		}
+	},
 
   mounted() {
     this.$events.on('blocker-created', () => {