From fd4c8bb285cae7ae21e70cb2b345ac74e4e12e22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <matej.glasnak@blume.sk>
Date: Wed, 7 May 2025 15:50:47 +0200
Subject: [PATCH 1/3] refactor(z-task-modal): file formatting

---
 .../plugins/tm@modal/task/z-task-modal.vue    | 1141 +++++++++++------
 1 file changed, 735 insertions(+), 406 deletions(-)

diff --git a/app/src/plugins/tm@modal/task/z-task-modal.vue b/app/src/plugins/tm@modal/task/z-task-modal.vue
index b8e1ce1..48d68fd 100644
--- a/app/src/plugins/tm@modal/task/z-task-modal.vue
+++ b/app/src/plugins/tm@modal/task/z-task-modal.vue
@@ -1,30 +1,101 @@
 <template>
-	<v-dialog v-model="visible" max-width="750" max-height="90%" height="700px" persistent>
-		<W-loadable :content="subtask" class="h-100">
-			<v-card v-if="editMode" height="100%" class="d-flex flex-column scrolling">
-				<div class="d-flex justify-space-between align-center modal-header">
-					<h1>{{ subtask?.id ? 'Upraviť sub task' : 'Vytvoriť sub task' }}</h1>
-					<v-icon @click.stop="closeModal()" icon="mdi-close" size="large"></v-icon>
-				</div>
+  <v-dialog
+    v-model="visible"
+    max-width="750"
+    max-height="90%"
+    height="700px"
+    persistent
+  >
+    <W-loadable :content="subtask" class="h-100">
+      <v-card
+        v-if="editMode"
+        height="100%"
+        class="d-flex flex-column scrolling"
+      >
+        <div class="d-flex justify-space-between align-center modal-header">
+          <h1>{{ subtask?.id ? 'Upraviť sub task' : 'Vytvoriť sub task' }}</h1>
+          <v-icon
+            @click.stop="closeModal()"
+            icon="mdi-close"
+            size="large"
+          ></v-icon>
+        </div>
 
-				<v-card-actions class="d-flex flex-column modal-content">
-					<v-text-field v-model="subtask.project_code" label="Kód projektu" :value="subtask.project_code" @focus="onInputFocus" class="modal-input" variant="solo" disabled></v-text-field>
+        <v-card-actions class="d-flex flex-column modal-content">
+          <v-text-field
+            v-model="subtask.project_code"
+            label="Kód projektu"
+            :value="subtask.project_code"
+            @focus="onInputFocus"
+            class="modal-input"
+            variant="solo"
+            disabled
+          ></v-text-field>
 
-					<v-autocomplete :custom-filter="customFilter" :match-any="true" v-model="subtask.master_task_id" label="Master task" :class="{ error: v$.subtask.master_task_id.$errors.length }" :items="mastertasks" item-title="name" item-value="id" variant="solo" class="modal-input" clearable />
+          <v-autocomplete
+            :custom-filter="customFilter"
+            :match-any="true"
+            v-model="subtask.master_task_id"
+            label="Master task"
+            :class="{ error: v$.subtask.master_task_id.$errors.length }"
+            :items="mastertasks"
+            item-title="name"
+            item-value="id"
+            variant="solo"
+            class="modal-input"
+            clearable
+          />
 
-					<v-text-field v-model="subtask.title" @focus="onInputFocus" class="modal-input" label="Názov subtasku" variant="solo"></v-text-field>
+          <v-text-field
+            v-model="subtask.title"
+            @focus="onInputFocus"
+            class="modal-input"
+            label="Názov subtasku"
+            variant="solo"
+          ></v-text-field>
 
-					<div class="splitted-inputs">
-						<!-- TODO: Bialko validacie -->
-						<div @click="openDatepicker('datepicker-01')" class="datepicker-wrapper">
-							<Datepicker v-model="subtask.deadline" @focus="onDateFocus" ref="datepicker-01" :auto-apply="true" :min-date="new Date()" class="modal-input left datepicker-input" format="dd.MM.yyyy" locale="sk" select-text="Vybrať" cancel-text="Zrušiť" placeholder="Deadline" :class="{ error: v$.subtask.deadline.$errors?.length }" :validations="v$.subtask.deadline" />
-						</div>
+          <div class="splitted-inputs">
+            <!-- TODO: Bialko validacie -->
+            <div
+              @click="openDatepicker('datepicker-01')"
+              class="datepicker-wrapper"
+            >
+              <Datepicker
+                v-model="subtask.deadline"
+                @focus="onDateFocus"
+                ref="datepicker-01"
+                :auto-apply="true"
+                :min-date="new Date()"
+                class="modal-input left datepicker-input"
+                format="dd.MM.yyyy"
+                locale="sk"
+                select-text="Vybrať"
+                cancel-text="Zrušiť"
+                placeholder="Deadline"
+                :class="{ error: v$.subtask.deadline.$errors?.length }"
+                :validations="v$.subtask.deadline"
+              />
+            </div>
 
-						<v-text-field class="modal-input right" variant="solo" v-model="subtask._deadline_time" label="Čas" append-inner-icon="mdi-clock-outline" type="time" @focus="onInputFocus" :class="{ error: v$.subtask._deadline_time.$errors.length }" :hint="v$.subtask._deadline_time.$errors ? errorUtils.parseErrors(v$.subtask._deadline_time.$errors) : null" />
-					</div>
+            <v-text-field
+              class="modal-input right"
+              variant="solo"
+              v-model="subtask._deadline_time"
+              label="Čas"
+              append-inner-icon="mdi-clock-outline"
+              type="time"
+              @focus="onInputFocus"
+              :class="{ error: v$.subtask._deadline_time.$errors.length }"
+              :hint="
+                v$.subtask._deadline_time.$errors
+                  ? errorUtils.parseErrors(v$.subtask._deadline_time.$errors)
+                  : null
+              "
+            />
+          </div>
 
-					<!-- TODO: Toto tu nema byt ci? -->
-					<!-- <div class="w-full">
+          <!-- TODO: Toto tu nema byt ci? -->
+          <!-- <div class="w-full">
 						<A-task-timeblocks
 							class="w-full"
 							:timeblocks="subtask.timeblocks"
@@ -35,33 +106,130 @@
 						/>
 					</div> -->
 
-					<template v-if="subtask.id">
-						<div class="employee-wrapper" :class="{'hide-arrow': subtask.employee_id}">
-							<svg v-if="subtask.employee_id" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" class="dp__icon dp__clear_icon dp__input_icons" data-test="clear-icon"
-								@click.prevent="subtask.employee_id = null; subtask.employee = null">
-								<path d="M23.057 7.057l-16 16c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l16-16c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0z"></path>
-								<path d="M7.057 8.943l16 16c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885l-16-16c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z"></path>
-							</svg>
+          <template v-if="subtask.id">
+            <div
+              class="employee-wrapper"
+              :class="{ 'hide-arrow': subtask.employee_id }"
+            >
+              <svg
+                v-if="subtask.employee_id"
+                version="1.1"
+                xmlns="http://www.w3.org/2000/svg"
+                width="32"
+                height="32"
+                viewBox="0 0 32 32"
+                class="dp__icon dp__clear_icon dp__input_icons"
+                data-test="clear-icon"
+                @click.prevent="
+                  subtask.employee_id = null;
+                  subtask.employee = null;
+                "
+              >
+                <path
+                  d="M23.057 7.057l-16 16c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l16-16c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0z"
+                ></path>
+                <path
+                  d="M7.057 8.943l16 16c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885l-16-16c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z"
+                ></path>
+              </svg>
 
-							<v-autocomplete :custom-filter="customFilter" :match-any="true" v-model="subtask.employee_id" label="Priradený" :items="enrichedEmployees" item-title="_fullName" item-value="id" variant="solo" class="modal-input" :class="{ error: employeeValidations[0]?.employee }" @update:model-value="employeeValidations[0] ? (employeeValidations[0].employee = false) : null" />
-						</div>
+              <v-autocomplete
+                :custom-filter="customFilter"
+                :match-any="true"
+                v-model="subtask.employee_id"
+                label="Priradený"
+                :items="enrichedEmployees"
+                item-title="_fullName"
+                item-value="id"
+                variant="solo"
+                class="modal-input"
+                :class="{ error: employeeValidations[0]?.employee }"
+                @update:model-value="
+                  employeeValidations[0]
+                    ? (employeeValidations[0].employee = false)
+                    : null
+                "
+              />
+            </div>
 
-						<v-text-field v-model="subtask.duration" class="modal-input" variant="solo" type="number" label="Časový odhad" :class="{ error: employeeValidations[0]?.duration }" append-inner-icon="mdi-clock-outline" @focus="onInputFocus" @update:model-value="employeeValidations[0] ? (employeeValidations[0].duration = false) : null" />
-					</template>
+            <v-text-field
+              v-model="subtask.duration"
+              class="modal-input"
+              variant="solo"
+              type="number"
+              label="Časový odhad"
+              :class="{ error: employeeValidations[0]?.duration }"
+              append-inner-icon="mdi-clock-outline"
+              @focus="onInputFocus"
+              @update:model-value="
+                employeeValidations[0]
+                  ? (employeeValidations[0].duration = false)
+                  : null
+              "
+            />
+          </template>
 
-					<template v-else>
-						<div v-for="(employee, index) in subtask.employees" :key="`employee-${index}`" class="splitted-inputs remove-employee" :class="{'hide-arrow': employee.id}">
-							<v-autocomplete :custom-filter="customFilter" :match-any="true" v-model="employee.id" label="Priradený" :items="enrichedEmployees" item-title="_fullName" item-value="id" variant="solo" class="modal-input left" :class="{ error: employeeValidations[index]?.employee }" @update:model-value="employeeValidations[index] ? (employeeValidations[index].employee = false) : null" />
-							<svg v-if="employee.id" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" class="dp__icon dp__clear_icon dp__input_icons" data-test="clear-icon"
-								@click.prevent="employee.id = null">
-								<path d="M23.057 7.057l-16 16c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l16-16c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0z"></path>
-								<path d="M7.057 8.943l16 16c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885l-16-16c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z"></path>
-							</svg>
-							<v-text-field v-model="employee.duration" class="modal-input right" variant="solo" type="number" label="Časový odhad" append-inner-icon="mdi-clock-outline" :class="{ error: employeeValidations[index]?.duration }" @focus="onInputFocus" @update:model-value="employeeValidations[index] ? (employeeValidations[index].duration = false) : null" />
-						</div>
-					</template>
+          <template v-else>
+            <div
+              v-for="(employee, index) in subtask.employees"
+              :key="`employee-${index}`"
+              class="splitted-inputs remove-employee"
+              :class="{ 'hide-arrow': employee.id }"
+            >
+              <v-autocomplete
+                :custom-filter="customFilter"
+                :match-any="true"
+                v-model="employee.id"
+                label="Priradený"
+                :items="enrichedEmployees"
+                item-title="_fullName"
+                item-value="id"
+                variant="solo"
+                class="modal-input left"
+                :class="{ error: employeeValidations[index]?.employee }"
+                @update:model-value="
+                  employeeValidations[index]
+                    ? (employeeValidations[index].employee = false)
+                    : null
+                "
+              />
+              <svg
+                v-if="employee.id"
+                version="1.1"
+                xmlns="http://www.w3.org/2000/svg"
+                width="32"
+                height="32"
+                viewBox="0 0 32 32"
+                class="dp__icon dp__clear_icon dp__input_icons"
+                data-test="clear-icon"
+                @click.prevent="employee.id = null"
+              >
+                <path
+                  d="M23.057 7.057l-16 16c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l16-16c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0z"
+                ></path>
+                <path
+                  d="M7.057 8.943l16 16c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885l-16-16c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z"
+                ></path>
+              </svg>
+              <v-text-field
+                v-model="employee.duration"
+                class="modal-input right"
+                variant="solo"
+                type="number"
+                label="Časový odhad"
+                append-inner-icon="mdi-clock-outline"
+                :class="{ error: employeeValidations[index]?.duration }"
+                @focus="onInputFocus"
+                @update:model-value="
+                  employeeValidations[index]
+                    ? (employeeValidations[index].duration = false)
+                    : null
+                "
+              />
+            </div>
+          </template>
 
-					<!-- <div class="w-100">
+          <!-- <div class="w-100">
 						<Datepicker v-model="subtask.date" :class="{ error: v$.subtask.date.$errors.length }" format="dd.MM.yyyy" locale="sk" select-text="Vybrať"  cancel-text="Zrušiť" placeholder="Dátum" :auto-apply="true" :enable-time-picker="false" @focus="onDateFocus" class="mb-5 modal-input" />
 						<div class="splitted-time-inputs">
 							<v-text-field :class="{ error: v$.subtask.starts_at_time.$errors.length }" type="time" variant="solo" bg-color="white" label="Začiatok" />
@@ -69,55 +237,139 @@
 						</div>
 					</div> -->
 
-					<template v-if="!subtask.id">
-						<div class="timeblocks w-100">
-							<A-timeblock v-for="(timeblock, index) in timeblocks" :key="index" @updateTimeblock="val => updateTimeblock(val, index)" @removeTimeblock="removeTimeblock(index)" :timeblock="timeblock" :deletable="index > 0" editable :ref="`timetable-${index}`" />
-							<div class="end-button w-100">
-								<button @click="timeblocks.push({date: null, starts_at_time: null, ends_at_time: null})">Pridať časový blok</button>
-							</div>
-						</div>
-					</template>
+          <template v-if="!subtask.id">
+            <div class="timeblocks w-100">
+              <A-timeblock
+                v-for="(timeblock, index) in timeblocks"
+                :key="index"
+                @updateTimeblock="(val) => updateTimeblock(val, index)"
+                @removeTimeblock="removeTimeblock(index)"
+                :timeblock="timeblock"
+                :deletable="index > 0"
+                editable
+                :ref="`timetable-${index}`"
+              />
+              <div class="end-button w-100">
+                <button
+                  @click="
+                    timeblocks.push({
+                      date: null,
+                      starts_at_time: null,
+                      ends_at_time: null,
+                    })
+                  "
+                >
+                  Pridať časový blok
+                </button>
+              </div>
+            </div>
+          </template>
 
-					<div v-else v-for="(timeblock, index) in subtask.timeblocks" :key="index" class="timeblock w-100">
-						<Datepicker :model-value="timeblock.start.substring(0, 10)" format="dd.MM.yyyy" locale="sk" select-text="Vybrať" cancel-text="Zrušiť" placeholder="Dátum" :auto-apply="true" :enable-time-picker="false" readonly class="mb-5 modal-input" />
-						<div class="splitted-time-inputs w-100">
-							<v-text-field :value="timeblock.start.substring(11, 16)" type="time" variant="solo" bg-color="white" label="Začiatok" />
-							<v-text-field :value="timeblock.end.substring(11, 16)" type="time" variant="solo" bg-color="white" label="Koniec" />
-						</div>
-					</div>
+          <div
+            v-else
+            v-for="(timeblock, index) in subtask.timeblocks"
+            :key="index"
+            class="timeblock w-100"
+          >
+            <Datepicker
+              :model-value="timeblock.start.substring(0, 10)"
+              format="dd.MM.yyyy"
+              locale="sk"
+              select-text="Vybrať"
+              cancel-text="Zrušiť"
+              placeholder="Dátum"
+              :auto-apply="true"
+              :enable-time-picker="false"
+              readonly
+              class="mb-5 modal-input"
+            />
+            <div class="splitted-time-inputs w-100">
+              <v-text-field
+                :value="timeblock.start.substring(11, 16)"
+                type="time"
+                variant="solo"
+                bg-color="white"
+                label="Začiatok"
+              />
+              <v-text-field
+                :value="timeblock.end.substring(11, 16)"
+                type="time"
+                variant="solo"
+                bg-color="white"
+                label="Koniec"
+              />
+            </div>
+          </div>
 
-					<div class="w-100 modal-input">
-						<QuillEditor ref="description" v-model="subtask.description" placeholder="Popis" theme="snow" class="rich-text-editor" @input="subtask.description = $event.srcElement.innerHTML" />
-					</div>
+          <div class="w-100 modal-input">
+            <QuillEditor
+              ref="description"
+              v-model="subtask.description"
+              placeholder="Popis"
+              theme="snow"
+              class="rich-text-editor"
+              @input="subtask.description = $event.srcElement.innerHTML"
+            />
+          </div>
 
-					<Z-files-upload class="mt-15 files" :files="subtask.files" @files-uploaded="filesUploaded" :is-saving="isSaving" />
-				</v-card-actions>
+          <Z-files-upload
+            class="mt-15 files"
+            :files="subtask.files"
+            @files-uploaded="filesUploaded"
+            :is-saving="isSaving"
+          />
+        </v-card-actions>
 
-				<v-btn class="button primary" v-if="!isSaving" @click="save()">{{ subtask.id ? 'UPRAVIŤ' : 'VYTVORIŤ' }}</v-btn>
-				<v-btn class="button primary disabled" v-else disabled>{{ $t('Ukladám...') }}</v-btn>
-			</v-card>
+        <v-btn class="button primary" v-if="!isSaving" @click="save()">{{
+          subtask.id ? 'UPRAVIŤ' : 'VYTVORIŤ'
+        }}</v-btn>
+        <v-btn class="button primary disabled" v-else disabled>{{
+          $t('Ukladám...')
+        }}</v-btn>
+      </v-card>
 
-			<v-card v-else height="100%" class="d-flex flex-column scrolling">
-				<div class="d-flex justify-space-between align-center">
-					<div>
-						<p>{{ subtask._master_task.project_code }}</p>
-						<h1>{{ subtask._master_task.name }}</h1>
-					</div>
+      <v-card v-else height="100%" class="d-flex flex-column scrolling">
+        <div class="d-flex justify-space-between align-center">
+          <div>
+            <p>{{ subtask._master_task.project_code }}</p>
+            <h1>{{ subtask._master_task.name }}</h1>
+          </div>
 
-					<v-icon @click.stop="closeModal()" icon="mdi-close" size="large" class="pb-5"></v-icon>
-				</div>
-				<div class="d-flex justify-space-between align-center modal-header border-bottom pb-4">
-					<h1>{{ subtask.title }}</h1>
-					<div class="d-flex justify-start">
-						<img class="icon" :src="require('@/plugins/app/_img/icons/pencil.svg')" alt="pencil-icon" @click.stop="toggleEditMode" />
-						<img class="icon trash" :src="require('@/plugins/app/_img/icons/bin.svg')" alt="trash-icon" @click.stop="openDeleteTaskModal(subtask)" />
-					</div>
-				</div>
+          <v-icon
+            @click.stop="closeModal()"
+            icon="mdi-close"
+            size="large"
+            class="pb-5"
+          ></v-icon>
+        </div>
+        <div
+          class="d-flex justify-space-between align-center modal-header border-bottom pb-4"
+        >
+          <h1>{{ subtask.title }}</h1>
+          <div class="d-flex justify-start">
+            <img
+              class="icon"
+              :src="require('@/plugins/app/_img/icons/pencil.svg')"
+              alt="pencil-icon"
+              @click.stop="toggleEditMode"
+            />
+            <img
+              class="icon trash"
+              :src="require('@/plugins/app/_img/icons/bin.svg')"
+              alt="trash-icon"
+              @click.stop="openDeleteTaskModal(subtask)"
+            />
+          </div>
+        </div>
 
-				<v-card-actions class="d-flex flex-column modal-content">
-					<div class="w-100">
-						<Z-task-readonly-info :subtask="subtask" @close-modal="closeModal" @update-subtask="updateSubtask" />
-						<!-- <div class="mt-10">
+        <v-card-actions class="d-flex flex-column modal-content">
+          <div class="w-100">
+            <Z-task-readonly-info
+              :subtask="subtask"
+              @close-modal="closeModal"
+              @update-subtask="updateSubtask"
+            />
+            <!-- <div class="mt-10">
 							<p>Termín</p>
 							<div class="date-wrap">
 								<Datepicker @open="editDatepicker('date')" v-model="subtask.deadline" @focus="onDateFocus" :min-date="new Date()" class="modal-input" format="dd.MM.yyyy" locale="sk" select-text="Vybrať" cancel-text="Zrušiť" placeholder="Dátum" />
@@ -125,394 +377,471 @@
 							</div>
 						</div> -->
 
-						<div class="d-flex justify-start align-center mt-8">
-							<v-btn class="done-btn" v-if="!subtask.is_finished" @click.stop="showCompleteTaskModal()">Dokončiť</v-btn>
-							<v-btn class="button secondary" v-else @click.stop="showCompleteTaskModal()">Znovu otvoriť</v-btn>
-							<v-btn class="button secondary" @click="closeModal()">Uložiť zmeny</v-btn>
-						</div>
-					</div>
-				</v-card-actions>
-			</v-card>
-		</W-loadable>
-	</v-dialog>
+            <div class="d-flex justify-start align-center mt-8">
+              <v-btn
+                class="done-btn"
+                v-if="!subtask.is_finished"
+                @click.stop="showCompleteTaskModal()"
+                >Dokončiť</v-btn
+              >
+              <v-btn
+                class="button secondary"
+                v-else
+                @click.stop="showCompleteTaskModal()"
+                >Znovu otvoriť</v-btn
+              >
+              <v-btn class="button secondary" @click="closeModal()"
+                >Uložiť zmeny</v-btn
+              >
+            </div>
+          </div>
+        </v-card-actions>
+      </v-card>
+    </W-loadable>
+  </v-dialog>
 </template>
 
 <script>
-import Datepicker from '@vuepic/vue-datepicker'
-import ZFilesUpload from '@/plugins/tm@_components/z-files-upload.vue'
-import ATaskTimeblocks from '@/plugins/tm@modal/task/_components/_components/a-task-timeblocks.vue'
-import useVuelidate from '@vuelidate/core'
-import { required, requiredIf, optional } from '@vuelidate/validators'
-import errorUtils from '@/plugins/lib@auth/_utils/error.utils'
-import { QuillEditor } from '@vueup/vue-quill'
-import VuetifyFixFocusMixin from '@/plugins/tm@modal/_mixins/vuetify-fix-focus'
-import SelectsMixin from '../master-task/_mixins/selects.mixin'
-import * as FileSaver from 'file-saver'
-import tmUtils from '@/plugins/tm@_utils/tm.utils'
-import moment from 'moment'
-import '@vueup/vue-quill/dist/vue-quill.snow.css'
-import AutocompleteMixin from '@/plugins/tm@_mixins/autocomplete.mixin'
+import Datepicker from '@vuepic/vue-datepicker';
+import ZFilesUpload from '@/plugins/tm@_components/z-files-upload.vue';
+import ATaskTimeblocks from '@/plugins/tm@modal/task/_components/_components/a-task-timeblocks.vue';
+import useVuelidate from '@vuelidate/core';
+import { required, requiredIf, optional } from '@vuelidate/validators';
+import errorUtils from '@/plugins/lib@auth/_utils/error.utils';
+import { QuillEditor } from '@vueup/vue-quill';
+import VuetifyFixFocusMixin from '@/plugins/tm@modal/_mixins/vuetify-fix-focus';
+import SelectsMixin from '../master-task/_mixins/selects.mixin';
+import * as FileSaver from 'file-saver';
+import tmUtils from '@/plugins/tm@_utils/tm.utils';
+import moment from 'moment';
+import '@vueup/vue-quill/dist/vue-quill.snow.css';
+import AutocompleteMixin from '@/plugins/tm@_mixins/autocomplete.mixin';
 
-import ZTaskReadonlyInfo from './_components/z-task-readonly-info.vue'
-import ATimeblock from './_components/a-timeblock.vue'
-import { mapGetters } from 'vuex'
-import modalMixin from '@/plugins/tm@modal/_mixins/modal.mixin'
+import ZTaskReadonlyInfo from './_components/z-task-readonly-info.vue';
+import ATimeblock from './_components/a-timeblock.vue';
+import { mapGetters } from 'vuex';
+import modalMixin from '@/plugins/tm@modal/_mixins/modal.mixin';
 
 export default {
-	emits: ['close', 'refresh'],
-	mixins: [VuetifyFixFocusMixin, SelectsMixin, AutocompleteMixin, modalMixin],
+  emits: ['close', 'refresh'],
+  mixins: [VuetifyFixFocusMixin, SelectsMixin, AutocompleteMixin, modalMixin],
 
-	components: {
-		ZTaskReadonlyInfo,
-		ATimeblock,
-		ZFilesUpload,
-		Datepicker,
-		// ATaskTimeblocks,
-		QuillEditor
-	},
+  components: {
+    ZTaskReadonlyInfo,
+    ATimeblock,
+    ZFilesUpload,
+    Datepicker,
+    // ATaskTimeblocks,
+    QuillEditor,
+  },
 
-	data() {
-		return {
-			tmUtils,
-			editMode: false,
-			visible: false,
-			subtask: null,
-			isSaving: false,
-			errorUtils,
-			v$: useVuelidate(),
-			employeeValidations: [],
-			showDatePicker: false,
-			selectedNewDate: [],
-			timeblocks: [{
-				date: null,
-				starts_at_time: null,
-				ends_at_time: null
-			}]
-		}
-	},
+  data() {
+    return {
+      tmUtils,
+      editMode: false,
+      visible: false,
+      subtask: null,
+      isSaving: false,
+      errorUtils,
+      v$: useVuelidate(),
+      employeeValidations: [],
+      showDatePicker: false,
+      selectedNewDate: [],
+      timeblocks: [
+        {
+          date: null,
+          starts_at_time: null,
+          ends_at_time: null,
+        },
+      ],
+    };
+  },
 
-	computed: {
-		...mapGetters('tm', ['mastertasks', 'enrichedEmployees'])
-	},
+  computed: {
+    ...mapGetters('tm', ['mastertasks', 'enrichedEmployees']),
+  },
 
-	validations() {
-		return {
-			subtask: {
-				master_task_id: { required },
-				deadline: { required },
-				_deadline_time: { required },
-			}
-		}
-	},
+  validations() {
+    return {
+      subtask: {
+        master_task_id: { required },
+        deadline: { required },
+        _deadline_time: { required },
+      },
+    };
+  },
 
-	mounted() {
-		this.$events.on('add-timeblock', (timeblock) => {
-			if (!this.subtask?.timeblocks) {
-				this.subtask.timeblocks = []
-			}
-			if (!this.subtask?.timesheets) {
-				this.subtask.timesheets = []
-			}
-			if (!this.subtask?.is_finished) {
-				this.subtask.is_finished = 0
-			}
-			this.subtask.timeblocks.push(timeblock)
-		})
+  mounted() {
+    this.$events.on('add-timeblock', (timeblock) => {
+      if (!this.subtask?.timeblocks) {
+        this.subtask.timeblocks = [];
+      }
+      if (!this.subtask?.timesheets) {
+        this.subtask.timesheets = [];
+      }
+      if (!this.subtask?.is_finished) {
+        this.subtask.is_finished = 0;
+      }
+      this.subtask.timeblocks.push(timeblock);
+    });
 
-		this.$events.on('on-subtask-edited', (subtask) => {
-			if (subtask?.id !== this.subtask?.id) return
-			const data = JSON.parse(JSON.stringify(subtask))
+    this.$events.on('on-subtask-edited', (subtask) => {
+      if (subtask?.id !== this.subtask?.id) return;
+      const data = JSON.parse(JSON.stringify(subtask));
 
-			const splittedDeadline = data.deadline?.split(' ') || []
+      const splittedDeadline = data.deadline?.split(' ') || [];
 
-			data.deadline = splittedDeadline[0]
-			data._deadline_time = splittedDeadline[1]
-			this.subtask = this._enrichTask(data)
+      data.deadline = splittedDeadline[0];
+      data._deadline_time = splittedDeadline[1];
+      this.subtask = this._enrichTask(data);
 
-			// TODO: Remove? riesil som neodstranovanie jedineho zanamu v trvani a odpracovanom case
-			console.log('2', this.subtask)
-			this.$forceUpdate()
-		})
+      // TODO: Remove? riesil som neodstranovanie jedineho zanamu v trvani a odpracovanom case
+      console.log('2', this.subtask);
+      this.$forceUpdate();
+    });
 
-		this.$events.on('on-subtask-deleted', (subtask) => {
-			if (subtask?.id == this.subtask?.id) this.closeModal()
-		})
-	},
+    this.$events.on('on-subtask-deleted', (subtask) => {
+      if (subtask?.id == this.subtask?.id) this.closeModal();
+    });
+  },
 
-	methods: {
-		toggleEditMode() {
-			if (this.subtask.type == 'office365')
-				return this.$events.emit('show-unable-to-edit-office-task-modal', { mode: 'edit' })
+  methods: {
+    toggleEditMode() {
+      if (this.subtask.type == 'office365')
+        return this.$events.emit('show-unable-to-edit-office-task-modal', {
+          mode: 'edit',
+        });
 
-			this.editMode = !this.editMode
-		},
+      this.editMode = !this.editMode;
+    },
 
-		openDatepicker(ref) {
-			this.$refs[ref].openMenu()
-		},
+    openDatepicker(ref) {
+      this.$refs[ref].openMenu();
+    },
 
-		updateTimeblock(val, index) {
-			this.timeblocks[index] = val
-		},
+    updateTimeblock(val, index) {
+      this.timeblocks[index] = val;
+    },
 
-		removeTimeblock(index) {
-			this.timeblocks.splice(index, 1)
-		},
+    removeTimeblock(index) {
+      this.timeblocks.splice(index, 1);
+    },
 
-		async showModal({ subtask, editMode = false, mastertask = {} }) {
-			this.isSaving = false
-			this.subtask = null
-			this.visible = true
-			this.timeblocks = [{
-				date: null,
-				starts_at_time: null,
-				ends_at_time: null
-			}]
-			this.$nextTick(() => {
-				this.v$.$reset()
-				this.setFocusEvent()
-			})
+    async showModal({ subtask, editMode = false, mastertask = {} }) {
+      this.isSaving = false;
+      this.subtask = null;
+      this.visible = true;
+      this.timeblocks = [
+        {
+          date: null,
+          starts_at_time: null,
+          ends_at_time: null,
+        },
+      ];
+      this.$nextTick(() => {
+        this.v$.$reset();
+        this.setFocusEvent();
+      });
 
-			try {
-				if (subtask?.id) {
-					const data = await this.$axios.get_auth_data(`v1/subtasks/${subtask.id}`)
+      try {
+        if (subtask?.id) {
+          const data = await this.$axios.get_auth_data(
+            `v1/subtasks/${subtask.id}`,
+          );
 
-					if (!data.deadline) {
-						this.editMode = editMode || !data.id
-						return (this.subtask = this._enrichTask(data))
-					}
+          if (!data.deadline) {
+            this.editMode = editMode || !data.id;
+            return (this.subtask = this._enrichTask(data));
+          }
 
-					const splittedDeadline = data.deadline.split(' ')
-					data.deadline = splittedDeadline[0]
-					data._deadline_time = splittedDeadline[1]
+          const splittedDeadline = data.deadline.split(' ');
+          data.deadline = splittedDeadline[0];
+          data._deadline_time = splittedDeadline[1];
 
-					this.subtask = this._enrichTask(data)
-				} else {
-					const savedSubtask = localStorage.getItem('subtaskData')
-					try {
-						if (savedSubtask) {
-							const parsedSubtask = JSON.parse(savedSubtask)
-							this.subtask = parsedSubtask
-							// If the parsed result is not an object, reset to default
-							if (typeof this.subtask !== 'object' || this.subtask === null) {
-								throw new Error('Parsed subtask is not an object')
-							}
-							this.$nextTick(() => {
-								this.$refs['description']?.setHTML(this.subtask.description || '');
-							})
-						} else {
-							throw new Error('subtaskData is null or undefined')
-						}
-					} catch (error) {
-						console.error('Error parsing subtaskData:', error);
-						this.subtask = { master_task: mastertask, employees: [{}], _deadline_time: '17:00' }
-					}
+          this.subtask = this._enrichTask(data);
+        } else {
+          const savedSubtask = localStorage.getItem('subtaskData');
+          try {
+            if (savedSubtask) {
+              const parsedSubtask = JSON.parse(savedSubtask);
+              this.subtask = parsedSubtask;
+              // If the parsed result is not an object, reset to default
+              if (typeof this.subtask !== 'object' || this.subtask === null) {
+                throw new Error('Parsed subtask is not an object');
+              }
+              this.$nextTick(() => {
+                this.$refs['description']?.setHTML(
+                  this.subtask.description || '',
+                );
+              });
+            } else {
+              throw new Error('subtaskData is null or undefined');
+            }
+          } catch (error) {
+            console.error('Error parsing subtaskData:', error);
+            this.subtask = {
+              master_task: mastertask,
+              employees: [{}],
+              _deadline_time: '17:00',
+            };
+          }
 
-					if (subtask?.deadline && subtask._deadline_time && subtask.employee_id) {
-						const employee = this.enrichedEmployees.find(employee => employee.id == subtask.employee_id)
-						this.subtask.employees = [employee]
-						this.subtask.deadline = subtask.deadline
-						this.subtask._deadline_time = subtask._deadline_time
-					}
+          if (
+            subtask?.deadline &&
+            subtask._deadline_time &&
+            subtask.employee_id
+          ) {
+            const employee = this.enrichedEmployees.find(
+              (employee) => employee.id == subtask.employee_id,
+            );
+            this.subtask.employees = [employee];
+            this.subtask.deadline = subtask.deadline;
+            this.subtask._deadline_time = subtask._deadline_time;
+          }
 
-					if(subtask?.master_task_id && subtask?.project_code) {
-						this.subtask.master_task_id = subtask.master_task_id
-						this.subtask.project_code = subtask.project_code
-					}
-				}
-				this.editMode = editMode || !this.subtask.id
-			} catch (error) {
-				this.$toast.error(this.$parseError(error))
+          if (subtask?.master_task_id && subtask?.project_code) {
+            this.subtask.master_task_id = subtask.master_task_id;
+            this.subtask.project_code = subtask.project_code;
+          }
+        }
+        this.editMode = editMode || !this.subtask.id;
+      } catch (error) {
+        this.$toast.error(this.$parseError(error));
 
-				if (process.env.NODE_ENV === 'development')
-					console.log('[z-task-modal.vue] Error: ', error)
-			}
-		},
+        if (process.env.NODE_ENV === 'development')
+          console.log('[z-task-modal.vue] Error: ', error);
+      }
+    },
 
-		deleteTimeblock(i) {
-			this.subtask.timeblocks.splice(i, 1)
-		},
+    deleteTimeblock(i) {
+      this.subtask.timeblocks.splice(i, 1);
+    },
 
-		closeModal() {
-			this.visible = false
-			this.$router.replace({ name: this.$route.name })
-		},
+    closeModal() {
+      this.visible = false;
+      this.$router.replace({ name: this.$route.name });
+    },
 
-		async save() {
-			const employeesValid = await this._validateEmployees()
-			const timeblocksValid = this.subtask?.id ? true : await this._validateTimeblocks()
+    async save() {
+      const employeesValid = await this._validateEmployees();
+      const timeblocksValid = this.subtask?.id
+        ? true
+        : await this._validateTimeblocks();
 
-			if (!(await this.v$.$validate())) return
-			if (!employeesValid || !timeblocksValid) return
+      if (!(await this.v$.$validate())) return;
+      if (!employeesValid || !timeblocksValid) return;
 
-			this.subtask.description = this.$refs['description'].getHTML()
-			this._mergeDeadlineTimeDate()
+      this.subtask.description = this.$refs['description'].getHTML();
+      this._mergeDeadlineTimeDate();
 
-			try {
-				this.isSaving = true
-				this.subtask.deadline = moment(this.subtask.deadline).format('YYYY-MM-DD HH:mm:SS')
+      try {
+        this.isSaving = true;
+        this.subtask.deadline = moment(this.subtask.deadline).format(
+          'YYYY-MM-DD HH:mm:SS',
+        );
 
-				if (this.subtask?.id) {
-					const timesheets = this.subtask.timesheets.map((timesheet) => {
-						delete timesheet.employee_name
-						return timesheet
-					})
+        if (this.subtask?.id) {
+          const timesheets = this.subtask.timesheets.map((timesheet) => {
+            delete timesheet.employee_name;
+            return timesheet;
+          });
 
-					const { subtask } = await this.$axios.patch_auth_form(`v1/subtasks/${this.subtask.id}`, { ...this.subtask, timesheets })
-					localStorage.removeItem('subtaskData')
+          const { subtask } = await this.$axios.patch_auth_form(
+            `v1/subtasks/${this.subtask.id}`,
+            { ...this.subtask, timesheets },
+          );
+          localStorage.removeItem('subtaskData');
 
-					this.$store.commit('tm/update_subtask', subtask)
-					this.$events.emit('on-subtask-edited', this.subtask)
-				} else {
-					this.subtask.employees.forEach(employee => {
-						if (employee.id)
-							employee.timeblocks = this.timeblocks.filter(timeblock => timeblock.date).map(timeblock => { return { start: `${moment(timeblock.date).format('YYYY-MM-DD')} ${timeblock.starts_at_time}:00`, end: `${moment(timeblock.date).format('YYYY-MM-DD')} ${timeblock.ends_at_time}:00`, id: null } })
-					})
-					const subtaskCopy = this.subtask
-					delete subtaskCopy._master_task
-					const { subtasks } = await this.$axios.post_auth(`v1/mastertasks/${this.subtask.master_task_id}/subtasks`, subtaskCopy)
-					localStorage.removeItem('subtaskData')
-					this.subtask.id = subtasks[0].id
+          this.$store.commit('tm/update_subtask', subtask);
+          this.$events.emit('on-subtask-edited', this.subtask);
+        } else {
+          this.subtask.employees.forEach((employee) => {
+            if (employee.id)
+              employee.timeblocks = this.timeblocks
+                .filter((timeblock) => timeblock.date)
+                .map((timeblock) => {
+                  return {
+                    start: `${moment(timeblock.date).format('YYYY-MM-DD')} ${
+                      timeblock.starts_at_time
+                    }:00`,
+                    end: `${moment(timeblock.date).format('YYYY-MM-DD')} ${
+                      timeblock.ends_at_time
+                    }:00`,
+                    id: null,
+                  };
+                });
+          });
+          const subtaskCopy = this.subtask;
+          delete subtaskCopy._master_task;
+          const { subtasks } = await this.$axios.post_auth(
+            `v1/mastertasks/${this.subtask.master_task_id}/subtasks`,
+            subtaskCopy,
+          );
+          localStorage.removeItem('subtaskData');
+          this.subtask.id = subtasks[0].id;
 
-					subtasks.forEach((subtask) => {
-						this.$store.commit('tm/update_subtask', subtask)
-						this.$events.emit('on-subtask-edited', this.subtask)
-					})
-					this.$events.emit('task-created')
-					this.$events.emit('close-both-modals')
-				}
-				this.closeModal()
-			} catch (error) {
-				this.$toast.error(this.$parseError(error))
+          subtasks.forEach((subtask) => {
+            this.$store.commit('tm/update_subtask', subtask);
+            this.$events.emit('on-subtask-edited', this.subtask);
+          });
+          this.$events.emit('task-created');
+          this.$events.emit('close-both-modals');
+        }
+        this.closeModal();
+      } catch (error) {
+        this.$toast.error(this.$parseError(error));
 
-				if (process.env.NODE_ENV === 'development')
-					console.log('[z-task-modal.vue] Error: ', error)
-			} finally {
-				this.isSaving = false
-			}
-		},
+        if (process.env.NODE_ENV === 'development')
+          console.log('[z-task-modal.vue] Error: ', error);
+      } finally {
+        this.isSaving = false;
+      }
+    },
 
-		openDeleteTaskModal(subtask) {
-			if (subtask.type == 'office365')
-				return this.$events.emit('show-unable-to-edit-office-task-modal', { mode: 'delete' })
+    openDeleteTaskModal(subtask) {
+      if (subtask.type == 'office365')
+        return this.$events.emit('show-unable-to-edit-office-task-modal', {
+          mode: 'delete',
+        });
 
-			this.$events.emit('show-delete-task-modal', { subtask })
-		},
+      this.$events.emit('show-delete-task-modal', { subtask });
+    },
 
-		showCompleteTaskModal() {
-			this.$events.emit('show-complete-task-modal', { subtask: this.subtask })
-			if (this.subtask.deadline) this.subtask.deadline = tmUtils.formatDateTimeForBackend(this.subtask.deadline)
-		},
+    showCompleteTaskModal() {
+      this.$events.emit('show-complete-task-modal', { subtask: this.subtask });
+      if (this.subtask.deadline)
+        this.subtask.deadline = tmUtils.formatDateTimeForBackend(
+          this.subtask.deadline,
+        );
+    },
 
-		filesUploaded(files) {
-			this.subtask.files = files
-		},
+    filesUploaded(files) {
+      this.subtask.files = files;
+    },
 
-		updateSubtask(subtask) {
-			this.subtask = subtask
-		},
+    updateSubtask(subtask) {
+      this.subtask = subtask;
+    },
 
-		_mergeDeadlineTimeDate() {
-			const date = new Date(this.subtask.deadline)
-			console.log('z-task-modal', this.subtask)
-			const timeParts = this.subtask._deadline_time.split(':')
+    _mergeDeadlineTimeDate() {
+      const date = new Date(this.subtask.deadline);
+      console.log('z-task-modal', this.subtask);
+      const timeParts = this.subtask._deadline_time.split(':');
 
-			date.setHours(parseInt(timeParts[0]))
-			date.setMinutes(parseInt(timeParts[1]))
+      date.setHours(parseInt(timeParts[0]));
+      date.setMinutes(parseInt(timeParts[1]));
 
-			this.subtask.deadline = date
-		},
+      this.subtask.deadline = date;
+    },
 
-		_validateEmployees() {
-			return new Promise((resolve) => {
-				this.employeeValidations = []
+    _validateEmployees() {
+      return new Promise((resolve) => {
+        this.employeeValidations = [];
 
-				if (this.subtask.id) {
-					if (this.subtask.employee && this.subtask.duration) return
+        if (this.subtask.id) {
+          if (this.subtask.employee && this.subtask.duration) return;
 
-					this.employeeValidations[0] = {}
+          this.employeeValidations[0] = {};
 
-					if (!this.subtask.employee_id) this.employeeValidations[0].employee = true
+          if (!this.subtask.employee_id)
+            this.employeeValidations[0].employee = true;
 
-					if (!this.subtask.duration) this.employeeValidations[0].duration = true
-				} else {
-					this.subtask.employees.forEach((employee, index) => {
-						if (index == this.subtask.employees.length - 1 && index > 0) return // Skip the last which is allways empty
+          if (!this.subtask.duration)
+            this.employeeValidations[0].duration = true;
+        } else {
+          this.subtask.employees.forEach((employee, index) => {
+            if (index == this.subtask.employees.length - 1 && index > 0) return; // Skip the last which is allways empty
 
-						if (employee.id && employee.duration) return
+            if (employee.id && employee.duration) return;
 
-						this.employeeValidations[index] = {}
+            this.employeeValidations[index] = {};
 
-						if (!employee.id) this.employeeValidations[index].employee = true
+            if (!employee.id) this.employeeValidations[index].employee = true;
 
-						if (!employee.duration) this.employeeValidations[index].duration = true
-					})
-				}
+            if (!employee.duration)
+              this.employeeValidations[index].duration = true;
+          });
+        }
 
-				const isError = this.employeeValidations.some((employee) => employee.duration || employee.employee)
-				resolve(!isError)
-			})
-		},
+        const isError = this.employeeValidations.some(
+          (employee) => employee.duration || employee.employee,
+        );
+        resolve(!isError);
+      });
+    },
 
-		async _validateTimeblocks() {
-			let invalid = false
-			for(let i = 0; i < this.timeblocks.length; i++) {
-				const ref = this.$refs[`timetable-${i}`]
-				invalid = await ref[0].v$.$validate() || invalid
-			}
-			return invalid
-		},
+    async _validateTimeblocks() {
+      let invalid = false;
+      for (let i = 0; i < this.timeblocks.length; i++) {
+        const ref = this.$refs[`timetable-${i}`];
+        invalid = (await ref[0].v$.$validate()) || invalid;
+      }
+      return invalid;
+    },
 
-		_enrichTask(subtask) {
-			return {
-				...subtask,
-				_created_by: this.enrichedEmployees.find((employee) => employee.id == subtask.created_by),
-				_employee: this.enrichedEmployees.find((employee) => employee.id == subtask.employee_id),
-				_master_task: this.mastertasks.find((mastertask) => mastertask.id == subtask.master_task_id)
-			}
-		}
-	},
+    _enrichTask(subtask) {
+      return {
+        ...subtask,
+        _created_by: this.enrichedEmployees.find(
+          (employee) => employee.id == subtask.created_by,
+        ),
+        _employee: this.enrichedEmployees.find(
+          (employee) => employee.id == subtask.employee_id,
+        ),
+        _master_task: this.mastertasks.find(
+          (mastertask) => mastertask.id == subtask.master_task_id,
+        ),
+      };
+    },
+  },
 
-	watch: {
-		'subtask.employee_id'(value, oldValue) {
-			if (!value || !oldValue) return
+  watch: {
+    'subtask.employee_id'(value, oldValue) {
+      if (!value || !oldValue) return;
 
-			this.subtask.timeblocks = []
-			this.subtask._employee = this.enrichedEmployees.find((employee) => employee.id == this.subtask.employee_id)
-		},
+      this.subtask.timeblocks = [];
+      this.subtask._employee = this.enrichedEmployees.find(
+        (employee) => employee.id == this.subtask.employee_id,
+      );
+    },
 
-		'subtask.employees': {
-			handler() {
-				if (!this.subtask?.employees) return
+    'subtask.employees': {
+      handler() {
+        if (!this.subtask?.employees) return;
 
-				const lastEmployee = this.subtask.employees[this.subtask.employees.length - 1]
-				if (lastEmployee.id || lastEmployee.duration) this.subtask.employees.push({})
-			},
-			deep: true
-		},
+        const lastEmployee =
+          this.subtask.employees[this.subtask.employees.length - 1];
+        if (lastEmployee.id || lastEmployee.duration)
+          this.subtask.employees.push({});
+      },
+      deep: true,
+    },
 
-		'subtask.master_task_id'(value) {
-			if (!value) return
-			this.subtask._master_task = this.mastertasks.find((mastertask) => mastertask.id == this.subtask.master_task_id)
-			this.subtask.project_code = this.subtask._master_task?.project_code || null
-		},
+    'subtask.master_task_id'(value) {
+      if (!value) return;
+      this.subtask._master_task = this.mastertasks.find(
+        (mastertask) => mastertask.id == this.subtask.master_task_id,
+      );
+      this.subtask.project_code =
+        this.subtask._master_task?.project_code || null;
+    },
 
-		editMode() {
-			this.$nextTick(() => {
-				this.$refs['description']?.setHTML(this.subtask.description || '')
-			})
-		},
+    editMode() {
+      this.$nextTick(() => {
+        this.$refs['description']?.setHTML(this.subtask.description || '');
+      });
+    },
 
-		subtask: {
-			handler(val) {
-				if (this.editMode && !this.subtask?.id) {
-					localStorage.setItem('subtaskData', JSON.stringify(val))
-				}
-			},
-			deep: true
-		}
-	}
-}
+    subtask: {
+      handler(val) {
+        if (this.editMode && !this.subtask?.id) {
+          localStorage.setItem('subtaskData', JSON.stringify(val));
+        }
+      },
+      deep: true,
+    },
+  },
+};
 </script>
 
 <style lang="sass" scoped>

From f0bb76d131f5123ee1dd0a103292741de20d4421 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <matej.glasnak@blume.sk>
Date: Wed, 7 May 2025 15:51:12 +0200
Subject: [PATCH 2/3] fix(z-task-modal): fixed employee handling and validation
 logic, as well as saving subtask to local storage

---
 .../plugins/tm@modal/task/z-task-modal.vue    | 51 +++++++++++++++----
 1 file changed, 40 insertions(+), 11 deletions(-)

diff --git a/app/src/plugins/tm@modal/task/z-task-modal.vue b/app/src/plugins/tm@modal/task/z-task-modal.vue
index 48d68fd..b51c164 100644
--- a/app/src/plugins/tm@modal/task/z-task-modal.vue
+++ b/app/src/plugins/tm@modal/task/z-task-modal.vue
@@ -121,6 +121,7 @@
                 class="dp__icon dp__clear_icon dp__input_icons"
                 data-test="clear-icon"
                 @click.prevent="
+                  handleOnRemoveEmployee();
                   subtask.employee_id = null;
                   subtask.employee = null;
                 "
@@ -202,7 +203,10 @@
                 viewBox="0 0 32 32"
                 class="dp__icon dp__clear_icon dp__input_icons"
                 data-test="clear-icon"
-                @click.prevent="employee.id = null"
+                @click.prevent="
+                  handleOnRemoveEmployee();
+                  employee.id = null;
+                "
               >
                 <path
                   d="M23.057 7.057l-16 16c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l16-16c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0z"
@@ -454,6 +458,7 @@ export default {
           ends_at_time: null,
         },
       ],
+      wasFormValidationTriggered: false,
     };
   },
 
@@ -622,7 +627,7 @@ export default {
       this.$router.replace({ name: this.$route.name });
     },
 
-    async save() {
+    async validateAllFields() {
       const employeesValid = await this._validateEmployees();
       const timeblocksValid = this.subtask?.id
         ? true
@@ -630,6 +635,19 @@ export default {
 
       if (!(await this.v$.$validate())) return;
       if (!employeesValid || !timeblocksValid) return;
+    },
+
+    async handleOnRemoveEmployee() {
+      if (this.wasFormValidationTriggered) {
+        setTimeout(async () => {
+          this.validateAllFields();
+        }, 100);
+      }
+    },
+
+    async save() {
+      this.wasFormValidationTriggered = true;
+      if (!(await this.validateAllFields())) return;
 
       this.subtask.description = this.$refs['description'].getHTML();
       this._mergeDeadlineTimeDate();
@@ -749,17 +767,19 @@ export default {
           if (!this.subtask.duration)
             this.employeeValidations[0].duration = true;
         } else {
+          // For new subtasks, only validate non-empty employee entries
           this.subtask.employees.forEach((employee, index) => {
-            if (index == this.subtask.employees.length - 1 && index > 0) return; // Skip the last which is allways empty
+            // Skip validation if both id and duration are empty
+            if (!employee.id && !employee.duration) return;
 
-            if (employee.id && employee.duration) return;
+            // Only validate if either id or duration is filled
+            if (employee.id || employee.duration) {
+              this.employeeValidations[index] = {};
 
-            this.employeeValidations[index] = {};
-
-            if (!employee.id) this.employeeValidations[index].employee = true;
-
-            if (!employee.duration)
-              this.employeeValidations[index].duration = true;
+              if (!employee.id) this.employeeValidations[index].employee = true;
+              if (!employee.duration)
+                this.employeeValidations[index].duration = true;
+            }
           });
         }
 
@@ -835,7 +855,16 @@ export default {
     subtask: {
       handler(val) {
         if (this.editMode && !this.subtask?.id) {
-          localStorage.setItem('subtaskData', JSON.stringify(val));
+          const employees = val.employees.filter(
+            (employee) => employee?.id || employee?.duration,
+          ) || [{}];
+
+          const subtaskData = {
+            ...val,
+            employees: employees && employees.length > 0 ? employees : [{}],
+          };
+          console.log('subtaskData', subtaskData);
+          localStorage.setItem('subtaskData', JSON.stringify(subtaskData));
         }
       },
       deep: true,

From f7b81b632f6220f6ee90bf47182d1537fe60d0cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <matej.glasnak@blume.sk>
Date: Wed, 7 May 2025 15:51:53 +0200
Subject: [PATCH 3/3] build(main) created new development build from main
 branch

---
 app/dist/js/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/dist/js/index.js b/app/dist/js/index.js
index 5f99b42..7b0fb95 100644
--- a/app/dist/js/index.js
+++ b/app/dist/js/index.js
@@ -873,7 +873,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _vuepic_vue_datepicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vuepic/vue-datepicker */ \"./node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js\");\n/* harmony import */ var _plugins_tm_components_z_files_upload_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/plugins/tm@_components/z-files-upload.vue */ \"./src/plugins/tm@_components/z-files-upload.vue\");\n/* harmony import */ var _plugins_tm_modal_task_components_components_a_task_timeblocks_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/plugins/tm@modal/task/_components/_components/a-task-timeblocks.vue */ \"./src/plugins/tm@modal/task/_components/_components/a-task-timeblocks.vue\");\n/* harmony import */ var _vuelidate_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @vuelidate/core */ \"./node_modules/@vuelidate/core/dist/index.esm.js\");\n/* harmony import */ var _vuelidate_validators__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @vuelidate/validators */ \"./node_modules/@vuelidate/validators/dist/index.esm.js\");\n/* harmony import */ var _plugins_lib_auth_utils_error_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/plugins/lib@auth/_utils/error.utils */ \"./src/plugins/lib@auth/_utils/error.utils.ts\");\n/* harmony import */ var _vueup_vue_quill__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @vueup/vue-quill */ \"./node_modules/@vueup/vue-quill/dist/vue-quill.esm-bundler.js\");\n/* harmony import */ var _plugins_tm_modal_mixins_vuetify_fix_focus__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/plugins/tm@modal/_mixins/vuetify-fix-focus */ \"./src/plugins/tm@modal/_mixins/vuetify-fix-focus.ts\");\n/* harmony import */ var _master_task_mixins_selects_mixin__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../master-task/_mixins/selects.mixin */ \"./src/plugins/tm@modal/master-task/_mixins/selects.mixin.ts\");\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! file-saver */ \"./node_modules/file-saver/dist/FileSaver.min.js\");\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _plugins_tm_utils_tm_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @/plugins/tm@_utils/tm.utils */ \"./src/plugins/tm@_utils/tm.utils.ts\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! moment */ \"./node_modules/moment/moment.js\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var _vueup_vue_quill_dist_vue_quill_snow_css__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @vueup/vue-quill/dist/vue-quill.snow.css */ \"./node_modules/@vueup/vue-quill/dist/vue-quill.snow.css\");\n/* harmony import */ var _vueup_vue_quill_dist_vue_quill_snow_css__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_vueup_vue_quill_dist_vue_quill_snow_css__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var _plugins_tm_mixins_autocomplete_mixin__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @/plugins/tm@_mixins/autocomplete.mixin */ \"./src/plugins/tm@_mixins/autocomplete.mixin.ts\");\n/* harmony import */ var _components_z_task_readonly_info_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./_components/z-task-readonly-info.vue */ \"./src/plugins/tm@modal/task/_components/z-task-readonly-info.vue\");\n/* harmony import */ var _components_a_timeblock_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./_components/a-timeblock.vue */ \"./src/plugins/tm@modal/task/_components/a-timeblock.vue\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm-bundler.js\");\n/* harmony import */ var _plugins_tm_modal_mixins_modal_mixin__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @/plugins/tm@modal/_mixins/modal.mixin */ \"./src/plugins/tm@modal/_mixins/modal.mixin.ts\");\n/* provided dependency */ var console = __webpack_require__(/*! ./node_modules/console-browserify/index.js */ \"./node_modules/console-browserify/index.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  emits: ['close', 'refresh'],\n  mixins: [_plugins_tm_modal_mixins_vuetify_fix_focus__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _master_task_mixins_selects_mixin__WEBPACK_IMPORTED_MODULE_8__[\"default\"], _plugins_tm_mixins_autocomplete_mixin__WEBPACK_IMPORTED_MODULE_13__[\"default\"], _plugins_tm_modal_mixins_modal_mixin__WEBPACK_IMPORTED_MODULE_16__[\"default\"]],\n  components: {\n    ZTaskReadonlyInfo: _components_z_task_readonly_info_vue__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n    ATimeblock: _components_a_timeblock_vue__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n    ZFilesUpload: _plugins_tm_components_z_files_upload_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    Datepicker: _vuepic_vue_datepicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    // ATaskTimeblocks,\n    QuillEditor: _vueup_vue_quill__WEBPACK_IMPORTED_MODULE_6__.QuillEditor\n  },\n  data() {\n    return {\n      tmUtils: _plugins_tm_utils_tm_utils__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n      editMode: false,\n      visible: false,\n      subtask: null,\n      isSaving: false,\n      errorUtils: _plugins_lib_auth_utils_error_utils__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n      v$: (0,_vuelidate_core__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(),\n      employeeValidations: [],\n      showDatePicker: false,\n      selectedNewDate: [],\n      timeblocks: [{\n        date: null,\n        starts_at_time: null,\n        ends_at_time: null\n      }]\n    };\n  },\n  computed: {\n    ...(0,vuex__WEBPACK_IMPORTED_MODULE_17__.mapGetters)('tm', ['mastertasks', 'enrichedEmployees'])\n  },\n  validations() {\n    return {\n      subtask: {\n        master_task_id: {\n          required: _vuelidate_validators__WEBPACK_IMPORTED_MODULE_18__.required\n        },\n        deadline: {\n          required: _vuelidate_validators__WEBPACK_IMPORTED_MODULE_18__.required\n        },\n        _deadline_time: {\n          required: _vuelidate_validators__WEBPACK_IMPORTED_MODULE_18__.required\n        }\n      }\n    };\n  },\n  mounted() {\n    this.$events.on('add-timeblock', timeblock => {\n      if (!this.subtask?.timeblocks) {\n        this.subtask.timeblocks = [];\n      }\n      if (!this.subtask?.timesheets) {\n        this.subtask.timesheets = [];\n      }\n      if (!this.subtask?.is_finished) {\n        this.subtask.is_finished = 0;\n      }\n      this.subtask.timeblocks.push(timeblock);\n    });\n    this.$events.on('on-subtask-edited', subtask => {\n      if (subtask?.id !== this.subtask?.id) return;\n      const data = JSON.parse(JSON.stringify(subtask));\n      const splittedDeadline = data.deadline?.split(' ') || [];\n      data.deadline = splittedDeadline[0];\n      data._deadline_time = splittedDeadline[1];\n      this.subtask = this._enrichTask(data);\n\n      // TODO: Remove? riesil som neodstranovanie jedineho zanamu v trvani a odpracovanom case\n      console.log('2', this.subtask);\n      this.$forceUpdate();\n    });\n    this.$events.on('on-subtask-deleted', subtask => {\n      if (subtask?.id == this.subtask?.id) this.closeModal();\n    });\n  },\n  methods: {\n    toggleEditMode() {\n      if (this.subtask.type == 'office365') return this.$events.emit('show-unable-to-edit-office-task-modal', {\n        mode: 'edit'\n      });\n      this.editMode = !this.editMode;\n    },\n    openDatepicker(ref) {\n      this.$refs[ref].openMenu();\n    },\n    updateTimeblock(val, index) {\n      this.timeblocks[index] = val;\n    },\n    removeTimeblock(index) {\n      this.timeblocks.splice(index, 1);\n    },\n    async showModal({\n      subtask,\n      editMode = false,\n      mastertask = {}\n    }) {\n      this.isSaving = false;\n      this.subtask = null;\n      this.visible = true;\n      this.timeblocks = [{\n        date: null,\n        starts_at_time: null,\n        ends_at_time: null\n      }];\n      this.$nextTick(() => {\n        this.v$.$reset();\n        this.setFocusEvent();\n      });\n      try {\n        if (subtask?.id) {\n          const data = await this.$axios.get_auth_data(`v1/subtasks/${subtask.id}`);\n          if (!data.deadline) {\n            this.editMode = editMode || !data.id;\n            return this.subtask = this._enrichTask(data);\n          }\n          const splittedDeadline = data.deadline.split(' ');\n          data.deadline = splittedDeadline[0];\n          data._deadline_time = splittedDeadline[1];\n          this.subtask = this._enrichTask(data);\n        } else {\n          const savedSubtask = localStorage.getItem('subtaskData');\n          try {\n            if (savedSubtask) {\n              const parsedSubtask = JSON.parse(savedSubtask);\n              this.subtask = parsedSubtask;\n              // If the parsed result is not an object, reset to default\n              if (typeof this.subtask !== 'object' || this.subtask === null) {\n                throw new Error('Parsed subtask is not an object');\n              }\n              this.$nextTick(() => {\n                this.$refs['description']?.setHTML(this.subtask.description || '');\n              });\n            } else {\n              throw new Error('subtaskData is null or undefined');\n            }\n          } catch (error) {\n            console.error('Error parsing subtaskData:', error);\n            this.subtask = {\n              master_task: mastertask,\n              employees: [{}],\n              _deadline_time: '17:00'\n            };\n          }\n          if (subtask?.deadline && subtask._deadline_time && subtask.employee_id) {\n            const employee = this.enrichedEmployees.find(employee => employee.id == subtask.employee_id);\n            this.subtask.employees = [employee];\n            this.subtask.deadline = subtask.deadline;\n            this.subtask._deadline_time = subtask._deadline_time;\n          }\n          if (subtask?.master_task_id && subtask?.project_code) {\n            this.subtask.master_task_id = subtask.master_task_id;\n            this.subtask.project_code = subtask.project_code;\n          }\n        }\n        this.editMode = editMode || !this.subtask.id;\n      } catch (error) {\n        this.$toast.error(this.$parseError(error));\n        if (true) console.log('[z-task-modal.vue] Error: ', error);\n      }\n    },\n    deleteTimeblock(i) {\n      this.subtask.timeblocks.splice(i, 1);\n    },\n    closeModal() {\n      this.visible = false;\n      this.$router.replace({\n        name: this.$route.name\n      });\n    },\n    async save() {\n      const employeesValid = await this._validateEmployees();\n      const timeblocksValid = this.subtask?.id ? true : await this._validateTimeblocks();\n      if (!(await this.v$.$validate())) return;\n      if (!employeesValid || !timeblocksValid) return;\n      this.subtask.description = this.$refs['description'].getHTML();\n      this._mergeDeadlineTimeDate();\n      try {\n        this.isSaving = true;\n        this.subtask.deadline = moment__WEBPACK_IMPORTED_MODULE_11___default()(this.subtask.deadline).format('YYYY-MM-DD HH:mm:SS');\n        if (this.subtask?.id) {\n          const timesheets = this.subtask.timesheets.map(timesheet => {\n            delete timesheet.employee_name;\n            return timesheet;\n          });\n          const {\n            subtask\n          } = await this.$axios.patch_auth_form(`v1/subtasks/${this.subtask.id}`, {\n            ...this.subtask,\n            timesheets\n          });\n          localStorage.removeItem('subtaskData');\n          this.$store.commit('tm/update_subtask', subtask);\n          this.$events.emit('on-subtask-edited', this.subtask);\n        } else {\n          this.subtask.employees.forEach(employee => {\n            if (employee.id) employee.timeblocks = this.timeblocks.filter(timeblock => timeblock.date).map(timeblock => {\n              return {\n                start: `${moment__WEBPACK_IMPORTED_MODULE_11___default()(timeblock.date).format('YYYY-MM-DD')} ${timeblock.starts_at_time}:00`,\n                end: `${moment__WEBPACK_IMPORTED_MODULE_11___default()(timeblock.date).format('YYYY-MM-DD')} ${timeblock.ends_at_time}:00`,\n                id: null\n              };\n            });\n          });\n          const subtaskCopy = this.subtask;\n          delete subtaskCopy._master_task;\n          const {\n            subtasks\n          } = await this.$axios.post_auth(`v1/mastertasks/${this.subtask.master_task_id}/subtasks`, subtaskCopy);\n          localStorage.removeItem('subtaskData');\n          this.subtask.id = subtasks[0].id;\n          subtasks.forEach(subtask => {\n            this.$store.commit('tm/update_subtask', subtask);\n            this.$events.emit('on-subtask-edited', this.subtask);\n          });\n          this.$events.emit('task-created');\n          this.$events.emit('close-both-modals');\n        }\n        this.closeModal();\n      } catch (error) {\n        this.$toast.error(this.$parseError(error));\n        if (true) console.log('[z-task-modal.vue] Error: ', error);\n      } finally {\n        this.isSaving = false;\n      }\n    },\n    openDeleteTaskModal(subtask) {\n      if (subtask.type == 'office365') return this.$events.emit('show-unable-to-edit-office-task-modal', {\n        mode: 'delete'\n      });\n      this.$events.emit('show-delete-task-modal', {\n        subtask\n      });\n    },\n    showCompleteTaskModal() {\n      this.$events.emit('show-complete-task-modal', {\n        subtask: this.subtask\n      });\n      if (this.subtask.deadline) this.subtask.deadline = _plugins_tm_utils_tm_utils__WEBPACK_IMPORTED_MODULE_10__[\"default\"].formatDateTimeForBackend(this.subtask.deadline);\n    },\n    filesUploaded(files) {\n      this.subtask.files = files;\n    },\n    updateSubtask(subtask) {\n      this.subtask = subtask;\n    },\n    _mergeDeadlineTimeDate() {\n      const date = new Date(this.subtask.deadline);\n      console.log('z-task-modal', this.subtask);\n      const timeParts = this.subtask._deadline_time.split(':');\n      date.setHours(parseInt(timeParts[0]));\n      date.setMinutes(parseInt(timeParts[1]));\n      this.subtask.deadline = date;\n    },\n    _validateEmployees() {\n      return new Promise(resolve => {\n        this.employeeValidations = [];\n        if (this.subtask.id) {\n          if (this.subtask.employee && this.subtask.duration) return;\n          this.employeeValidations[0] = {};\n          if (!this.subtask.employee_id) this.employeeValidations[0].employee = true;\n          if (!this.subtask.duration) this.employeeValidations[0].duration = true;\n        } else {\n          this.subtask.employees.forEach((employee, index) => {\n            if (index == this.subtask.employees.length - 1 && index > 0) return; // Skip the last which is allways empty\n\n            if (employee.id && employee.duration) return;\n            this.employeeValidations[index] = {};\n            if (!employee.id) this.employeeValidations[index].employee = true;\n            if (!employee.duration) this.employeeValidations[index].duration = true;\n          });\n        }\n        const isError = this.employeeValidations.some(employee => employee.duration || employee.employee);\n        resolve(!isError);\n      });\n    },\n    async _validateTimeblocks() {\n      let invalid = false;\n      for (let i = 0; i < this.timeblocks.length; i++) {\n        const ref = this.$refs[`timetable-${i}`];\n        invalid = (await ref[0].v$.$validate()) || invalid;\n      }\n      return invalid;\n    },\n    _enrichTask(subtask) {\n      return {\n        ...subtask,\n        _created_by: this.enrichedEmployees.find(employee => employee.id == subtask.created_by),\n        _employee: this.enrichedEmployees.find(employee => employee.id == subtask.employee_id),\n        _master_task: this.mastertasks.find(mastertask => mastertask.id == subtask.master_task_id)\n      };\n    }\n  },\n  watch: {\n    'subtask.employee_id'(value, oldValue) {\n      if (!value || !oldValue) return;\n      this.subtask.timeblocks = [];\n      this.subtask._employee = this.enrichedEmployees.find(employee => employee.id == this.subtask.employee_id);\n    },\n    'subtask.employees': {\n      handler() {\n        if (!this.subtask?.employees) return;\n        const lastEmployee = this.subtask.employees[this.subtask.employees.length - 1];\n        if (lastEmployee.id || lastEmployee.duration) this.subtask.employees.push({});\n      },\n      deep: true\n    },\n    'subtask.master_task_id'(value) {\n      if (!value) return;\n      this.subtask._master_task = this.mastertasks.find(mastertask => mastertask.id == this.subtask.master_task_id);\n      this.subtask.project_code = this.subtask._master_task?.project_code || null;\n    },\n    editMode() {\n      this.$nextTick(() => {\n        this.$refs['description']?.setHTML(this.subtask.description || '');\n      });\n    },\n    subtask: {\n      handler(val) {\n        if (this.editMode && !this.subtask?.id) {\n          localStorage.setItem('subtaskData', JSON.stringify(val));\n        }\n      },\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://jandl/./src/plugins/tm@modal/task/z-task-modal.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _vuepic_vue_datepicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vuepic/vue-datepicker */ \"./node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js\");\n/* harmony import */ var _plugins_tm_components_z_files_upload_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/plugins/tm@_components/z-files-upload.vue */ \"./src/plugins/tm@_components/z-files-upload.vue\");\n/* harmony import */ var _plugins_tm_modal_task_components_components_a_task_timeblocks_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/plugins/tm@modal/task/_components/_components/a-task-timeblocks.vue */ \"./src/plugins/tm@modal/task/_components/_components/a-task-timeblocks.vue\");\n/* harmony import */ var _vuelidate_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @vuelidate/core */ \"./node_modules/@vuelidate/core/dist/index.esm.js\");\n/* harmony import */ var _vuelidate_validators__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @vuelidate/validators */ \"./node_modules/@vuelidate/validators/dist/index.esm.js\");\n/* harmony import */ var _plugins_lib_auth_utils_error_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/plugins/lib@auth/_utils/error.utils */ \"./src/plugins/lib@auth/_utils/error.utils.ts\");\n/* harmony import */ var _vueup_vue_quill__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @vueup/vue-quill */ \"./node_modules/@vueup/vue-quill/dist/vue-quill.esm-bundler.js\");\n/* harmony import */ var _plugins_tm_modal_mixins_vuetify_fix_focus__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/plugins/tm@modal/_mixins/vuetify-fix-focus */ \"./src/plugins/tm@modal/_mixins/vuetify-fix-focus.ts\");\n/* harmony import */ var _master_task_mixins_selects_mixin__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../master-task/_mixins/selects.mixin */ \"./src/plugins/tm@modal/master-task/_mixins/selects.mixin.ts\");\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! file-saver */ \"./node_modules/file-saver/dist/FileSaver.min.js\");\n/* harmony import */ var file_saver__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(file_saver__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _plugins_tm_utils_tm_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @/plugins/tm@_utils/tm.utils */ \"./src/plugins/tm@_utils/tm.utils.ts\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! moment */ \"./node_modules/moment/moment.js\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var _vueup_vue_quill_dist_vue_quill_snow_css__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @vueup/vue-quill/dist/vue-quill.snow.css */ \"./node_modules/@vueup/vue-quill/dist/vue-quill.snow.css\");\n/* harmony import */ var _vueup_vue_quill_dist_vue_quill_snow_css__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_vueup_vue_quill_dist_vue_quill_snow_css__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var _plugins_tm_mixins_autocomplete_mixin__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @/plugins/tm@_mixins/autocomplete.mixin */ \"./src/plugins/tm@_mixins/autocomplete.mixin.ts\");\n/* harmony import */ var _components_z_task_readonly_info_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./_components/z-task-readonly-info.vue */ \"./src/plugins/tm@modal/task/_components/z-task-readonly-info.vue\");\n/* harmony import */ var _components_a_timeblock_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./_components/a-timeblock.vue */ \"./src/plugins/tm@modal/task/_components/a-timeblock.vue\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm-bundler.js\");\n/* harmony import */ var _plugins_tm_modal_mixins_modal_mixin__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @/plugins/tm@modal/_mixins/modal.mixin */ \"./src/plugins/tm@modal/_mixins/modal.mixin.ts\");\n/* provided dependency */ var console = __webpack_require__(/*! ./node_modules/console-browserify/index.js */ \"./node_modules/console-browserify/index.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  emits: ['close', 'refresh'],\n  mixins: [_plugins_tm_modal_mixins_vuetify_fix_focus__WEBPACK_IMPORTED_MODULE_7__[\"default\"], _master_task_mixins_selects_mixin__WEBPACK_IMPORTED_MODULE_8__[\"default\"], _plugins_tm_mixins_autocomplete_mixin__WEBPACK_IMPORTED_MODULE_13__[\"default\"], _plugins_tm_modal_mixins_modal_mixin__WEBPACK_IMPORTED_MODULE_16__[\"default\"]],\n  components: {\n    ZTaskReadonlyInfo: _components_z_task_readonly_info_vue__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n    ATimeblock: _components_a_timeblock_vue__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n    ZFilesUpload: _plugins_tm_components_z_files_upload_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    Datepicker: _vuepic_vue_datepicker__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    // ATaskTimeblocks,\n    QuillEditor: _vueup_vue_quill__WEBPACK_IMPORTED_MODULE_6__.QuillEditor\n  },\n  data() {\n    return {\n      tmUtils: _plugins_tm_utils_tm_utils__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n      editMode: false,\n      visible: false,\n      subtask: null,\n      isSaving: false,\n      errorUtils: _plugins_lib_auth_utils_error_utils__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n      v$: (0,_vuelidate_core__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(),\n      employeeValidations: [],\n      showDatePicker: false,\n      selectedNewDate: [],\n      timeblocks: [{\n        date: null,\n        starts_at_time: null,\n        ends_at_time: null\n      }],\n      wasFormValidationTriggered: false\n    };\n  },\n  computed: {\n    ...(0,vuex__WEBPACK_IMPORTED_MODULE_17__.mapGetters)('tm', ['mastertasks', 'enrichedEmployees'])\n  },\n  validations() {\n    return {\n      subtask: {\n        master_task_id: {\n          required: _vuelidate_validators__WEBPACK_IMPORTED_MODULE_18__.required\n        },\n        deadline: {\n          required: _vuelidate_validators__WEBPACK_IMPORTED_MODULE_18__.required\n        },\n        _deadline_time: {\n          required: _vuelidate_validators__WEBPACK_IMPORTED_MODULE_18__.required\n        }\n      }\n    };\n  },\n  mounted() {\n    this.$events.on('add-timeblock', timeblock => {\n      if (!this.subtask?.timeblocks) {\n        this.subtask.timeblocks = [];\n      }\n      if (!this.subtask?.timesheets) {\n        this.subtask.timesheets = [];\n      }\n      if (!this.subtask?.is_finished) {\n        this.subtask.is_finished = 0;\n      }\n      this.subtask.timeblocks.push(timeblock);\n    });\n    this.$events.on('on-subtask-edited', subtask => {\n      if (subtask?.id !== this.subtask?.id) return;\n      const data = JSON.parse(JSON.stringify(subtask));\n      const splittedDeadline = data.deadline?.split(' ') || [];\n      data.deadline = splittedDeadline[0];\n      data._deadline_time = splittedDeadline[1];\n      this.subtask = this._enrichTask(data);\n\n      // TODO: Remove? riesil som neodstranovanie jedineho zanamu v trvani a odpracovanom case\n      console.log('2', this.subtask);\n      this.$forceUpdate();\n    });\n    this.$events.on('on-subtask-deleted', subtask => {\n      if (subtask?.id == this.subtask?.id) this.closeModal();\n    });\n  },\n  methods: {\n    toggleEditMode() {\n      if (this.subtask.type == 'office365') return this.$events.emit('show-unable-to-edit-office-task-modal', {\n        mode: 'edit'\n      });\n      this.editMode = !this.editMode;\n    },\n    openDatepicker(ref) {\n      this.$refs[ref].openMenu();\n    },\n    updateTimeblock(val, index) {\n      this.timeblocks[index] = val;\n    },\n    removeTimeblock(index) {\n      this.timeblocks.splice(index, 1);\n    },\n    async showModal({\n      subtask,\n      editMode = false,\n      mastertask = {}\n    }) {\n      this.isSaving = false;\n      this.subtask = null;\n      this.visible = true;\n      this.timeblocks = [{\n        date: null,\n        starts_at_time: null,\n        ends_at_time: null\n      }];\n      this.$nextTick(() => {\n        this.v$.$reset();\n        this.setFocusEvent();\n      });\n      try {\n        if (subtask?.id) {\n          const data = await this.$axios.get_auth_data(`v1/subtasks/${subtask.id}`);\n          if (!data.deadline) {\n            this.editMode = editMode || !data.id;\n            return this.subtask = this._enrichTask(data);\n          }\n          const splittedDeadline = data.deadline.split(' ');\n          data.deadline = splittedDeadline[0];\n          data._deadline_time = splittedDeadline[1];\n          this.subtask = this._enrichTask(data);\n        } else {\n          const savedSubtask = localStorage.getItem('subtaskData');\n          try {\n            if (savedSubtask) {\n              const parsedSubtask = JSON.parse(savedSubtask);\n              this.subtask = parsedSubtask;\n              // If the parsed result is not an object, reset to default\n              if (typeof this.subtask !== 'object' || this.subtask === null) {\n                throw new Error('Parsed subtask is not an object');\n              }\n              this.$nextTick(() => {\n                this.$refs['description']?.setHTML(this.subtask.description || '');\n              });\n            } else {\n              throw new Error('subtaskData is null or undefined');\n            }\n          } catch (error) {\n            console.error('Error parsing subtaskData:', error);\n            this.subtask = {\n              master_task: mastertask,\n              employees: [{}],\n              _deadline_time: '17:00'\n            };\n          }\n          if (subtask?.deadline && subtask._deadline_time && subtask.employee_id) {\n            const employee = this.enrichedEmployees.find(employee => employee.id == subtask.employee_id);\n            this.subtask.employees = [employee];\n            this.subtask.deadline = subtask.deadline;\n            this.subtask._deadline_time = subtask._deadline_time;\n          }\n          if (subtask?.master_task_id && subtask?.project_code) {\n            this.subtask.master_task_id = subtask.master_task_id;\n            this.subtask.project_code = subtask.project_code;\n          }\n        }\n        this.editMode = editMode || !this.subtask.id;\n      } catch (error) {\n        this.$toast.error(this.$parseError(error));\n        if (true) console.log('[z-task-modal.vue] Error: ', error);\n      }\n    },\n    deleteTimeblock(i) {\n      this.subtask.timeblocks.splice(i, 1);\n    },\n    closeModal() {\n      this.visible = false;\n      this.$router.replace({\n        name: this.$route.name\n      });\n    },\n    async validateAllFields() {\n      const employeesValid = await this._validateEmployees();\n      const timeblocksValid = this.subtask?.id ? true : await this._validateTimeblocks();\n      if (!(await this.v$.$validate())) return;\n      if (!employeesValid || !timeblocksValid) return;\n    },\n    async handleOnRemoveEmployee() {\n      if (this.wasFormValidationTriggered) {\n        setTimeout(async () => {\n          this.validateAllFields();\n        }, 100);\n      }\n    },\n    async save() {\n      this.wasFormValidationTriggered = true;\n      if (!(await this.validateAllFields())) return;\n      this.subtask.description = this.$refs['description'].getHTML();\n      this._mergeDeadlineTimeDate();\n      try {\n        this.isSaving = true;\n        this.subtask.deadline = moment__WEBPACK_IMPORTED_MODULE_11___default()(this.subtask.deadline).format('YYYY-MM-DD HH:mm:SS');\n        if (this.subtask?.id) {\n          const timesheets = this.subtask.timesheets.map(timesheet => {\n            delete timesheet.employee_name;\n            return timesheet;\n          });\n          const {\n            subtask\n          } = await this.$axios.patch_auth_form(`v1/subtasks/${this.subtask.id}`, {\n            ...this.subtask,\n            timesheets\n          });\n          localStorage.removeItem('subtaskData');\n          this.$store.commit('tm/update_subtask', subtask);\n          this.$events.emit('on-subtask-edited', this.subtask);\n        } else {\n          this.subtask.employees.forEach(employee => {\n            if (employee.id) employee.timeblocks = this.timeblocks.filter(timeblock => timeblock.date).map(timeblock => {\n              return {\n                start: `${moment__WEBPACK_IMPORTED_MODULE_11___default()(timeblock.date).format('YYYY-MM-DD')} ${timeblock.starts_at_time}:00`,\n                end: `${moment__WEBPACK_IMPORTED_MODULE_11___default()(timeblock.date).format('YYYY-MM-DD')} ${timeblock.ends_at_time}:00`,\n                id: null\n              };\n            });\n          });\n          const subtaskCopy = this.subtask;\n          delete subtaskCopy._master_task;\n          const {\n            subtasks\n          } = await this.$axios.post_auth(`v1/mastertasks/${this.subtask.master_task_id}/subtasks`, subtaskCopy);\n          localStorage.removeItem('subtaskData');\n          this.subtask.id = subtasks[0].id;\n          subtasks.forEach(subtask => {\n            this.$store.commit('tm/update_subtask', subtask);\n            this.$events.emit('on-subtask-edited', this.subtask);\n          });\n          this.$events.emit('task-created');\n          this.$events.emit('close-both-modals');\n        }\n        this.closeModal();\n      } catch (error) {\n        this.$toast.error(this.$parseError(error));\n        if (true) console.log('[z-task-modal.vue] Error: ', error);\n      } finally {\n        this.isSaving = false;\n      }\n    },\n    openDeleteTaskModal(subtask) {\n      if (subtask.type == 'office365') return this.$events.emit('show-unable-to-edit-office-task-modal', {\n        mode: 'delete'\n      });\n      this.$events.emit('show-delete-task-modal', {\n        subtask\n      });\n    },\n    showCompleteTaskModal() {\n      this.$events.emit('show-complete-task-modal', {\n        subtask: this.subtask\n      });\n      if (this.subtask.deadline) this.subtask.deadline = _plugins_tm_utils_tm_utils__WEBPACK_IMPORTED_MODULE_10__[\"default\"].formatDateTimeForBackend(this.subtask.deadline);\n    },\n    filesUploaded(files) {\n      this.subtask.files = files;\n    },\n    updateSubtask(subtask) {\n      this.subtask = subtask;\n    },\n    _mergeDeadlineTimeDate() {\n      const date = new Date(this.subtask.deadline);\n      console.log('z-task-modal', this.subtask);\n      const timeParts = this.subtask._deadline_time.split(':');\n      date.setHours(parseInt(timeParts[0]));\n      date.setMinutes(parseInt(timeParts[1]));\n      this.subtask.deadline = date;\n    },\n    _validateEmployees() {\n      return new Promise(resolve => {\n        this.employeeValidations = [];\n        if (this.subtask.id) {\n          if (this.subtask.employee && this.subtask.duration) return;\n          this.employeeValidations[0] = {};\n          if (!this.subtask.employee_id) this.employeeValidations[0].employee = true;\n          if (!this.subtask.duration) this.employeeValidations[0].duration = true;\n        } else {\n          // For new subtasks, only validate non-empty employee entries\n          this.subtask.employees.forEach((employee, index) => {\n            // Skip validation if both id and duration are empty\n            if (!employee.id && !employee.duration) return;\n\n            // Only validate if either id or duration is filled\n            if (employee.id || employee.duration) {\n              this.employeeValidations[index] = {};\n              if (!employee.id) this.employeeValidations[index].employee = true;\n              if (!employee.duration) this.employeeValidations[index].duration = true;\n            }\n          });\n        }\n        const isError = this.employeeValidations.some(employee => employee.duration || employee.employee);\n        resolve(!isError);\n      });\n    },\n    async _validateTimeblocks() {\n      let invalid = false;\n      for (let i = 0; i < this.timeblocks.length; i++) {\n        const ref = this.$refs[`timetable-${i}`];\n        invalid = (await ref[0].v$.$validate()) || invalid;\n      }\n      return invalid;\n    },\n    _enrichTask(subtask) {\n      return {\n        ...subtask,\n        _created_by: this.enrichedEmployees.find(employee => employee.id == subtask.created_by),\n        _employee: this.enrichedEmployees.find(employee => employee.id == subtask.employee_id),\n        _master_task: this.mastertasks.find(mastertask => mastertask.id == subtask.master_task_id)\n      };\n    }\n  },\n  watch: {\n    'subtask.employee_id'(value, oldValue) {\n      if (!value || !oldValue) return;\n      this.subtask.timeblocks = [];\n      this.subtask._employee = this.enrichedEmployees.find(employee => employee.id == this.subtask.employee_id);\n    },\n    'subtask.employees': {\n      handler() {\n        if (!this.subtask?.employees) return;\n        const lastEmployee = this.subtask.employees[this.subtask.employees.length - 1];\n        if (lastEmployee.id || lastEmployee.duration) this.subtask.employees.push({});\n      },\n      deep: true\n    },\n    'subtask.master_task_id'(value) {\n      if (!value) return;\n      this.subtask._master_task = this.mastertasks.find(mastertask => mastertask.id == this.subtask.master_task_id);\n      this.subtask.project_code = this.subtask._master_task?.project_code || null;\n    },\n    editMode() {\n      this.$nextTick(() => {\n        this.$refs['description']?.setHTML(this.subtask.description || '');\n      });\n    },\n    subtask: {\n      handler(val) {\n        if (this.editMode && !this.subtask?.id) {\n          const employees = val.employees.filter(employee => employee?.id || employee?.duration) || [{}];\n          const subtaskData = {\n            ...val,\n            employees: employees && employees.length > 0 ? employees : [{}]\n          };\n          console.log('subtaskData', subtaskData);\n          localStorage.setItem('subtaskData', JSON.stringify(subtaskData));\n        }\n      },\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://jandl/./src/plugins/tm@modal/task/z-task-modal.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D");
 
 /***/ }),
 
@@ -2978,7 +2978,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"render\": function() { return /* binding */ render; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.runtime.esm-bundler.js\");\n/* harmony import */ var vuetify_lib_components_VAutocomplete_index_mjs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vuetify/lib/components/VAutocomplete/index.mjs */ \"./node_modules/vuetify/lib/components/VAutocomplete/VAutocomplete.mjs\");\n/* harmony import */ var vuetify_lib_components_VBtn_index_mjs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vuetify/lib/components/VBtn/index.mjs */ \"./node_modules/vuetify/lib/components/VBtn/VBtn.mjs\");\n/* harmony import */ var vuetify_lib_components_VCard_index_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuetify/lib/components/VCard/index.mjs */ \"./node_modules/vuetify/lib/components/VCard/VCard.mjs\");\n/* harmony import */ var vuetify_lib_components_VCard_index_mjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vuetify/lib/components/VCard/index.mjs */ \"./node_modules/vuetify/lib/components/VCard/VCardActions.mjs\");\n/* harmony import */ var vuetify_lib_components_VDialog_index_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuetify/lib/components/VDialog/index.mjs */ \"./node_modules/vuetify/lib/components/VDialog/VDialog.mjs\");\n/* harmony import */ var vuetify_lib_components_VIcon_index_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vuetify/lib/components/VIcon/index.mjs */ \"./node_modules/vuetify/lib/components/VIcon/VIcon.mjs\");\n/* harmony import */ var vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vuetify/lib/components/VTextField/index.mjs */ \"./node_modules/vuetify/lib/components/VTextField/VTextField.mjs\");\n\n\nconst _withScopeId = n => ((0,vue__WEBPACK_IMPORTED_MODULE_1__.pushScopeId)(\"data-v-1c35a9a1\"), n = n(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.popScopeId)(), n);\nconst _hoisted_1 = {\n  class: \"d-flex justify-space-between align-center modal-header\"\n};\nconst _hoisted_2 = {\n  class: \"splitted-inputs\"\n};\nconst _hoisted_3 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"path\", {\n  d: \"M23.057 7.057l-16 16c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l16-16c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0z\"\n}, null, -1 /* HOISTED */));\nconst _hoisted_4 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"path\", {\n  d: \"M7.057 8.943l16 16c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885l-16-16c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z\"\n}, null, -1 /* HOISTED */));\nconst _hoisted_5 = [_hoisted_3, _hoisted_4];\nconst _hoisted_6 = [\"onClick\"];\nconst _hoisted_7 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"path\", {\n  d: \"M23.057 7.057l-16 16c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l16-16c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0z\"\n}, null, -1 /* HOISTED */));\nconst _hoisted_8 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"path\", {\n  d: \"M7.057 8.943l16 16c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885l-16-16c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z\"\n}, null, -1 /* HOISTED */));\nconst _hoisted_9 = [_hoisted_7, _hoisted_8];\nconst _hoisted_10 = {\n  key: 2,\n  class: \"timeblocks w-100\"\n};\nconst _hoisted_11 = {\n  class: \"end-button w-100\"\n};\nconst _hoisted_12 = {\n  class: \"splitted-time-inputs w-100\"\n};\nconst _hoisted_13 = {\n  class: \"w-100 modal-input\"\n};\nconst _hoisted_14 = {\n  class: \"d-flex justify-space-between align-center\"\n};\nconst _hoisted_15 = {\n  class: \"d-flex justify-space-between align-center modal-header border-bottom pb-4\"\n};\nconst _hoisted_16 = {\n  class: \"d-flex justify-start\"\n};\nconst _hoisted_17 = [\"src\"];\nconst _hoisted_18 = [\"src\"];\nconst _hoisted_19 = {\n  class: \"w-100\"\n};\nconst _hoisted_20 = {\n  class: \"d-flex justify-start align-center mt-8\"\n};\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n                                                        \n                                                                    \n                                                                        \n  const _component_Datepicker = (0,vue__WEBPACK_IMPORTED_MODULE_1__.resolveComponent)(\"Datepicker\");\n  const _component_A_timeblock = (0,vue__WEBPACK_IMPORTED_MODULE_1__.resolveComponent)(\"A-timeblock\");\n  const _component_QuillEditor = (0,vue__WEBPACK_IMPORTED_MODULE_1__.resolveComponent)(\"QuillEditor\");\n  const _component_Z_files_upload = (0,vue__WEBPACK_IMPORTED_MODULE_1__.resolveComponent)(\"Z-files-upload\");\n                                                                        \n                                                      \n                                                        \n  const _component_Z_task_readonly_info = (0,vue__WEBPACK_IMPORTED_MODULE_1__.resolveComponent)(\"Z-task-readonly-info\");\n  const _component_W_loadable = (0,vue__WEBPACK_IMPORTED_MODULE_1__.resolveComponent)(\"W-loadable\");\n                                                            \n  return (0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(vuetify_lib_components_VDialog_index_mjs__WEBPACK_IMPORTED_MODULE_2__.VDialog, {\n    modelValue: $data.visible,\n    \"onUpdate:modelValue\": _cache[22] || (_cache[22] = $event => $data.visible = $event),\n    \"max-width\": \"750\",\n    \"max-height\": \"90%\",\n    height: \"700px\",\n    persistent: \"\"\n  }, {\n    default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_component_W_loadable, {\n      content: $data.subtask,\n      class: \"h-100\"\n    }, {\n      default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [$data.editMode ? ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(vuetify_lib_components_VCard_index_mjs__WEBPACK_IMPORTED_MODULE_3__.VCard, {\n        key: 0,\n        height: \"100%\",\n        class: \"d-flex flex-column scrolling\"\n      }, {\n        default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"h1\", null, (0,vue__WEBPACK_IMPORTED_MODULE_1__.toDisplayString)($data.subtask?.id ? 'Upraviť sub task' : 'Vytvoriť sub task'), 1 /* TEXT */), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VIcon_index_mjs__WEBPACK_IMPORTED_MODULE_4__.VIcon, {\n          onClick: _cache[0] || (_cache[0] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)($event => $options.closeModal(), [\"stop\"])),\n          icon: \"mdi-close\",\n          size: \"large\"\n        })]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VCard_index_mjs__WEBPACK_IMPORTED_MODULE_5__.VCardActions, {\n          class: \"d-flex flex-column modal-content\"\n        }, {\n          default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__.VTextField, {\n            modelValue: $data.subtask.project_code,\n            \"onUpdate:modelValue\": _cache[1] || (_cache[1] = $event => $data.subtask.project_code = $event),\n            label: \"Kód projektu\",\n            value: $data.subtask.project_code,\n            onFocus: _ctx.onInputFocus,\n            class: \"modal-input\",\n            variant: \"solo\",\n            disabled: \"\"\n          }, null, 8 /* PROPS */, [\"modelValue\", \"value\", \"onFocus\"]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VAutocomplete_index_mjs__WEBPACK_IMPORTED_MODULE_7__.VAutocomplete, {\n            \"custom-filter\": _ctx.customFilter,\n            \"match-any\": true,\n            modelValue: $data.subtask.master_task_id,\n            \"onUpdate:modelValue\": _cache[2] || (_cache[2] = $event => $data.subtask.master_task_id = $event),\n            label: \"Master task\",\n            class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([{\n              error: $data.v$.subtask.master_task_id.$errors.length\n            }, \"modal-input\"]),\n            items: _ctx.mastertasks,\n            \"item-title\": \"name\",\n            \"item-value\": \"id\",\n            variant: \"solo\",\n            clearable: \"\"\n          }, null, 8 /* PROPS */, [\"custom-filter\", \"modelValue\", \"class\", \"items\"]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__.VTextField, {\n            modelValue: $data.subtask.title,\n            \"onUpdate:modelValue\": _cache[3] || (_cache[3] = $event => $data.subtask.title = $event),\n            onFocus: _ctx.onInputFocus,\n            class: \"modal-input\",\n            label: \"Názov subtasku\",\n            variant: \"solo\"\n          }, null, 8 /* PROPS */, [\"modelValue\", \"onFocus\"]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createCommentVNode)(\" TODO: Bialko validacie \"), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", {\n            onClick: _cache[5] || (_cache[5] = $event => $options.openDatepicker('datepicker-01')),\n            class: \"datepicker-wrapper\"\n          }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_component_Datepicker, {\n            modelValue: $data.subtask.deadline,\n            \"onUpdate:modelValue\": _cache[4] || (_cache[4] = $event => $data.subtask.deadline = $event),\n            onFocus: _ctx.onDateFocus,\n            ref: \"datepicker-01\",\n            \"auto-apply\": true,\n            \"min-date\": new Date(),\n            class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"modal-input left datepicker-input\", {\n              error: $data.v$.subtask.deadline.$errors?.length\n            }]),\n            format: \"dd.MM.yyyy\",\n            locale: \"sk\",\n            \"select-text\": \"Vybrať\",\n            \"cancel-text\": \"Zrušiť\",\n            placeholder: \"Deadline\",\n            validations: $data.v$.subtask.deadline\n          }, null, 8 /* PROPS */, [\"modelValue\", \"onFocus\", \"min-date\", \"class\", \"validations\"])]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__.VTextField, {\n            class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"modal-input right\", {\n              error: $data.v$.subtask._deadline_time.$errors.length\n            }]),\n            variant: \"solo\",\n            modelValue: $data.subtask._deadline_time,\n            \"onUpdate:modelValue\": _cache[6] || (_cache[6] = $event => $data.subtask._deadline_time = $event),\n            label: \"Čas\",\n            \"append-inner-icon\": \"mdi-clock-outline\",\n            type: \"time\",\n            onFocus: _ctx.onInputFocus,\n            hint: $data.v$.subtask._deadline_time.$errors ? $data.errorUtils.parseErrors($data.v$.subtask._deadline_time.$errors) : null\n          }, null, 8 /* PROPS */, [\"modelValue\", \"onFocus\", \"class\", \"hint\"])]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createCommentVNode)(\" TODO: Toto tu nema byt ci? \"), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createCommentVNode)(\" <div class=\\\"w-full\\\">\\n\\t\\t\\t\\t\\t\\t<A-task-timeblocks\\n\\t\\t\\t\\t\\t\\t\\tclass=\\\"w-full\\\"\\n\\t\\t\\t\\t\\t\\t\\t:timeblocks=\\\"subtask.timeblocks\\\"\\n\\t\\t\\t\\t\\t\\t\\t:subtask=\\\"subtask\\\"\\n\\t\\t\\t\\t\\t\\t\\t@update-subtask=\\\"$emit('update-subtask')\\\"\\n\\t\\t\\t\\t\\t\\t\\t@update-unfinished-subtask=\\\"subtask = $event\\\"\\n\\t\\t\\t\\t\\t\\t\\t@delete-timeblock=\\\"deleteTimeblock($event)\\\"\\n\\t\\t\\t\\t\\t\\t/>\\n\\t\\t\\t\\t\\t</div> \"), $data.subtask.id ? ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, {\n            key: 0\n          }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", {\n            class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"employee-wrapper\", {\n              'hide-arrow': $data.subtask.employee_id\n            }])\n          }, [$data.subtask.employee_id ? ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(\"svg\", {\n            key: 0,\n            version: \"1.1\",\n            xmlns: \"http://www.w3.org/2000/svg\",\n            width: \"32\",\n            height: \"32\",\n            viewBox: \"0 0 32 32\",\n            class: \"dp__icon dp__clear_icon dp__input_icons\",\n            \"data-test\": \"clear-icon\",\n            onClick: _cache[7] || (_cache[7] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)($event => {\n              $data.subtask.employee_id = null;\n              $data.subtask.employee = null;\n            }, [\"prevent\"]))\n          }, _hoisted_5)) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createCommentVNode)(\"v-if\", true), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VAutocomplete_index_mjs__WEBPACK_IMPORTED_MODULE_7__.VAutocomplete, {\n            \"custom-filter\": _ctx.customFilter,\n            \"match-any\": true,\n            modelValue: $data.subtask.employee_id,\n            \"onUpdate:modelValue\": [_cache[8] || (_cache[8] = $event => $data.subtask.employee_id = $event), _cache[9] || (_cache[9] = $event => $data.employeeValidations[0] ? $data.employeeValidations[0].employee = false : null)],\n            label: \"Priradený\",\n            items: _ctx.enrichedEmployees,\n            \"item-title\": \"_fullName\",\n            \"item-value\": \"id\",\n            variant: \"solo\",\n            class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"modal-input\", {\n              error: $data.employeeValidations[0]?.employee\n            }])\n          }, null, 8 /* PROPS */, [\"custom-filter\", \"modelValue\", \"items\", \"class\"])], 2 /* CLASS */), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__.VTextField, {\n            modelValue: $data.subtask.duration,\n            \"onUpdate:modelValue\": [_cache[10] || (_cache[10] = $event => $data.subtask.duration = $event), _cache[11] || (_cache[11] = $event => $data.employeeValidations[0] ? $data.employeeValidations[0].duration = false : null)],\n            class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"modal-input\", {\n              error: $data.employeeValidations[0]?.duration\n            }]),\n            variant: \"solo\",\n            type: \"number\",\n            label: \"Časový odhad\",\n            \"append-inner-icon\": \"mdi-clock-outline\",\n            onFocus: _ctx.onInputFocus\n          }, null, 8 /* PROPS */, [\"modelValue\", \"class\", \"onFocus\"])], 64 /* STABLE_FRAGMENT */)) : ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(true), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, {\n            key: 1\n          }, (0,vue__WEBPACK_IMPORTED_MODULE_1__.renderList)($data.subtask.employees, (employee, index) => {\n            return (0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(\"div\", {\n              key: `employee-${index}`,\n              class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"splitted-inputs remove-employee\", {\n                'hide-arrow': employee.id\n              }])\n            }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VAutocomplete_index_mjs__WEBPACK_IMPORTED_MODULE_7__.VAutocomplete, {\n              \"custom-filter\": _ctx.customFilter,\n              \"match-any\": true,\n              modelValue: employee.id,\n              \"onUpdate:modelValue\": [$event => employee.id = $event, $event => $data.employeeValidations[index] ? $data.employeeValidations[index].employee = false : null],\n              label: \"Priradený\",\n              items: _ctx.enrichedEmployees,\n              \"item-title\": \"_fullName\",\n              \"item-value\": \"id\",\n              variant: \"solo\",\n              class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"modal-input left\", {\n                error: $data.employeeValidations[index]?.employee\n              }])\n            }, null, 8 /* PROPS */, [\"custom-filter\", \"modelValue\", \"onUpdate:modelValue\", \"items\", \"class\"]), employee.id ? ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(\"svg\", {\n              key: 0,\n              version: \"1.1\",\n              xmlns: \"http://www.w3.org/2000/svg\",\n              width: \"32\",\n              height: \"32\",\n              viewBox: \"0 0 32 32\",\n              class: \"dp__icon dp__clear_icon dp__input_icons\",\n              \"data-test\": \"clear-icon\",\n              onClick: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)($event => employee.id = null, [\"prevent\"])\n            }, _hoisted_9, 8 /* PROPS */, _hoisted_6)) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createCommentVNode)(\"v-if\", true), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__.VTextField, {\n              modelValue: employee.duration,\n              \"onUpdate:modelValue\": [$event => employee.duration = $event, $event => $data.employeeValidations[index] ? $data.employeeValidations[index].duration = false : null],\n              class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"modal-input right\", {\n                error: $data.employeeValidations[index]?.duration\n              }]),\n              variant: \"solo\",\n              type: \"number\",\n              label: \"Časový odhad\",\n              \"append-inner-icon\": \"mdi-clock-outline\",\n              onFocus: _ctx.onInputFocus\n            }, null, 8 /* PROPS */, [\"modelValue\", \"onUpdate:modelValue\", \"class\", \"onFocus\"])], 2 /* CLASS */);\n          }), 128 /* KEYED_FRAGMENT */)), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createCommentVNode)(\" <div class=\\\"w-100\\\">\\n\\t\\t\\t\\t\\t\\t<Datepicker v-model=\\\"subtask.date\\\" :class=\\\"{ error: v$.subtask.date.$errors.length }\\\" format=\\\"dd.MM.yyyy\\\" locale=\\\"sk\\\" select-text=\\\"Vybrať\\\"  cancel-text=\\\"Zrušiť\\\" placeholder=\\\"Dátum\\\" :auto-apply=\\\"true\\\" :enable-time-picker=\\\"false\\\" @focus=\\\"onDateFocus\\\" class=\\\"mb-5 modal-input\\\" />\\n\\t\\t\\t\\t\\t\\t<div class=\\\"splitted-time-inputs\\\">\\n\\t\\t\\t\\t\\t\\t\\t<v-text-field :class=\\\"{ error: v$.subtask.starts_at_time.$errors.length }\\\" type=\\\"time\\\" variant=\\\"solo\\\" bg-color=\\\"white\\\" label=\\\"Začiatok\\\" />\\n\\t\\t\\t\\t\\t\\t\\t<v-text-field :class=\\\"{ error: v$.subtask.ends_at_time.$errors.length }\\\" type=\\\"time\\\" variant=\\\"solo\\\" bg-color=\\\"white\\\" label=\\\"Koniec\\\" />\\n\\t\\t\\t\\t\\t\\t</div>\\n\\t\\t\\t\\t\\t</div> \"), !$data.subtask.id ? ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(\"div\", _hoisted_10, [((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(true), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, (0,vue__WEBPACK_IMPORTED_MODULE_1__.renderList)($data.timeblocks, (timeblock, index) => {\n            return (0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(_component_A_timeblock, {\n              key: index,\n              onUpdateTimeblock: val => $options.updateTimeblock(val, index),\n              onRemoveTimeblock: $event => $options.removeTimeblock(index),\n              timeblock: timeblock,\n              deletable: index > 0,\n              editable: \"\",\n              ref_for: true,\n              ref: `timetable-${index}`\n            }, null, 8 /* PROPS */, [\"onUpdateTimeblock\", \"onRemoveTimeblock\", \"timeblock\", \"deletable\"]);\n          }), 128 /* KEYED_FRAGMENT */)), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_11, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"button\", {\n            onClick: _cache[12] || (_cache[12] = $event => $data.timeblocks.push({\n              date: null,\n              starts_at_time: null,\n              ends_at_time: null\n            }))\n          }, \"Pridať časový blok\")])])) : ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(true), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, {\n            key: 3\n          }, (0,vue__WEBPACK_IMPORTED_MODULE_1__.renderList)($data.subtask.timeblocks, (timeblock, index) => {\n            return (0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(\"div\", {\n              key: index,\n              class: \"timeblock w-100\"\n            }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_component_Datepicker, {\n              \"model-value\": timeblock.start.substring(0, 10),\n              format: \"dd.MM.yyyy\",\n              locale: \"sk\",\n              \"select-text\": \"Vybrať\",\n              \"cancel-text\": \"Zrušiť\",\n              placeholder: \"Dátum\",\n              \"auto-apply\": true,\n              \"enable-time-picker\": false,\n              readonly: \"\",\n              class: \"mb-5 modal-input\"\n            }, null, 8 /* PROPS */, [\"model-value\"]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_12, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__.VTextField, {\n              value: timeblock.start.substring(11, 16),\n              type: \"time\",\n              variant: \"solo\",\n              \"bg-color\": \"white\",\n              label: \"Začiatok\"\n            }, null, 8 /* PROPS */, [\"value\"]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__.VTextField, {\n              value: timeblock.end.substring(11, 16),\n              type: \"time\",\n              variant: \"solo\",\n              \"bg-color\": \"white\",\n              label: \"Koniec\"\n            }, null, 8 /* PROPS */, [\"value\"])])]);\n          }), 128 /* KEYED_FRAGMENT */)), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_13, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_component_QuillEditor, {\n            ref: \"description\",\n            modelValue: $data.subtask.description,\n            \"onUpdate:modelValue\": _cache[13] || (_cache[13] = $event => $data.subtask.description = $event),\n            placeholder: \"Popis\",\n            theme: \"snow\",\n            class: \"rich-text-editor\",\n            onInput: _cache[14] || (_cache[14] = $event => $data.subtask.description = $event.srcElement.innerHTML)\n          }, null, 8 /* PROPS */, [\"modelValue\"])]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_component_Z_files_upload, {\n            class: \"mt-15 files\",\n            files: $data.subtask.files,\n            onFilesUploaded: $options.filesUploaded,\n            \"is-saving\": $data.isSaving\n          }, null, 8 /* PROPS */, [\"files\", \"onFilesUploaded\", \"is-saving\"])]),\n          _: 1 /* STABLE */\n        }), !$data.isSaving ? ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(vuetify_lib_components_VBtn_index_mjs__WEBPACK_IMPORTED_MODULE_8__.VBtn, {\n          key: 0,\n          class: \"button primary\",\n          onClick: _cache[15] || (_cache[15] = $event => $options.save())\n        }, {\n          default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)((0,vue__WEBPACK_IMPORTED_MODULE_1__.toDisplayString)($data.subtask.id ? 'UPRAVIŤ' : 'VYTVORIŤ'), 1 /* TEXT */)]),\n\n          _: 1 /* STABLE */\n        })) : ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(vuetify_lib_components_VBtn_index_mjs__WEBPACK_IMPORTED_MODULE_8__.VBtn, {\n          key: 1,\n          class: \"button primary disabled\",\n          disabled: \"\"\n        }, {\n          default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)((0,vue__WEBPACK_IMPORTED_MODULE_1__.toDisplayString)(_ctx.$t('Ukladám...')), 1 /* TEXT */)]),\n\n          _: 1 /* STABLE */\n        }))]),\n\n        _: 1 /* STABLE */\n      })) : ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(vuetify_lib_components_VCard_index_mjs__WEBPACK_IMPORTED_MODULE_3__.VCard, {\n        key: 1,\n        height: \"100%\",\n        class: \"d-flex flex-column scrolling\"\n      }, {\n        default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_14, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", null, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"p\", null, (0,vue__WEBPACK_IMPORTED_MODULE_1__.toDisplayString)($data.subtask._master_task.project_code), 1 /* TEXT */), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"h1\", null, (0,vue__WEBPACK_IMPORTED_MODULE_1__.toDisplayString)($data.subtask._master_task.name), 1 /* TEXT */)]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VIcon_index_mjs__WEBPACK_IMPORTED_MODULE_4__.VIcon, {\n          onClick: _cache[16] || (_cache[16] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)($event => $options.closeModal(), [\"stop\"])),\n          icon: \"mdi-close\",\n          size: \"large\",\n          class: \"pb-5\"\n        })]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_15, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"h1\", null, (0,vue__WEBPACK_IMPORTED_MODULE_1__.toDisplayString)($data.subtask.title), 1 /* TEXT */), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_16, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"img\", {\n          class: \"icon\",\n          src: __webpack_require__(/*! @/plugins/app/_img/icons/pencil.svg */ \"./src/plugins/app/_img/icons/pencil.svg\"),\n          alt: \"pencil-icon\",\n          onClick: _cache[17] || (_cache[17] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)((...args) => $options.toggleEditMode && $options.toggleEditMode(...args), [\"stop\"]))\n        }, null, 8 /* PROPS */, _hoisted_17), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"img\", {\n          class: \"icon trash\",\n          src: __webpack_require__(/*! @/plugins/app/_img/icons/bin.svg */ \"./src/plugins/app/_img/icons/bin.svg\"),\n          alt: \"trash-icon\",\n          onClick: _cache[18] || (_cache[18] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)($event => $options.openDeleteTaskModal($data.subtask), [\"stop\"]))\n        }, null, 8 /* PROPS */, _hoisted_18)])]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VCard_index_mjs__WEBPACK_IMPORTED_MODULE_5__.VCardActions, {\n          class: \"d-flex flex-column modal-content\"\n        }, {\n          default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_19, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_component_Z_task_readonly_info, {\n            subtask: $data.subtask,\n            onCloseModal: $options.closeModal,\n            onUpdateSubtask: $options.updateSubtask\n          }, null, 8 /* PROPS */, [\"subtask\", \"onCloseModal\", \"onUpdateSubtask\"]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createCommentVNode)(\" <div class=\\\"mt-10\\\">\\n\\t\\t\\t\\t\\t\\t\\t<p>Termín</p>\\n\\t\\t\\t\\t\\t\\t\\t<div class=\\\"date-wrap\\\">\\n\\t\\t\\t\\t\\t\\t\\t\\t<Datepicker @open=\\\"editDatepicker('date')\\\" v-model=\\\"subtask.deadline\\\" @focus=\\\"onDateFocus\\\" :min-date=\\\"new Date()\\\" class=\\\"modal-input\\\" format=\\\"dd.MM.yyyy\\\" locale=\\\"sk\\\" select-text=\\\"Vybrať\\\" cancel-text=\\\"Zrušiť\\\" placeholder=\\\"Dátum\\\" />\\n\\t\\t\\t\\t\\t\\t\\t\\t<Datepicker @open=\\\"editDatepicker('time')\\\" v-model=\\\"subtask.deadline\\\" @focus=\\\"onDateFocus\\\" :min-date=\\\"new Date()\\\" class=\\\"modal-input\\\" format=\\\"HH:mm\\\" locale=\\\"sk\\\" select-text=\\\"Vybrať\\\" cancel-text=\\\"Zrušiť\\\" placeholder=\\\"Čas\\\" />\\n\\t\\t\\t\\t\\t\\t\\t</div>\\n\\t\\t\\t\\t\\t\\t</div> \"), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_20, [!$data.subtask.is_finished ? ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(vuetify_lib_components_VBtn_index_mjs__WEBPACK_IMPORTED_MODULE_8__.VBtn, {\n            key: 0,\n            class: \"done-btn\",\n            onClick: _cache[19] || (_cache[19] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)($event => $options.showCompleteTaskModal(), [\"stop\"]))\n          }, {\n            default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)(\"Dokončiť\")]),\n            _: 1 /* STABLE */\n          })) : ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(vuetify_lib_components_VBtn_index_mjs__WEBPACK_IMPORTED_MODULE_8__.VBtn, {\n            key: 1,\n            class: \"button secondary\",\n            onClick: _cache[20] || (_cache[20] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)($event => $options.showCompleteTaskModal(), [\"stop\"]))\n          }, {\n            default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)(\"Znovu otvoriť\")]),\n            _: 1 /* STABLE */\n          })), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VBtn_index_mjs__WEBPACK_IMPORTED_MODULE_8__.VBtn, {\n            class: \"button secondary\",\n            onClick: _cache[21] || (_cache[21] = $event => $options.closeModal())\n          }, {\n            default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)(\"Uložiť zmeny\")]),\n            _: 1 /* STABLE */\n          })])])]),\n\n          _: 1 /* STABLE */\n        })]),\n\n        _: 1 /* STABLE */\n      }))]),\n\n      _: 1 /* STABLE */\n    }, 8 /* PROPS */, [\"content\"])]),\n    _: 1 /* STABLE */\n  }, 8 /* PROPS */, [\"modelValue\"]);\n}\n\n/* Vuetify */\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://jandl/./src/plugins/tm@modal/task/z-task-modal.vue?./node_modules/webpack-plugin-vuetify/dist/scriptLoader.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/vue-loader/dist/templateLoader.js??ruleSet%5B1%5D.rules%5B5%5D!./node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"render\": function() { return /* binding */ render; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.runtime.esm-bundler.js\");\n/* harmony import */ var vuetify_lib_components_VAutocomplete_index_mjs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! vuetify/lib/components/VAutocomplete/index.mjs */ \"./node_modules/vuetify/lib/components/VAutocomplete/VAutocomplete.mjs\");\n/* harmony import */ var vuetify_lib_components_VBtn_index_mjs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vuetify/lib/components/VBtn/index.mjs */ \"./node_modules/vuetify/lib/components/VBtn/VBtn.mjs\");\n/* harmony import */ var vuetify_lib_components_VCard_index_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuetify/lib/components/VCard/index.mjs */ \"./node_modules/vuetify/lib/components/VCard/VCard.mjs\");\n/* harmony import */ var vuetify_lib_components_VCard_index_mjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vuetify/lib/components/VCard/index.mjs */ \"./node_modules/vuetify/lib/components/VCard/VCardActions.mjs\");\n/* harmony import */ var vuetify_lib_components_VDialog_index_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vuetify/lib/components/VDialog/index.mjs */ \"./node_modules/vuetify/lib/components/VDialog/VDialog.mjs\");\n/* harmony import */ var vuetify_lib_components_VIcon_index_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vuetify/lib/components/VIcon/index.mjs */ \"./node_modules/vuetify/lib/components/VIcon/VIcon.mjs\");\n/* harmony import */ var vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vuetify/lib/components/VTextField/index.mjs */ \"./node_modules/vuetify/lib/components/VTextField/VTextField.mjs\");\n\n\nconst _withScopeId = n => ((0,vue__WEBPACK_IMPORTED_MODULE_1__.pushScopeId)(\"data-v-1c35a9a1\"), n = n(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.popScopeId)(), n);\nconst _hoisted_1 = {\n  class: \"d-flex justify-space-between align-center modal-header\"\n};\nconst _hoisted_2 = {\n  class: \"splitted-inputs\"\n};\nconst _hoisted_3 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"path\", {\n  d: \"M23.057 7.057l-16 16c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l16-16c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0z\"\n}, null, -1 /* HOISTED */));\nconst _hoisted_4 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"path\", {\n  d: \"M7.057 8.943l16 16c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885l-16-16c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z\"\n}, null, -1 /* HOISTED */));\nconst _hoisted_5 = [_hoisted_3, _hoisted_4];\nconst _hoisted_6 = [\"onClick\"];\nconst _hoisted_7 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"path\", {\n  d: \"M23.057 7.057l-16 16c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l16-16c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0z\"\n}, null, -1 /* HOISTED */));\nconst _hoisted_8 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"path\", {\n  d: \"M7.057 8.943l16 16c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885l-16-16c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z\"\n}, null, -1 /* HOISTED */));\nconst _hoisted_9 = [_hoisted_7, _hoisted_8];\nconst _hoisted_10 = {\n  key: 2,\n  class: \"timeblocks w-100\"\n};\nconst _hoisted_11 = {\n  class: \"end-button w-100\"\n};\nconst _hoisted_12 = {\n  class: \"splitted-time-inputs w-100\"\n};\nconst _hoisted_13 = {\n  class: \"w-100 modal-input\"\n};\nconst _hoisted_14 = {\n  class: \"d-flex justify-space-between align-center\"\n};\nconst _hoisted_15 = {\n  class: \"d-flex justify-space-between align-center modal-header border-bottom pb-4\"\n};\nconst _hoisted_16 = {\n  class: \"d-flex justify-start\"\n};\nconst _hoisted_17 = [\"src\"];\nconst _hoisted_18 = [\"src\"];\nconst _hoisted_19 = {\n  class: \"w-100\"\n};\nconst _hoisted_20 = {\n  class: \"d-flex justify-start align-center mt-8\"\n};\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n                                                        \n                                                                    \n                                                                        \n  const _component_Datepicker = (0,vue__WEBPACK_IMPORTED_MODULE_1__.resolveComponent)(\"Datepicker\");\n  const _component_A_timeblock = (0,vue__WEBPACK_IMPORTED_MODULE_1__.resolveComponent)(\"A-timeblock\");\n  const _component_QuillEditor = (0,vue__WEBPACK_IMPORTED_MODULE_1__.resolveComponent)(\"QuillEditor\");\n  const _component_Z_files_upload = (0,vue__WEBPACK_IMPORTED_MODULE_1__.resolveComponent)(\"Z-files-upload\");\n                                                                        \n                                                      \n                                                        \n  const _component_Z_task_readonly_info = (0,vue__WEBPACK_IMPORTED_MODULE_1__.resolveComponent)(\"Z-task-readonly-info\");\n  const _component_W_loadable = (0,vue__WEBPACK_IMPORTED_MODULE_1__.resolveComponent)(\"W-loadable\");\n                                                            \n  return (0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(vuetify_lib_components_VDialog_index_mjs__WEBPACK_IMPORTED_MODULE_2__.VDialog, {\n    modelValue: $data.visible,\n    \"onUpdate:modelValue\": _cache[22] || (_cache[22] = $event => $data.visible = $event),\n    \"max-width\": \"750\",\n    \"max-height\": \"90%\",\n    height: \"700px\",\n    persistent: \"\"\n  }, {\n    default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_component_W_loadable, {\n      content: $data.subtask,\n      class: \"h-100\"\n    }, {\n      default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [$data.editMode ? ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(vuetify_lib_components_VCard_index_mjs__WEBPACK_IMPORTED_MODULE_3__.VCard, {\n        key: 0,\n        height: \"100%\",\n        class: \"d-flex flex-column scrolling\"\n      }, {\n        default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"h1\", null, (0,vue__WEBPACK_IMPORTED_MODULE_1__.toDisplayString)($data.subtask?.id ? 'Upraviť sub task' : 'Vytvoriť sub task'), 1 /* TEXT */), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VIcon_index_mjs__WEBPACK_IMPORTED_MODULE_4__.VIcon, {\n          onClick: _cache[0] || (_cache[0] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)($event => $options.closeModal(), [\"stop\"])),\n          icon: \"mdi-close\",\n          size: \"large\"\n        })]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VCard_index_mjs__WEBPACK_IMPORTED_MODULE_5__.VCardActions, {\n          class: \"d-flex flex-column modal-content\"\n        }, {\n          default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__.VTextField, {\n            modelValue: $data.subtask.project_code,\n            \"onUpdate:modelValue\": _cache[1] || (_cache[1] = $event => $data.subtask.project_code = $event),\n            label: \"Kód projektu\",\n            value: $data.subtask.project_code,\n            onFocus: _ctx.onInputFocus,\n            class: \"modal-input\",\n            variant: \"solo\",\n            disabled: \"\"\n          }, null, 8 /* PROPS */, [\"modelValue\", \"value\", \"onFocus\"]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VAutocomplete_index_mjs__WEBPACK_IMPORTED_MODULE_7__.VAutocomplete, {\n            \"custom-filter\": _ctx.customFilter,\n            \"match-any\": true,\n            modelValue: $data.subtask.master_task_id,\n            \"onUpdate:modelValue\": _cache[2] || (_cache[2] = $event => $data.subtask.master_task_id = $event),\n            label: \"Master task\",\n            class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([{\n              error: $data.v$.subtask.master_task_id.$errors.length\n            }, \"modal-input\"]),\n            items: _ctx.mastertasks,\n            \"item-title\": \"name\",\n            \"item-value\": \"id\",\n            variant: \"solo\",\n            clearable: \"\"\n          }, null, 8 /* PROPS */, [\"custom-filter\", \"modelValue\", \"class\", \"items\"]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__.VTextField, {\n            modelValue: $data.subtask.title,\n            \"onUpdate:modelValue\": _cache[3] || (_cache[3] = $event => $data.subtask.title = $event),\n            onFocus: _ctx.onInputFocus,\n            class: \"modal-input\",\n            label: \"Názov subtasku\",\n            variant: \"solo\"\n          }, null, 8 /* PROPS */, [\"modelValue\", \"onFocus\"]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createCommentVNode)(\" TODO: Bialko validacie \"), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", {\n            onClick: _cache[5] || (_cache[5] = $event => $options.openDatepicker('datepicker-01')),\n            class: \"datepicker-wrapper\"\n          }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_component_Datepicker, {\n            modelValue: $data.subtask.deadline,\n            \"onUpdate:modelValue\": _cache[4] || (_cache[4] = $event => $data.subtask.deadline = $event),\n            onFocus: _ctx.onDateFocus,\n            ref: \"datepicker-01\",\n            \"auto-apply\": true,\n            \"min-date\": new Date(),\n            class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"modal-input left datepicker-input\", {\n              error: $data.v$.subtask.deadline.$errors?.length\n            }]),\n            format: \"dd.MM.yyyy\",\n            locale: \"sk\",\n            \"select-text\": \"Vybrať\",\n            \"cancel-text\": \"Zrušiť\",\n            placeholder: \"Deadline\",\n            validations: $data.v$.subtask.deadline\n          }, null, 8 /* PROPS */, [\"modelValue\", \"onFocus\", \"min-date\", \"class\", \"validations\"])]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__.VTextField, {\n            class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"modal-input right\", {\n              error: $data.v$.subtask._deadline_time.$errors.length\n            }]),\n            variant: \"solo\",\n            modelValue: $data.subtask._deadline_time,\n            \"onUpdate:modelValue\": _cache[6] || (_cache[6] = $event => $data.subtask._deadline_time = $event),\n            label: \"Čas\",\n            \"append-inner-icon\": \"mdi-clock-outline\",\n            type: \"time\",\n            onFocus: _ctx.onInputFocus,\n            hint: $data.v$.subtask._deadline_time.$errors ? $data.errorUtils.parseErrors($data.v$.subtask._deadline_time.$errors) : null\n          }, null, 8 /* PROPS */, [\"modelValue\", \"onFocus\", \"class\", \"hint\"])]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createCommentVNode)(\" TODO: Toto tu nema byt ci? \"), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createCommentVNode)(\" <div class=\\\"w-full\\\">\\n\\t\\t\\t\\t\\t\\t<A-task-timeblocks\\n\\t\\t\\t\\t\\t\\t\\tclass=\\\"w-full\\\"\\n\\t\\t\\t\\t\\t\\t\\t:timeblocks=\\\"subtask.timeblocks\\\"\\n\\t\\t\\t\\t\\t\\t\\t:subtask=\\\"subtask\\\"\\n\\t\\t\\t\\t\\t\\t\\t@update-subtask=\\\"$emit('update-subtask')\\\"\\n\\t\\t\\t\\t\\t\\t\\t@update-unfinished-subtask=\\\"subtask = $event\\\"\\n\\t\\t\\t\\t\\t\\t\\t@delete-timeblock=\\\"deleteTimeblock($event)\\\"\\n\\t\\t\\t\\t\\t\\t/>\\n\\t\\t\\t\\t\\t</div> \"), $data.subtask.id ? ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, {\n            key: 0\n          }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", {\n            class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"employee-wrapper\", {\n              'hide-arrow': $data.subtask.employee_id\n            }])\n          }, [$data.subtask.employee_id ? ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(\"svg\", {\n            key: 0,\n            version: \"1.1\",\n            xmlns: \"http://www.w3.org/2000/svg\",\n            width: \"32\",\n            height: \"32\",\n            viewBox: \"0 0 32 32\",\n            class: \"dp__icon dp__clear_icon dp__input_icons\",\n            \"data-test\": \"clear-icon\",\n            onClick: _cache[7] || (_cache[7] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)($event => {\n              $options.handleOnRemoveEmployee();\n              $data.subtask.employee_id = null;\n              $data.subtask.employee = null;\n            }, [\"prevent\"]))\n          }, _hoisted_5)) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createCommentVNode)(\"v-if\", true), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VAutocomplete_index_mjs__WEBPACK_IMPORTED_MODULE_7__.VAutocomplete, {\n            \"custom-filter\": _ctx.customFilter,\n            \"match-any\": true,\n            modelValue: $data.subtask.employee_id,\n            \"onUpdate:modelValue\": [_cache[8] || (_cache[8] = $event => $data.subtask.employee_id = $event), _cache[9] || (_cache[9] = $event => $data.employeeValidations[0] ? $data.employeeValidations[0].employee = false : null)],\n            label: \"Priradený\",\n            items: _ctx.enrichedEmployees,\n            \"item-title\": \"_fullName\",\n            \"item-value\": \"id\",\n            variant: \"solo\",\n            class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"modal-input\", {\n              error: $data.employeeValidations[0]?.employee\n            }])\n          }, null, 8 /* PROPS */, [\"custom-filter\", \"modelValue\", \"items\", \"class\"])], 2 /* CLASS */), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__.VTextField, {\n            modelValue: $data.subtask.duration,\n            \"onUpdate:modelValue\": [_cache[10] || (_cache[10] = $event => $data.subtask.duration = $event), _cache[11] || (_cache[11] = $event => $data.employeeValidations[0] ? $data.employeeValidations[0].duration = false : null)],\n            class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"modal-input\", {\n              error: $data.employeeValidations[0]?.duration\n            }]),\n            variant: \"solo\",\n            type: \"number\",\n            label: \"Časový odhad\",\n            \"append-inner-icon\": \"mdi-clock-outline\",\n            onFocus: _ctx.onInputFocus\n          }, null, 8 /* PROPS */, [\"modelValue\", \"class\", \"onFocus\"])], 64 /* STABLE_FRAGMENT */)) : ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(true), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, {\n            key: 1\n          }, (0,vue__WEBPACK_IMPORTED_MODULE_1__.renderList)($data.subtask.employees, (employee, index) => {\n            return (0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(\"div\", {\n              key: `employee-${index}`,\n              class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"splitted-inputs remove-employee\", {\n                'hide-arrow': employee.id\n              }])\n            }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VAutocomplete_index_mjs__WEBPACK_IMPORTED_MODULE_7__.VAutocomplete, {\n              \"custom-filter\": _ctx.customFilter,\n              \"match-any\": true,\n              modelValue: employee.id,\n              \"onUpdate:modelValue\": [$event => employee.id = $event, $event => $data.employeeValidations[index] ? $data.employeeValidations[index].employee = false : null],\n              label: \"Priradený\",\n              items: _ctx.enrichedEmployees,\n              \"item-title\": \"_fullName\",\n              \"item-value\": \"id\",\n              variant: \"solo\",\n              class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"modal-input left\", {\n                error: $data.employeeValidations[index]?.employee\n              }])\n            }, null, 8 /* PROPS */, [\"custom-filter\", \"modelValue\", \"onUpdate:modelValue\", \"items\", \"class\"]), employee.id ? ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(\"svg\", {\n              key: 0,\n              version: \"1.1\",\n              xmlns: \"http://www.w3.org/2000/svg\",\n              width: \"32\",\n              height: \"32\",\n              viewBox: \"0 0 32 32\",\n              class: \"dp__icon dp__clear_icon dp__input_icons\",\n              \"data-test\": \"clear-icon\",\n              onClick: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)($event => {\n                $options.handleOnRemoveEmployee();\n                employee.id = null;\n              }, [\"prevent\"])\n            }, _hoisted_9, 8 /* PROPS */, _hoisted_6)) : (0,vue__WEBPACK_IMPORTED_MODULE_1__.createCommentVNode)(\"v-if\", true), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__.VTextField, {\n              modelValue: employee.duration,\n              \"onUpdate:modelValue\": [$event => employee.duration = $event, $event => $data.employeeValidations[index] ? $data.employeeValidations[index].duration = false : null],\n              class: (0,vue__WEBPACK_IMPORTED_MODULE_1__.normalizeClass)([\"modal-input right\", {\n                error: $data.employeeValidations[index]?.duration\n              }]),\n              variant: \"solo\",\n              type: \"number\",\n              label: \"Časový odhad\",\n              \"append-inner-icon\": \"mdi-clock-outline\",\n              onFocus: _ctx.onInputFocus\n            }, null, 8 /* PROPS */, [\"modelValue\", \"onUpdate:modelValue\", \"class\", \"onFocus\"])], 2 /* CLASS */);\n          }), 128 /* KEYED_FRAGMENT */)), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createCommentVNode)(\" <div class=\\\"w-100\\\">\\n\\t\\t\\t\\t\\t\\t<Datepicker v-model=\\\"subtask.date\\\" :class=\\\"{ error: v$.subtask.date.$errors.length }\\\" format=\\\"dd.MM.yyyy\\\" locale=\\\"sk\\\" select-text=\\\"Vybrať\\\"  cancel-text=\\\"Zrušiť\\\" placeholder=\\\"Dátum\\\" :auto-apply=\\\"true\\\" :enable-time-picker=\\\"false\\\" @focus=\\\"onDateFocus\\\" class=\\\"mb-5 modal-input\\\" />\\n\\t\\t\\t\\t\\t\\t<div class=\\\"splitted-time-inputs\\\">\\n\\t\\t\\t\\t\\t\\t\\t<v-text-field :class=\\\"{ error: v$.subtask.starts_at_time.$errors.length }\\\" type=\\\"time\\\" variant=\\\"solo\\\" bg-color=\\\"white\\\" label=\\\"Začiatok\\\" />\\n\\t\\t\\t\\t\\t\\t\\t<v-text-field :class=\\\"{ error: v$.subtask.ends_at_time.$errors.length }\\\" type=\\\"time\\\" variant=\\\"solo\\\" bg-color=\\\"white\\\" label=\\\"Koniec\\\" />\\n\\t\\t\\t\\t\\t\\t</div>\\n\\t\\t\\t\\t\\t</div> \"), !$data.subtask.id ? ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(\"div\", _hoisted_10, [((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(true), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, (0,vue__WEBPACK_IMPORTED_MODULE_1__.renderList)($data.timeblocks, (timeblock, index) => {\n            return (0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(_component_A_timeblock, {\n              key: index,\n              onUpdateTimeblock: val => $options.updateTimeblock(val, index),\n              onRemoveTimeblock: $event => $options.removeTimeblock(index),\n              timeblock: timeblock,\n              deletable: index > 0,\n              editable: \"\",\n              ref_for: true,\n              ref: `timetable-${index}`\n            }, null, 8 /* PROPS */, [\"onUpdateTimeblock\", \"onRemoveTimeblock\", \"timeblock\", \"deletable\"]);\n          }), 128 /* KEYED_FRAGMENT */)), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_11, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"button\", {\n            onClick: _cache[12] || (_cache[12] = $event => $data.timeblocks.push({\n              date: null,\n              starts_at_time: null,\n              ends_at_time: null\n            }))\n          }, \" Pridať časový blok \")])])) : ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(true), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_1__.Fragment, {\n            key: 3\n          }, (0,vue__WEBPACK_IMPORTED_MODULE_1__.renderList)($data.subtask.timeblocks, (timeblock, index) => {\n            return (0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementBlock)(\"div\", {\n              key: index,\n              class: \"timeblock w-100\"\n            }, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_component_Datepicker, {\n              \"model-value\": timeblock.start.substring(0, 10),\n              format: \"dd.MM.yyyy\",\n              locale: \"sk\",\n              \"select-text\": \"Vybrať\",\n              \"cancel-text\": \"Zrušiť\",\n              placeholder: \"Dátum\",\n              \"auto-apply\": true,\n              \"enable-time-picker\": false,\n              readonly: \"\",\n              class: \"mb-5 modal-input\"\n            }, null, 8 /* PROPS */, [\"model-value\"]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_12, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__.VTextField, {\n              value: timeblock.start.substring(11, 16),\n              type: \"time\",\n              variant: \"solo\",\n              \"bg-color\": \"white\",\n              label: \"Začiatok\"\n            }, null, 8 /* PROPS */, [\"value\"]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VTextField_index_mjs__WEBPACK_IMPORTED_MODULE_6__.VTextField, {\n              value: timeblock.end.substring(11, 16),\n              type: \"time\",\n              variant: \"solo\",\n              \"bg-color\": \"white\",\n              label: \"Koniec\"\n            }, null, 8 /* PROPS */, [\"value\"])])]);\n          }), 128 /* KEYED_FRAGMENT */)), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_13, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_component_QuillEditor, {\n            ref: \"description\",\n            modelValue: $data.subtask.description,\n            \"onUpdate:modelValue\": _cache[13] || (_cache[13] = $event => $data.subtask.description = $event),\n            placeholder: \"Popis\",\n            theme: \"snow\",\n            class: \"rich-text-editor\",\n            onInput: _cache[14] || (_cache[14] = $event => $data.subtask.description = $event.srcElement.innerHTML)\n          }, null, 8 /* PROPS */, [\"modelValue\"])]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_component_Z_files_upload, {\n            class: \"mt-15 files\",\n            files: $data.subtask.files,\n            onFilesUploaded: $options.filesUploaded,\n            \"is-saving\": $data.isSaving\n          }, null, 8 /* PROPS */, [\"files\", \"onFilesUploaded\", \"is-saving\"])]),\n          _: 1 /* STABLE */\n        }), !$data.isSaving ? ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(vuetify_lib_components_VBtn_index_mjs__WEBPACK_IMPORTED_MODULE_8__.VBtn, {\n          key: 0,\n          class: \"button primary\",\n          onClick: _cache[15] || (_cache[15] = $event => $options.save())\n        }, {\n          default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)((0,vue__WEBPACK_IMPORTED_MODULE_1__.toDisplayString)($data.subtask.id ? 'UPRAVIŤ' : 'VYTVORIŤ'), 1 /* TEXT */)]),\n\n          _: 1 /* STABLE */\n        })) : ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(vuetify_lib_components_VBtn_index_mjs__WEBPACK_IMPORTED_MODULE_8__.VBtn, {\n          key: 1,\n          class: \"button primary disabled\",\n          disabled: \"\"\n        }, {\n          default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)((0,vue__WEBPACK_IMPORTED_MODULE_1__.toDisplayString)(_ctx.$t('Ukladám...')), 1 /* TEXT */)]),\n\n          _: 1 /* STABLE */\n        }))]),\n\n        _: 1 /* STABLE */\n      })) : ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(vuetify_lib_components_VCard_index_mjs__WEBPACK_IMPORTED_MODULE_3__.VCard, {\n        key: 1,\n        height: \"100%\",\n        class: \"d-flex flex-column scrolling\"\n      }, {\n        default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_14, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", null, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"p\", null, (0,vue__WEBPACK_IMPORTED_MODULE_1__.toDisplayString)($data.subtask._master_task.project_code), 1 /* TEXT */), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"h1\", null, (0,vue__WEBPACK_IMPORTED_MODULE_1__.toDisplayString)($data.subtask._master_task.name), 1 /* TEXT */)]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VIcon_index_mjs__WEBPACK_IMPORTED_MODULE_4__.VIcon, {\n          onClick: _cache[16] || (_cache[16] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)($event => $options.closeModal(), [\"stop\"])),\n          icon: \"mdi-close\",\n          size: \"large\",\n          class: \"pb-5\"\n        })]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_15, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"h1\", null, (0,vue__WEBPACK_IMPORTED_MODULE_1__.toDisplayString)($data.subtask.title), 1 /* TEXT */), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_16, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"img\", {\n          class: \"icon\",\n          src: __webpack_require__(/*! @/plugins/app/_img/icons/pencil.svg */ \"./src/plugins/app/_img/icons/pencil.svg\"),\n          alt: \"pencil-icon\",\n          onClick: _cache[17] || (_cache[17] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)((...args) => $options.toggleEditMode && $options.toggleEditMode(...args), [\"stop\"]))\n        }, null, 8 /* PROPS */, _hoisted_17), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"img\", {\n          class: \"icon trash\",\n          src: __webpack_require__(/*! @/plugins/app/_img/icons/bin.svg */ \"./src/plugins/app/_img/icons/bin.svg\"),\n          alt: \"trash-icon\",\n          onClick: _cache[18] || (_cache[18] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)($event => $options.openDeleteTaskModal($data.subtask), [\"stop\"]))\n        }, null, 8 /* PROPS */, _hoisted_18)])]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VCard_index_mjs__WEBPACK_IMPORTED_MODULE_5__.VCardActions, {\n          class: \"d-flex flex-column modal-content\"\n        }, {\n          default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_19, [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(_component_Z_task_readonly_info, {\n            subtask: $data.subtask,\n            onCloseModal: $options.closeModal,\n            onUpdateSubtask: $options.updateSubtask\n          }, null, 8 /* PROPS */, [\"subtask\", \"onCloseModal\", \"onUpdateSubtask\"]), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createCommentVNode)(\" <div class=\\\"mt-10\\\">\\n\\t\\t\\t\\t\\t\\t\\t<p>Termín</p>\\n\\t\\t\\t\\t\\t\\t\\t<div class=\\\"date-wrap\\\">\\n\\t\\t\\t\\t\\t\\t\\t\\t<Datepicker @open=\\\"editDatepicker('date')\\\" v-model=\\\"subtask.deadline\\\" @focus=\\\"onDateFocus\\\" :min-date=\\\"new Date()\\\" class=\\\"modal-input\\\" format=\\\"dd.MM.yyyy\\\" locale=\\\"sk\\\" select-text=\\\"Vybrať\\\" cancel-text=\\\"Zrušiť\\\" placeholder=\\\"Dátum\\\" />\\n\\t\\t\\t\\t\\t\\t\\t\\t<Datepicker @open=\\\"editDatepicker('time')\\\" v-model=\\\"subtask.deadline\\\" @focus=\\\"onDateFocus\\\" :min-date=\\\"new Date()\\\" class=\\\"modal-input\\\" format=\\\"HH:mm\\\" locale=\\\"sk\\\" select-text=\\\"Vybrať\\\" cancel-text=\\\"Zrušiť\\\" placeholder=\\\"Čas\\\" />\\n\\t\\t\\t\\t\\t\\t\\t</div>\\n\\t\\t\\t\\t\\t\\t</div> \"), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createElementVNode)(\"div\", _hoisted_20, [!$data.subtask.is_finished ? ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(vuetify_lib_components_VBtn_index_mjs__WEBPACK_IMPORTED_MODULE_8__.VBtn, {\n            key: 0,\n            class: \"done-btn\",\n            onClick: _cache[19] || (_cache[19] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)($event => $options.showCompleteTaskModal(), [\"stop\"]))\n          }, {\n            default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)(\"Dokončiť\")]),\n            _: 1 /* STABLE */\n          })) : ((0,vue__WEBPACK_IMPORTED_MODULE_1__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createBlock)(vuetify_lib_components_VBtn_index_mjs__WEBPACK_IMPORTED_MODULE_8__.VBtn, {\n            key: 1,\n            class: \"button secondary\",\n            onClick: _cache[20] || (_cache[20] = (0,vue__WEBPACK_IMPORTED_MODULE_1__.withModifiers)($event => $options.showCompleteTaskModal(), [\"stop\"]))\n          }, {\n            default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)(\"Znovu otvoriť\")]),\n            _: 1 /* STABLE */\n          })), (0,vue__WEBPACK_IMPORTED_MODULE_1__.createVNode)(vuetify_lib_components_VBtn_index_mjs__WEBPACK_IMPORTED_MODULE_8__.VBtn, {\n            class: \"button secondary\",\n            onClick: _cache[21] || (_cache[21] = $event => $options.closeModal())\n          }, {\n            default: (0,vue__WEBPACK_IMPORTED_MODULE_1__.withCtx)(() => [(0,vue__WEBPACK_IMPORTED_MODULE_1__.createTextVNode)(\"Uložiť zmeny\")]),\n            _: 1 /* STABLE */\n          })])])]),\n\n          _: 1 /* STABLE */\n        })]),\n\n        _: 1 /* STABLE */\n      }))]),\n\n      _: 1 /* STABLE */\n    }, 8 /* PROPS */, [\"content\"])]),\n    _: 1 /* STABLE */\n  }, 8 /* PROPS */, [\"modelValue\"]);\n}\n\n/* Vuetify */\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://jandl/./src/plugins/tm@modal/task/z-task-modal.vue?./node_modules/webpack-plugin-vuetify/dist/scriptLoader.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/vue-loader/dist/templateLoader.js??ruleSet%5B1%5D.rules%5B5%5D!./node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D");
 
 /***/ }),