[subTask] v-select employee, [refactor], [masterTaskDetail] formattedDates

app/package.json

@@ -13,7 +13,6 @@
 		"@fullcalendar/core": "^6.0.2",
 		"@fullcalendar/daygrid": "^6.0.2",
 		"@fullcalendar/vue3": "^6.0.2",
-		"lodash-es": "^4.17.21",
 		"@ionic/vue": "^6.3.6",
 		"@mdi/font": "5.9.55",
 		"@vuelidate/core": "^2.0.0",
@@ -23,6 +22,7 @@
 		"axios-auth-refresh": "^3.3.4",
 		"core-js": "^3.8.3",
 		"date-fns": "^2.29.3",
+		"lodash-es": "^4.17.21",
 		"mitt": "^2.1.0",
 		"moment": "^2.29.4",
 		"node-polyfill-webpack-plugin": "^2.0.1",

app/public/mock/v1/master-tasks/(id).GET.json

@@ -3,10 +3,8 @@
 		"id": 1,
 		"name": "Master task 1",
 		"description": "Urna vitae, suscipit suspendisse lectus arcu, imperdiet. Vulputate sit nec ut et. Urna ut a ac amet, donec orci non. Posuere elit magna consequat volutpat bibendum. Accumsan gravida elit condimentum sed. Congue non, dictum nec accumsan egestas vel. Sed molestie pretium odio morbi. Amet nunc, diam ridiculus dis condimentum arcu. Rhoncus, elementum, quis aenean neque. Faucibus leo laoreet lobortis vitae elementum. Condimentum ornare iaculis in fames in ut sit enim.",
-		"duration": 5400000,
-		"worked_time": 4400000,
-		"remaining_time": 1200000,
-		"time_worked": 0,
+		"duration": 128,
+		"worked_time": 133,
 		"starts_at": "2022-05-10T00:00:00+00:00",
 		"deadline": "2022-11-10T00:00:00+00:00",
 		"is_finished": false,

app/src/locales/en.json

@@ -0,0 +1,9 @@
+{
+	"Value is not a valid email address": "Value is not a valid email address",
+	"error": "chyba",
+	"Value is required": "Pole je povinné",
+	"This field should be at least 8 characters long": "Pole musí obsahovať aspoň 8 znakov",
+	"This field should be at least 6 characters long": "Pole musí obsahovať aspoň 6 znakov",
+	"This maximum length allowed is 6": "Pole musí obsahovať 6 znakov",
+	"The value must be equal to the other value": "Heslá sa nezhodujú"
+}

app/src/plugins/app/_config/router.ts

@@ -45,49 +45,50 @@ const routes: Array<RouteRecordRaw> = [
 					{
 						path: '/app/dashboard/tasks',
 						name: 'Dashboard - Tasks',
-						meta: { title: 'Úlohy' },
+						meta: { title: 'Tasks' },
 						component: () => import('@/plugins/tm@dashboard/tasks/tasks.vue')
 					},
 					{
 						path: '/app/dashboard/teams',
 						name: 'Dashboard - Teams',
-						meta: { title: 'Tímové zobrazenie' },
+						meta: { title: 'Teams Overview' },
 						component: () => import('@/plugins/tm@dashboard/teams/teams.vue')
 					},
 					{
 						path: '/app/dashboard/projects',
 						name: 'Dashboard - Projects',
-						meta: { title: 'Projektové zobrazenie' },
+						meta: { title: 'Projects overview' },
 						component: () => import('@/plugins/tm@dashboard/projects/projects.vue')
 					},
 
 					{
 						path: '/app/overview/unscheduled',
 						name: 'Overview - Unscheduled tasks',
-						meta: { title: 'Nenaplánované úlohy' },
+						meta: { title: 'Unscheduled tasks' },
 						component: () => import('@/plugins/tm@overview/tasks-unscheduled/tasks-unscheduled.vue')
 					},
 					{
 						path: '/app/overview/ongoing',
 						name: 'Overview - Ongoing tasks',
-						meta: { title: 'Prebiehajúce úlohy' },
+						meta: { title: 'Ongoing tasks' },
 						component: () => import('@/plugins/tm@overview/tasks-ongoing/tasks-ongoing.vue')
 					},
 					{
 						path: '/app/overview/teams',
 						name: 'Overview - Teams',
-						meta: { title: 'Tímy' },
+						meta: { title: 'Teams' },
 						component: () => import('@/plugins/tm@overview/teams/teams.vue')
 					},
 					{
 						path: '/app/dashboard/user',
 						name: 'Dashboard - User',
-						meta: { title: 'Váš profil' },
+						meta: { title: 'Profile' },
 						component: () => import('@/plugins/tm@profile/profile/my-profile.vue')
 					},
 					{
 						path: '/app/search',
 						name: 'Search',
+						meta: { title: 'Search Results' },
 						component: () => import('@/plugins/lib@search/search/search.vue')
 					}
 				]

app/src/plugins/app/_layout/app/_components/a-header.vue

@@ -7,7 +7,7 @@
 
 			<div class="d-flex justify-end align-center w-100 header-sm">
 				<img class="search-icon" :src="require('@/plugins/app/_layout/app/_img/search-icon.svg')" alt="search-icon" />
-				<input class="search-input mx-2" v-model="search" type="text" placeholder="Vyhľadávanie" @click="$router.push({name: 'Search'})" @keyup="eventBus.emit('onSearch', search)" />
+				<input class="search-input mx-2" v-model="search" type="text" placeholder="Search" @click="$router.push({name: 'Search'})" @keyup="eventBus.emit('onSearch', search)" />
 
 				<v-menu>
 					<template v-slot:activator="{ props }">

app/src/plugins/app/_layout/app/_components/a-sidemenu.vue

@@ -29,27 +29,27 @@ export default {
 		return {
 			unscheduledTasksLength: null,
 			pages: [{
-				title: 'Úlohy',
+				title: 'Tasks',
 				pageName: 'Dashboard - Tasks'
 			},
 			{
-				title: 'Tímove zobrazenie',
+				title: 'Teams overview',
 				pageName: 'Dashboard - Teams'
 			},
 			{
-				title: 'Projektové zobrazenie',
+				title: 'Projects overview',
 				pageName: 'Dashboard - Projects'
 			},
 			{
-				title: 'Nenaplánované úlohy',
+				title: 'Unscheduled tasks',
 				pageName: 'Overview - Unscheduled tasks'
 			},
 			{
-				title: 'Prebiehajúce úlohy',
+				title: 'Ongoing tasks',
 				pageName: 'Overview - Ongoing tasks'
 			},
 			{
-				title: 'Tímy',
+				title: 'Teams',
 				pageName: 'Overview - Teams'
 			}]
 		}

app/src/plugins/app/_theme/_components/z-cancel-btn.css

@@ -1,4 +0,0 @@
-.cancel-btn {
-  border: thin solid rgba(var(--v-border-color), var(--v-border-opacity)) !important;
-  color: #7f39fb !important;
-}/*# sourceMappingURL=z-cancel-btn.css.map */

app/src/plugins/app/_theme/_components/z-cancel-btn.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["z-cancel-btn.sass","z-cancel-btn.css"],"names":[],"mappings":"AAAA;EACC,kFAAA;EACA,yBAAA;ACCD","file":"z-cancel-btn.css"}

app/src/plugins/app/_theme/_components/z-default-btn.css

@@ -1,5 +0,0 @@
-.z-btn {
-  background: #7f39fb !important;
-  border-radius: 4px !important;
-  color: #fff !important;
-}/*# sourceMappingURL=z-default-btn.css.map */

app/src/plugins/app/_theme/_components/z-default-btn.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["z-default-btn.sass","z-default-btn.css"],"names":[],"mappings":"AAAA;EACC,8BAAA;EACA,6BAAA;EACA,sBAAA;ACCD","file":"z-default-btn.css"}

app/src/plugins/app/_theme/date-picker.css

@@ -1,24 +0,0 @@
-.dp__input {
-  height: 56px;
-  border: 1px solid #E5E5E5 !important;
-}
-
-.dp__range_end, .dp__range_start, .dp__active_date {
-  background: #7F39FB !important;
-}
-
-.dp__select {
-  color: #7F39FB !important;
-}
-
-.dp__today {
-  border: 1px solid #7F39FB !important;
-}
-
-.dp__range_between {
-  background: #F4E8FF !important;
-}
-
-.dp__action {
-  font-weight: 500 !important;
-}/*# sourceMappingURL=date-picker.css.map */

app/src/plugins/app/_theme/date-picker.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["date-picker.sass","date-picker.css"],"names":[],"mappings":"AAAA;EACC,YAAA;EACA,oCAAA;ACCD;;ADCA;EACC,8BAAA;ACED;;ADAA;EACC,yBAAA;ACGD;;ADDA;EACC,oCAAA;ACID;;ADFA;EACC,8BAAA;ACKD;;ADHA;EACC,2BAAA;ACMD","file":"date-picker.css"}

app/src/plugins/app/_theme/global.css

@@ -1,79 +0,0 @@
-.task-action .trash-icon {
-  padding: 10px;
-  background: rgba(0, 0, 0, 0.04);
-  margin-left: 12px;
-  border-radius: 50%;
-  cursor: pointer;
-}
-.task-action .pencil-icon {
-  padding: 10px;
-  background: rgba(0, 0, 0, 0.04);
-  border-radius: 50%;
-  cursor: pointer;
-}
-
-.status-badge {
-  background: #F2E7FE;
-  color: #7F39FB;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-}
-
-.task-badge {
-  background: rgba(0, 0, 0, 0.04);
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-}
-
-.description-detail {
-  background: rgba(0, 0, 0, 0.04);
-  color: rgba(0, 0, 0, 0.6);
-  height: -webkit-fit-content;
-  height: -moz-fit-content;
-  height: fit-content;
-}
-
-.employee-selected-avatar {
-  background: #6200EE;
-  color: #fff;
-  border-radius: 50%;
-  padding: 13px;
-  font-size: 11.5px;
-  height: 24px;
-  width: 24px;
-}
-
-th {
-  font-size: 16px !important;
-}
-
-.task-action {
-  width: 50%;
-}
-
-.v-card {
-  padding: 35px !important;
-}
-
-.cursor-pointer:hover {
-  cursor: pointer;
-}
-
-.hover-background:hover {
-  background-color: rgba(0, 0, 0, var(--v-hover-opacity));
-}
-
-.v-input__control {
-  border-radius: 4px;
-}
-
-.border-select .v-input__control {
-  border: 1px solid #E5E5E5 !important;
-}
-
-input[type=time]::-webkit-calendar-picker-indicator {
-  display: none;
-  border: 1px solid #E5E5E5 !important;
-}/*# sourceMappingURL=global.css.map */

app/src/plugins/app/_theme/global.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["global.sass","global.css"],"names":[],"mappings":"AACC;EACC,aAAA;EACA,+BAAA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;ACAF;ADCC;EACC,aAAA;EACA,+BAAA;EACA,kBAAA;EACA,eAAA;ACCF;;ADCA;EACC,mBAAA;EACA,cAAA;EACA,0BAAA;EAAA,uBAAA;EAAA,kBAAA;ACED;;ADAA;EACC,+BAAA;EACA,0BAAA;EAAA,uBAAA;EAAA,kBAAA;ACGD;;ADDA;EACC,+BAAA;EACA,yBAAA;EACA,2BAAA;EAAA,wBAAA;EAAA,mBAAA;ACID;;ADFA;EACC,mBAAA;EACA,WAAA;EACA,kBAAA;EACA,aAAA;EACA,iBAAA;EACA,YAAA;EACA,WAAA;ACKD;;ADHA;EACC,0BAAA;ACMD;;ADJA;EACC,UAAA;ACOD;;ADLA;EACC,wBAAA;ACQD;;ADNA;EACC,eAAA;ACSD;;ADPA;EACC,uDAAA;ACUD;;ADRA;EACC,kBAAA;ACWD;;ADTA;EACC,oCAAA;ACYD;;ADVA;EACC,aAAA;EACA,oCAAA;ACaD","file":"global.css"}

app/src/plugins/app/_theme/vuetify/v-dialog.css

@@ -1,4 +0,0 @@
-.v-dialog h1 {
-  font-size: 26px;
-  font-weight: 500;
-}/*# sourceMappingURL=v-dialog.css.map */

app/src/plugins/app/_theme/vuetify/v-dialog.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["v-dialog.sass","v-dialog.css"],"names":[],"mappings":"AACC;EACC,eAAA;EACA,gBAAA;ACAF","file":"v-dialog.css"}

app/src/plugins/app@vendor/vue-cal/scss/index.css

@@ -1,94 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-}
-
-html {
-  scroll-behavior: smooth;
-}
-
-#app {
-  overflow-x: hidden;
-}
-
-.w-app {
-  font: 15px "Avenir", Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  background-color: #fff !important;
-  color: #2c3e50;
-  margin-top: 8em;
-  padding-top: 12em;
-}
-
-.page-container {
-  width: 100%;
-  max-width: 1200px;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-a {
-  text-decoration: none;
-  color: #42b983;
-}
-a[name] {
-  position: relative;
-  top: -4em;
-  display: block;
-}
-
-.scrollable {
-  height: 250px;
-  overflow-y: scroll;
-  padding-right: 1.8em;
-}
-
-.footer {
-  font-size: 0.9em;
-  font-style: italic;
-  margin: 3em 0 3.5em;
-}
-.footer .w-icon {
-  font-size: 1.2em;
-}
-.footer .w-icon.heart {
-  transition: 1s ease-out;
-  cursor: pointer;
-}
-.footer .w-icon.heart:hover {
-  -webkit-animation: pulse 1.8s ease-out infinite;
-          animation: pulse 1.8s ease-out infinite;
-}
-
-@-webkit-keyframes pulse {
-  0%, 20%, 30%, 35%, 45%, 100% {
-    transform: scale(1);
-  }
-  25%, 40% {
-    transform: scale(1.3);
-  }
-}
-
-@keyframes pulse {
-  0%, 20%, 30%, 35%, 45%, 100% {
-    transform: scale(1);
-  }
-  25%, 40% {
-    transform: scale(1.3);
-  }
-}
-@media screen and (max-width: 1240px) {
-  :root {
-    --container-padding: 20px;
-  }
-  .page-container {
-    padding-left: var(--container-padding);
-    padding-right: var(--container-padding);
-  }
-}
-@media screen and (max-width: 524px) {
-  :root {
-    --container-padding: 12px;
-  }
-}/*# sourceMappingURL=index.css.map */

app/src/plugins/app@vendor/vue-cal/scss/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["_base.scss","index.css","_variables.scss"],"names":[],"mappings":"AAGA;EAAG,SAAA;EAAU,UAAA;ACAb;;ADEA;EAAM,uBAAA;ACEN;;ADAA;EAAM,kBAAA;ACIN;;ADFA;EACE,iDAAA;EACA,mCAAA;EACA,kCAAA;EACA,iCAAA;EACA,cAAA;EACA,eAAA;EACA,iBAAA;ACKF;;ADFA;EACE,WAAA;EACA,iBEpBe;EFqBf,iBAAA;EACA,kBAAA;ACKF;;ADAA;EACE,qBAAA;EACA,cE9BQ;ADiCV;ADDE;EACE,kBAAA;EACA,SAAA;EACA,cAAA;ACGJ;;ADCA;EACE,aAAA;EACA,kBAAA;EACA,oBAAA;ACEF;;ADCA;EACE,gBAAA;EACA,kBAAA;EACA,mBAAA;ACEF;ADAE;EACE,gBAAA;ACEJ;ADAI;EAAS,uBAAA;EAAwB,eAAA;ACIrC;ADHI;EAAe,+CAAA;UAAA,uCAAA;ACMnB;;ADFA;EACE;IAA8B,mBAAA;ECM9B;EDLA;IAAU,qBAAA;ECQV;AACF;;ADXA;EACE;IAA8B,mBAAA;ECM9B;EDLA;IAAU,qBAAA;ECQV;AACF;ADJA;EACE;IAAO,yBAAA;ECOP;EDNA;IACE,sCAAA;IACA,uCAAA;ECQF;AACF;ADLA;EACE;IAAO,yBAAA;ECQP;AACF","file":"index.css"}

app/src/plugins/app@vendor/vue-cal/styles.css

@@ -1,396 +0,0 @@
-.vuecal {
-  height: 100%;
-  box-shadow: 0 0 0 1px inset rgba(0, 0, 0, 0.08);
-}
-.vuecal * {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.vuecal--has-touch *:not(.vuecal__event-title--edit) {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.vuecal .clickable {
-  cursor: pointer;
-}
-.vuecal--resizing-event, .vuecal--drag-creating-event {
-  cursor: ns-resize;
-}
-.vuecal--dragging-event {
-  cursor: move;
-  cursor: -webkit-grabbing;
-  cursor: grabbing;
-}
-.vuecal .dragging-helper {
-  position: absolute;
-  width: 60px;
-  height: 40px;
-  background: rgba(138, 190, 230, 0.8);
-  border: 1px solid #61a9e0;
-  z-index: 10;
-}
-.vuecal--xsmall {
-  font-size: 0.9em;
-}
-.vuecal__flex {
-  display: flex;
-  flex-direction: row;
-}
-.vuecal__flex[column] {
-  flex-direction: column;
-  flex: 1 1 auto;
-}
-.vuecal__flex[grow] {
-  flex: 1 1 auto;
-  width: 100%;
-}
-.vuecal__flex[wrap] {
-  flex-wrap: wrap;
-}
-.vuecal__split-days-headers.slide-fade--right-leave-active {
-  display: none;
-}
-.vuecal--week-numbers.vuecal--month-view .vuecal__split-days-headers {
-  margin-left: 3em;
-}
-.vuecal--day-view:not(.vuecal--overflow-x) .vuecal__split-days-headers {
-  margin-left: 3em;
-  height: 2.2em;
-}
-.vuecal--day-view.vuecal--twelve-hour:not(.vuecal--overflow-x) .vuecal__split-days-headers {
-  margin-left: 4em;
-}
-.vuecal__split-days-headers .day-split-header {
-  display: flex;
-  flex-grow: 1;
-  flex-basis: 0;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-}
-.vuecal__split-days-headers .vuecal--day-view.vuecal--overflow-x.vuecal--sticky-split-labels .day-split-header {
-  height: 1.5em;
-}
-.vuecal__body {
-  position: relative;
-  overflow: hidden;
-}
-.vuecal__all-day {
-  min-height: 1.7em;
-  margin-bottom: -1px;
-  flex-shrink: 0;
-}
-.vuecal__all-day-text {
-  width: 3em;
-  box-sizing: border-box;
-  color: #999;
-  padding-right: 2px;
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: flex-end;
-  border-bottom: 1px solid #ddd;
-  -webkit-hyphens: auto;
-      -ms-hyphens: auto;
-          hyphens: auto;
-}
-.vuecal__all-day-text span {
-  font-size: 0.85em;
-  text-align: right;
-  line-height: 1.1;
-}
-.vuecal--twelve-hour .vuecal__all-day > span {
-  width: 4em;
-}
-.vuecal__bg {
-  overflow: auto;
-  overflow-x: hidden;
-  -webkit-overflow-scrolling: touch;
-  min-height: 60px;
-  position: relative;
-  width: 100%;
-}
-.vuecal--no-time .vuecal__bg {
-  display: flex;
-  flex: 1 1 auto;
-  overflow: auto;
-}
-.vuecal__week-numbers {
-  width: 3em;
-  flex-shrink: 0 !important;
-}
-.vuecal__week-numbers .vuecal__week-number-cell {
-  opacity: 0.4;
-  font-size: 0.9em;
-  align-items: center;
-  justify-items: center;
-  justify-content: center;
-}
-.vuecal__scrollbar-check {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  overflow: scroll;
-  visibility: hidden;
-  z-index: -1;
-}
-.vuecal__scrollbar-check div {
-  height: 120%;
-}
-.vuecal__time-column {
-  width: 3em;
-  height: 100%;
-  flex-shrink: 0;
-}
-.vuecal--twelve-hour .vuecal__time-column {
-  width: 4em;
-  font-size: 0.9em;
-}
-.vuecal--overflow-x.vuecal--week-view .vuecal__time-column {
-  margin-top: 4em;
-  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
-}
-.vuecal--overflow-x.vuecal--week-view.vuecal--sticky-split-labels .vuecal__time-column {
-  margin-top: 3.4em;
-}
-.vuecal--overflow-x.vuecal--day-view.vuecal--sticky-split-labels .vuecal__time-column {
-  margin-top: 1.5em;
-}
-.vuecal__time-column .vuecal__time-cell {
-  color: #999;
-  text-align: right;
-  padding-right: 2px;
-  font-size: 0.9em;
-}
-.vuecal__time-column .vuecal__time-cell-line:before {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  border-top: 1px solid rgba(196, 196, 196, 0.3);
-}
-.vuecal__cells {
-  margin: 0 1px 1px 0;
-}
-.vuecal--overflow-x.vuecal--day-view .vuecal__cells {
-  margin: 0;
-}
-.vuecal--events-on-month-view.vuecal--short-events .vuecal__cells {
-  width: 99.9%;
-}
-.vuecal--overflow-x.vuecal--day-view .vuecal__cells, .vuecal--overflow-x.vuecal--week-view .vuecal__cells {
-  flex-wrap: nowrap;
-  overflow: auto;
-}
-
-.slide-fade--left-enter-active, .slide-fade--left-leave-active,
-.slide-fade--right-enter-active, .slide-fade--right-leave-active {
-  transition: 0.25s ease-out;
-}
-
-.slide-fade--left-enter-from,
-.slide-fade--right-leave-to {
-  transform: translateX(-15px);
-  opacity: 0;
-}
-
-.slide-fade--left-leave-to,
-.slide-fade--right-enter-from {
-  transform: translateX(15px);
-  opacity: 0;
-}
-
-.slide-fade--left-leave-active,
-.slide-fade--right-leave-active {
-  position: absolute !important;
-  height: 100%;
-}
-
-.vuecal__title-bar .slide-fade--left-leave-active,
-.vuecal__title-bar .slide-fade--right-leave-active {
-  left: 0;
-  right: 0;
-  height: auto;
-}
-
-.vuecal__heading .slide-fade--left-leave-active,
-.vuecal__heading .slide-fade--right-leave-active {
-  display: flex;
-  align-items: center;
-}
-
-.vuecal--green-theme .vuecal__menu, .vuecal--green-theme .vuecal__cell-events-count {
-  background-color: #42b983;
-  color: #fff;
-}
-.vuecal--green-theme .vuecal__title-bar {
-  background-color: #e4f5ef;
-}
-.vuecal--green-theme .vuecal__cell--today, .vuecal--green-theme .vuecal__cell--current {
-  background-color: rgba(240, 240, 255, 0.4);
-}
-.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell--selected {
-  background-color: rgba(235, 255, 245, 0.4);
-}
-.vuecal--green-theme .vuecal__cell--selected:before {
-  border-color: rgba(66, 185, 131, 0.5);
-}
-.vuecal--green-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits),
-.vuecal--green-theme .vuecal__cell-split--highlighted {
-  background-color: rgba(195, 255, 225, 0.5);
-}
-.vuecal--green-theme .vuecal__arrow--highlighted,
-.vuecal--green-theme .vuecal__today-btn--highlighted,
-.vuecal--green-theme .vuecal__view-btn--highlighted {
-  background-color: rgba(136, 236, 191, 0.25);
-}
-
-.vuecal--blue-theme .vuecal__menu, .vuecal--blue-theme .vuecal__cell-events-count {
-  background-color: rgba(66, 163, 185, 0.8);
-  color: #fff;
-}
-.vuecal--blue-theme .vuecal__title-bar {
-  background-color: rgba(0, 165, 188, 0.3);
-}
-.vuecal--blue-theme .vuecal__cell--today, .vuecal--blue-theme .vuecal__cell--current {
-  background-color: rgba(240, 240, 255, 0.4);
-}
-.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell--selected {
-  background-color: rgba(235, 253, 255, 0.4);
-}
-.vuecal--blue-theme .vuecal__cell--selected:before {
-  border-color: rgba(115, 191, 204, 0.5);
-}
-.vuecal--blue-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits),
-.vuecal--blue-theme .vuecal__cell-split--highlighted {
-  background-color: rgba(0, 165, 188, 0.06);
-}
-.vuecal--blue-theme .vuecal__arrow--highlighted,
-.vuecal--blue-theme .vuecal__today-btn--highlighted,
-.vuecal--blue-theme .vuecal__view-btn--highlighted {
-  background-color: rgba(66, 163, 185, 0.2);
-}
-
-.vuecal--rounded-theme .vuecal__weekdays-headings {
-  border: none;
-}
-.vuecal--rounded-theme .vuecal__cell, .vuecal--rounded-theme .vuecal__cell:before {
-  background: none;
-  border: none;
-}
-.vuecal--rounded-theme .vuecal__cell--out-of-scope {
-  opacity: 0.4;
-}
-.vuecal--rounded-theme .vuecal__cell-content {
-  width: 30px;
-  height: 30px;
-  flex-grow: 0;
-  border: 1px solid transparent;
-  border-radius: 30px;
-  color: #333;
-}
-.vuecal--rounded-theme.vuecal--day-view .vuecal__cell-content {
-  width: auto;
-  background: none;
-}
-.vuecal--rounded-theme.vuecal--year-view .vuecal__cell {
-  width: 33.33%;
-}
-.vuecal--rounded-theme.vuecal--year-view .vuecal__cell-content {
-  width: 85px;
-}
-.vuecal--rounded-theme.vuecal--years-view .vuecal__cell-content {
-  width: 52px;
-}
-.vuecal--rounded-theme .vuecal__cell {
-  background-color: transparent !important;
-}
-.vuecal--rounded-theme.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell-content {
-  background-color: #f1faf7;
-}
-.vuecal--rounded-theme.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell--today .vuecal__cell-content {
-  background-color: #42b983;
-  color: #fff;
-}
-.vuecal--rounded-theme.vuecal--green-theme .vuecal--day-view .vuecal__cell--today:before {
-  background-color: rgba(66, 185, 131, 0.05);
-}
-.vuecal--rounded-theme.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell--selected .vuecal__cell-content {
-  border-color: #42b983;
-}
-.vuecal--rounded-theme.vuecal--green-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits),
-.vuecal--rounded-theme.vuecal--green-theme .vuecal__cell-split--highlighted {
-  background-color: rgba(195, 255, 225, 0.5);
-}
-.vuecal--rounded-theme.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell-content {
-  background-color: rgba(100, 182, 255, 0.2);
-}
-.vuecal--rounded-theme.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell--today .vuecal__cell-content {
-  background-color: #8fb7e4;
-  color: #fff;
-}
-.vuecal--rounded-theme.vuecal--blue-theme .vuecal--day-view .vuecal__cell--today:before {
-  background-color: rgba(143, 183, 228, 0.1);
-}
-.vuecal--rounded-theme.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell--selected .vuecal__cell-content {
-  border-color: #61a9e0;
-}
-.vuecal--rounded-theme.vuecal--blue-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits),
-.vuecal--rounded-theme.vuecal--blue-theme .vuecal__cell-split--highlighted {
-  background-color: rgba(0, 165, 188, 0.06);
-}
-
-.vuecal--date-picker .vuecal__title-bar {
-  font-size: 1.2em;
-}
-.vuecal--date-picker .vuecal__heading {
-  height: 2.2em;
-  font-weight: 500;
-  opacity: 0.4;
-}
-.vuecal--date-picker .vuecal__weekdays-headings {
-  border: none;
-}
-.vuecal--date-picker .vuecal__body {
-  margin-left: 1px;
-}
-.vuecal--date-picker .vuecal__cell, .vuecal--date-picker .vuecal__cell:before {
-  background: none;
-  border: none;
-}
-.vuecal--date-picker .vuecal__cell-content {
-  height: 26px;
-  flex-grow: 0;
-  border: 1px solid transparent;
-  border-radius: 25px;
-  transition: background-color 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
-}
-.vuecal--date-picker.vuecal--years-view .vuecal__cell-content {
-  flex: 0;
-  padding: 0 4px;
-  height: 24px;
-}
-.vuecal--date-picker.vuecal--year-view .vuecal__cell-content {
-  flex: 0;
-  padding: 0 15px;
-}
-.vuecal--date-picker.vuecal--month-view .vuecal__cell-content {
-  width: 26px;
-}
-.vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell-content:hover {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-.vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell--selected .vuecal__cell-content {
-  background-color: #42b982;
-  color: #fff;
-}
-.vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell--current .vuecal__cell-content, .vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell--today .vuecal__cell-content {
-  border-color: #42b982;
-}/*# sourceMappingURL=styles.css.map */

app/src/plugins/app@vendor/vue-cal/styles.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["styles.scss","styles.css"],"names":[],"mappings":"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","file":"styles.css"}

app/src/plugins/lib@auth/forgot-password/_components/a-forgot-password-form.vue

@@ -3,8 +3,8 @@
 		<v-text-field v-model="form.email" variant="solo" bg-color="white" :hint="v$.form.email.$errors ? errorUtils.parseErrors(v$.form.email.$errors) : null" :class="{ error: v$.form.email.$errors.length }" class="mb-2" label="E-mail" autocomplete="email" />
 
 		<div class="d-flex flex-column">
-			<v-btn class="button" color="#7F39FB" @click="submit()">Poslať kód</v-btn>
-			<p class="mt-5 text-center cursor-pointer" @click="$router.push({ name: 'Login' })">Spomenuli ste si na heslo? Prihláste sa</p>
+			<v-btn class="button" color="#7F39FB" @click="submit()">Send code</v-btn>
+			<p class="mt-5 text-center cursor-pointer" @click="$router.push({ name: 'Login' })">Did you remember your password? Log in</p>
 		</div>
 	</v-form>
 </template>

app/src/plugins/lib@auth/forgot-password/forgot-password.vue

@@ -1,8 +1,8 @@
 <template>
 	<v-container>
 		<div class="auth-card">
-			<h1>Zabudnuté heslo?</h1>
-			<p class="mb-10">Na e-mail Vám odošleme overovací kód s inštrukciami, ako si obnoviť Vaše heslo</p>
+			<h1>Forgotten password?</h1>
+			<p class="mb-10">We will send you a confirmation code on your email with the instructions</p>
 
 			<A-forgot-password-form />
 		</div>

app/src/plugins/lib@auth/login/_components/a-login-form.vue

@@ -2,12 +2,12 @@
 	<v-form>
 		<v-text-field v-model="form.email" label="E-mail" variant="solo" autocomplete="email" class="mb-2" bg-color="white" :hint="v$.form.email.$errors ? errorUtils.parseErrors(v$.form.email.$errors) : null" :class="{ error: v$.form.email.$errors.length }" />
 
-		<v-text-field v-model="form.password" :type="showPassword ? 'text' : 'password'" variant="solo" bg-color="white" class="mb-2" :counter="8" label="Heslo" autocomplete="current-password" :hint="v$.form.password.$errors ? errorUtils.parseErrors(v$.form.password.$errors) : null"
+		<v-text-field v-model="form.password" :type="showPassword ? 'text' : 'password'" variant="solo" bg-color="white" class="mb-2" :counter="8" label="Password" autocomplete="current-password" :hint="v$.form.password.$errors ? errorUtils.parseErrors(v$.form.password.$errors) : null"
 			:class="{ error: v$.form.password.$errors.length }" :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'" @click:append="showPassword = !showPassword"  />
 
 		<div class="d-flex flex-column">
-			<v-btn class="button" color="#7F39FB" @click="submit()">Prihlásiť sa</v-btn>
-			<p class="mt-5 text-center cursor-pointer" @click="$router.push({ name: 'Forgot password' })">Zabudli ste heslo?</p>
+			<v-btn class="button" color="#7F39FB" @click="submit()">Log In</v-btn>
+			<p class="mt-5 text-center cursor-pointer" @click="$router.push({ name: 'Forgot password' })">Forgotten password ?</p>
 		</div>
 	</v-form>
 </template>

app/src/plugins/lib@auth/login/login.vue

@@ -1,7 +1,7 @@
 <template>
 	<v-container>
 		<div class="auth-card">
-			<h1>Prihláste sa s vašim e-mailom</h1>
+			<h1>Log In with your E-mail</h1>
 
 			<A-login-form />
 		</div>

app/src/plugins/lib@auth/reset-password/_components/a-reset-password-form.vue

@@ -1,15 +1,15 @@
 <template>
 	<v-form>
-		<v-text-field v-model="form.code" label="Kód" autocomplete="one-time-code" bg-color="white" variant="solo" type="number" class="mb-2" :hint="v$.form.code.$errors ? errorUtils.parseErrors(v$.form.code.$errors) : null" :counter="6" :class="{ error: v$.form.code.$errors.length }" />
+		<v-text-field v-model="form.code" label="Code" autocomplete="one-time-code" bg-color="white" variant="solo" type="number" class="mb-2" :hint="v$.form.code.$errors ? errorUtils.parseErrors(v$.form.code.$errors) : null" :counter="6" :class="{ error: v$.form.code.$errors.length }" />
 
 		<v-text-field v-model="form.email" label="E-mail" autocomplete="email" bg-color="white" variant="solo" type="email" class="mb-2" :hint="v$.form.email.$errors ? errorUtils.parseErrors(v$.form.email.$errors) : null" :class="{ error: v$.form.email.$errors.length }" />
 
-		<v-text-field v-model="form.password" label="Heslo" autocomplete="new-password" bg-color="white" variant="solo" :type="showPassword ? 'text' : 'password'" class="mb-2" :hint="v$.form.password.$errors ? errorUtils.parseErrors(v$.form.password.$errors) : null" :class="{ error: v$.form.password.$errors.length }" :counter="8"  :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'" @click:append="showPassword = !showPassword" />
+		<v-text-field v-model="form.password" label="Password" autocomplete="new-password" bg-color="white" variant="solo" :type="showPassword ? 'text' : 'password'" class="mb-2" :hint="v$.form.password.$errors ? errorUtils.parseErrors(v$.form.password.$errors) : null" :class="{ error: v$.form.password.$errors.length }" :counter="8"  :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'" @click:append="showPassword = !showPassword" />
 
-		<v-text-field v-model="form.password_confirmation" autocomplete="new-password" bg-color="white" variant="solo" label="Potvrdenie hesla" :type="showConfirmationPassword ? 'text' : 'password'" :counter="8" class="mb-2" :hint="v$.form.password_confirmation.$errors ? errorUtils.parseErrors(v$.form.password_confirmation.$errors) : null" :class="{ error: v$.form.password_confirmation.$errors.length }"  :append-icon="showConfirmationPassword ? 'mdi-eye' : 'mdi-eye-off'" @click:append="showConfirmationPassword = !showConfirmationPassword" />
+		<v-text-field v-model="form.password_confirmation" autocomplete="new-password" bg-color="white" variant="solo" label="Password confirmation" :type="showConfirmationPassword ? 'text' : 'password'" :counter="8" class="mb-2" :hint="v$.form.password_confirmation.$errors ? errorUtils.parseErrors(v$.form.password_confirmation.$errors) : null" :class="{ error: v$.form.password_confirmation.$errors.length }"  :append-icon="showConfirmationPassword ? 'mdi-eye' : 'mdi-eye-off'" @click:append="showConfirmationPassword = !showConfirmationPassword" />
 
 		<div class="d-flex flex-column">
-			<v-btn class="button" color="#7F39FB" @click="submit()">Zmeniť heslo</v-btn>
+			<v-btn class="button" color="#7F39FB" @click="submit()">Change password</v-btn>
 		</div>
 	</v-form>
 </template>

app/src/plugins/lib@auth/reset-password/reset-password.vue

@@ -1,8 +1,8 @@
 <template>
 	<v-container>
 		<div class="auth-card">
-			<h1>Resetovať heslo</h1>
-			<p class="mb-10">Overovací kód sme Vám odoslali na email. Môžete ho sem vložiť, alebo pokračovať pomocou odkazu v emaile.</p>
+			<h1>Reset password</h1>
+			<p class="mb-10">We have sent you a confirmation code on your email. You can insert him or continue with link in your email</p>
 
 			<A-reset-password-form />
 		</div>

app/src/plugins/lib@search/search/_components/a-seach-result-task.vue

@@ -0,0 +1,55 @@
+<template>
+	<div>
+		<h1 class="px-3 py-3">Tasks</h1>
+		<v-table>
+			<tbody>
+				<tr v-for="task in tasks" :key="task.id">
+					<td>{{ task.project_code }}</td>
+					<td>{{ task.title }}</td>
+					<td>		
+						<p>{{ task.user.name + task.user.surname }}</p>				
+						<p class="employee-avatar d-flex justify-center align-center">
+							{{ task.user.name.charAt(0) }}
+						</p>
+					</td>
+					<td class="task-action">
+						<div class="d-flex justify-start">
+							<img class="pencil-icon" :src="require('@/plugins/tm@dashboard/_components/_img/checkmark.svg')" alt="checkmark-icon">
+							<img class="pencil-icon" :src="require('@/plugins/tm@overview/_img/pencil-icon.svg')" alt="pencil-icon">
+							<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon">
+						</div>
+					</td>
+				</tr>
+			</tbody>
+		</v-table>
+	</div>
+</template>
+  
+<script>
+
+export default {
+	props: {
+		tasks: {
+			type: Array,
+			required: true
+		}
+	},
+}
+</script>
+
+<style lang="sass" scoped>
+v-table, th, td
+	border: thin solid rgba(var(--v-border-color), var(--v-border-opacity))
+
+.employee-avatar
+	background: #6200EE
+	color: #fff
+	border-radius: 50%
+	padding: 13px
+	font-size: 11.5px
+	height: 24px
+	width: 24px
+
+.task-action
+
+</style>

app/src/plugins/lib@search/search/_components/a-seach-result-team.vue

@@ -1,10 +0,0 @@
-<template>
-	<div>
-
-	</div>
-</template>
-
-<script>
-export default {
-}
-</script>

app/src/plugins/lib@search/search/_components/a-search-result-team.vue

@@ -0,0 +1,63 @@
+<template>
+	<div>
+		<h1 class="px-3 py-3">Teams</h1>
+		<v-table>
+			<tbody>
+				<tr v-for="team in teams" :key="team.id">
+					<td>{{ team.name }}</td>
+					<td class="task-action">
+						<div class="d-flex justify-start">
+							<img class="pencil-icon" :src="require('@/plugins/tm@overview/_img/pencil-icon.svg')" alt="pencil-icon" @click.stop="editTeam(team)" />
+							<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon" @click.stop="deleteTeam(team)" />
+						</div>
+					</td>
+				</tr>
+			</tbody>
+		</v-table>
+
+		<Z-team-modal ref="z-team-modal" />
+		<!-- Kravarik: Aj tento modal prerob novym sposobom -->
+		<!-- <Z-delete-team-modal 	v-if="deleteModal" 	:visible="deleteModal ? true : false" 	:team="deleteModal.team" 	@close="(deleteModal = null)" /> -->
+		<Z-delete-team-modal ref="z-delete-team-modal" />
+	</div>
+</template>
+  
+<script>
+import ZDeleteTeamModal from '@/plugins/tm@modal/team/z-delete-team-modal.vue'
+import ZTeamModal		from '@/plugins/tm@modal/team/z-team-modal.vue'
+
+export default {
+	components: {
+		ZDeleteTeamModal,
+		ZTeamModal
+	},
+
+	props: {
+		teams: {
+			type: Array,
+			required: true
+		}
+	},
+
+	data() {
+		return {
+			deleteModal: null
+		}
+	},
+
+	methods: {
+		editTeam(team) {
+			this.$refs['z-team-modal'].create(team)
+		},
+
+		deleteTeam(team) {
+			this.$refs['z-delete-team-modal'].delete(team)
+		}
+	}
+}
+</script>
+
+<style lang="sass" scoped>
+v-table, th, td
+	border: thin solid rgba(var(--v-border-color), var(--v-border-opacity))
+</style>

app/src/plugins/lib@search/search/search.vue

@@ -1,12 +1,13 @@
 <template>
 	<form>
-		<A-search-result-team />
+		<A-search-result-team v-if="searchResults?.teams" :teams="searchResults.teams" />
+		<A-search-result-tasks v-if="searchResults?.tasks" :tasks="searchResults.tasks" />
 	</form>
 </template>
 
 <script>
 import { debounce } from 'lodash-es'
-import ASearchResultTeam from '@/plugins/lib@search/search/_components/a-seach-result-team.vue'
+import ASearchResultTeam from '@/plugins/lib@search/search/_components/a-search-result-team.vue'
 
 export default {
 	components: {
@@ -15,11 +16,19 @@ export default {
 
 	data() {
 		return {
-			search: null
+			searchResults: [],
+			search: ''
 		}
 	},
 
 	created() {
+		try {
+			this.searchResults = this.$axios.get_auth_data('v1/search')
+			console.log(this.searchResults)
+		} catch (error) {
+			this.$toast.error(error)
+		}
+
 		this.eventBus.on('onSearch', (search) => {
 			this.search = search
 		})
@@ -27,8 +36,8 @@ export default {
 
 	methods: {
 		debounceSearch: debounce(function () {
-			console.log("object")
-		}, 2000),
+			this.search
+		}, 300),
 	}
 }
 </script>

app/src/plugins/tm@modal/blocker/z-blocker-modal.vue

@@ -1,6 +1,6 @@
 <template>
 	<v-dialog v-model="visible" max-width="650" max-height="90%" height="700px">
-		<W-loadable :content="blocker && allEmployees" class="h-100">
+		<W-loadable :content="blocker" class="h-100">
 			<v-card height="100%" class="d-flex flex-column">
 				<div class="d-flex justify-space-between align-center modal-header">
 					<h1>{{ blocker.id ? 'Upraviť' : 'Vytvoriť'}} blocker</h1>
@@ -62,7 +62,6 @@
 						select-text="Vybrať"
 						cancel-text="Zrušiť"
 						placeholder="Trvanie od - do"
-						:start-time="startTime"
 						range
 					/>
 				</v-card-actions>
@@ -139,18 +138,22 @@ export default {
 
 	methods: {
 		async create(blocker = null) {
+			this.visible = true
+			this.blocker = null
+
 			if (blocker) {
-				this.blocker = blocker
 				await this._load()
 			} else {
-				this.blocker = {
+				const blocker = {
 					name: '',
 					date: null,
 					employees: []
 				}
-			}
 
-			this.visible = true
+				setTimeout(() => {
+					this.blocker = blocker
+				})
+			}
 		},
 
 		employeeSelected(selectedOption) {
@@ -171,14 +174,13 @@ export default {
 				this.close()
 				this.$router.push({ name: 'Dashboard - Tasks' })
 			} catch (error) {
-				console.log(error)
+				this.$toast(error)
 			}
 		},
 
 		close() {
 			this.visible = false
 			this.$emit('close', this.blocker)
-			this.blocker = null
 		},
 
 		async _create() {

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

@@ -1,6 +1,6 @@
 <template>
 	<v-dialog v-model="visible" max-width="650" max-height="90%" height="700px">
-		<W-loadable :content="masterTask && employees" class="h-100">
+		<W-loadable :content="masterTask" 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>{{ masterTask.id ? 'Upraviť master task' : 'Vytvoriť master task' }}</h1>
@@ -69,7 +69,9 @@
 						class="modal-input border-select"
 						label="Tím"
 						variant="solo"
-						:items="teamsOptions"
+						:items="teams"
+						item-value="id"
+						item-title="name"
 					></v-select>
 
 					<v-text-field
@@ -170,7 +172,7 @@
 							</v-col>
 							<v-col cols="7">
 								<v-sheet class="ma-2">
-									<p class="text-red-darken-4">{{ formattedDeadline }}</p>
+									<p :class="`${compareDates ? 'text-black' : 'text-red-darken-4'}`">{{ formattedDeadline }}</p>
 								</v-sheet>
 							</v-col>
 						</v-row>
@@ -212,7 +214,7 @@
 							</v-col>
 							<v-col cols="7">
 								<v-sheet class="ma-2">
-									<p>{{ (masterTask.duration / 60 / 60).toFixed(2) }} h</p>
+									<p>{{ (masterTask.duration).toFixed(2) }} h</p>
 								</v-sheet>
 							</v-col>
 						</v-row>
@@ -230,7 +232,7 @@
 							</v-col>
 							<v-col cols="7">
 								<v-sheet class="ma-2">
-									<p class="text-red-darken-4">{{ masterTask.worked_time }} h</p>
+									<p :class="masterTask.worked_time > masterTask.duration ? 'text-red-darken-4': 'text-black'">{{ (masterTask.worked_time).toFixed(2) }} h</p>
 								</v-sheet>
 							</v-col>
 						</v-row>
@@ -248,7 +250,7 @@
 							</v-col>
 							<v-col cols="7">
 								<v-sheet class="ma-2">
-									<p class="text-red-darken-4">{{ masterTask.remaining_time }} h</p>
+									<p :class="masterTask.worked_time > masterTask.duration ? 'text-red-darken-4': 'text-black'">{{ (masterTask.duration - masterTask.worked_time).toFixed(2) }} h</p>
 								</v-sheet>
 							</v-col>
 						</v-row>
@@ -359,10 +361,14 @@ export default {
 
 	methods: {
 		async create(masterTaskId = null, editMode = false) {
+			this.visible = true
+			this.masterTask = null
+
 			if (masterTaskId) {
 				await this._load(masterTaskId)
+				this.editMode = editMode || (!this.masterTask?.id)
 			} else {
-				this.masterTask = {
+				const masterTask = {
 					project_code: null,
 					name: null,
 					deadline: null,
@@ -372,10 +378,12 @@ export default {
 					employees: [],
 					files: []
 				}
-			}
 
+				setTimeout(() => {
+					this.masterTask = masterTask
 					this.editMode = editMode || (!this.masterTask.id)
-			this.visible = true
+				})
+			}
 		},
 
 		async save() {
@@ -391,14 +399,13 @@ export default {
 				this.close()
 				this.$router.push({ name: 'Dashboard - Tasks' })
 			} catch (error) {
-				console.log(error)
+				this.$toast(error)
 			}
 		},
 
 		close() {
 			this.visible = false
 			this.$emit('close', this.masterTask)
-			this.masterTask = null
 		},
 
 		async _load(masterTaskId) {
@@ -460,9 +467,6 @@ export default {
 	},
 
 	computed: {
-		teamsOptions() {
-			return this.teams.map(team => `${team.name} - ${team.id}`)
-		},
 
 		totalHours() {
 			let hours = 0
@@ -470,7 +474,6 @@ export default {
 			this.masterTask.employees.forEach(function(employee) {
 				if(employee.hours > 0) hours += parseFloat(employee.hours)
 			})
-			console.log(hours)
 
 			return hours ? hours : 0
 		},
@@ -495,12 +498,18 @@ export default {
 			let deadline = moment(this.masterTask.deadline)
 			let date = deadline.format('DD.MM.yyyy')
 			return date
+		},
+
+		compareDates() {
+			const date1 = moment()
+			const date2 = moment(this.masterTask.deadline)
+			return moment(date1).isBefore(date2)
 		}
 	},
 
 	watch: {
 		selectedTeam() {
-			this.masterTask.team 		= this.teams.find(team => `${team.name} - ${team.id}` == this.selectedTeam)
+			this.masterTask.team 		= this.teams.find(team => team.id == this.selectedTeam)
 			this.masterTask.employees 	= this.masterTask.team.employees
 		}
 	}

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

@@ -1,14 +1,10 @@
 <template>
 	<v-dialog v-model="visible" max-width="650" max-height="90%" height="700px">
-		<W-loadable :content="task && employees" class="h-100">
+		<W-loadable :content="task" 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>{{ task.id ? 'Upraviť task' : 'Vytvoriť task' }}</h1>
-					<v-icon
-						@click.stop="close()"
-						icon="mdi-close"
-						size="large"
-					></v-icon>
+					<v-icon @click.stop="close()" icon="mdi-close" size="large"></v-icon>
 				</div>
 
 				<v-card-actions class="d-flex flex-column modal-content">
@@ -27,38 +23,21 @@
 						class="modal-input border-select"
 						label="MasterTask"
 						variant="solo"
-						:items="masterTaskOptions"
+						:items="masterTasks"
+						item-value="id"
+						item-title="name"
 					></v-select>
 
-					<p v-if="task.team.employees" class="d-flex justify-start align-center w-100 mb-3 text-grey">Priradení zamestnanci</p>
-
-					<v-text-field
-						v-for="(employee, index) in task.employees"
-						:key="employee.id"
+					<v-select
+						v-model="selectedEmployee"
 						@focus="onInputFocus"
-						class="modal-input"
-						:value="`${employee.name} ${employee.surname}`"
+						class="modal-input border-select"
+						label="Priradený"
 						variant="solo"
-						v-model="task.employees[index].name"
-						disabled
-					>
-						<p class="employee-select-avatar d-flex justify-center align-center">
-							{{ employee.name.charAt(0) + employee.surname.charAt(0) }}
-						</p>
-					</v-text-field>
-
-					<Z-autocomplete
-						v-if="showAddEmployeeInput"
-						:options="employeesOptions"
-						:validations="v$.task.employees"
-						:class="{ error: v$.task.employees.$errors.length }"
-						class="modal-input"
-						@option-selected="employeeSelected"
-					/>
-
-					<v-btn class="w-100 mb-5 add-employee-btn" :disabled="!task.team.employees" @click="showAddEmployeeInput = true">
-						<v-icon class="mx-1" icon="mdi-plus" />Pridať zamestnanca
-					</v-btn>
+						:items="task.team.employees"
+						item-value="id"
+						item-title="_fullName"
+					></v-select>
 
 					<Datepicker
 						class="modal-input mb-5"
@@ -71,7 +50,6 @@
 						select-text="Vybrať"
 						cancel-text="Zrušiť"
 						placeholder="Trvanie od - do"
-						:start-time="startTime"
 						range
 					/>
 
@@ -92,6 +70,7 @@
 					></v-text-field>
 
 					<v-textarea
+						v-model="task.description"
 						label="Popis"
 						class="modal-input"
 						variant="solo"
@@ -101,13 +80,14 @@
 								? errorUtils.parseErrors(v$.task.description.$errors)
 								: null
 						"
-						v-model="task.description"
 					></v-textarea>
 
 					<Z-files-upload @files-uploaded="filesUploaded" />
 				</v-card-actions>
 
-				<v-btn class="z-btn" @click="save()">{{ task.id ? 'UPRAVIŤ' : 'VYTVORIŤ' }}</v-btn>
+				<v-btn class="z-btn" @click="save()">{{
+					task.id ? 'UPRAVIŤ' : 'VYTVORIŤ'
+				}}</v-btn>
 			</v-card>
 
 			<v-card v-else height="100%" class="d-flex flex-column scrolling">
@@ -120,11 +100,23 @@
 						class="pb-5"
 					></v-icon>
 				</div>
-				<div class="d-flex justify-space-between align-center modal-header border-bottom pb-4">
+				<div
+					class="d-flex justify-space-between align-center modal-header border-bottom pb-4"
+				>
 					<h1>{{ task.master_task }}</h1>
 					<div class="d-flex justify-start">
-						<img class="pencil-icon" :src="require('@/plugins/tm@overview/_img/pencil-icon.svg')" alt="pencil-icon" @click.stop="editMode = !editMode" />
-						<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon" @click.stop="deleteTask()"/>
+						<img
+							class="pencil-icon"
+							:src="require('@/plugins/tm@overview/_img/pencil-icon.svg')"
+							alt="pencil-icon"
+							@click.stop="editMode = !editMode"
+						/>
+						<img
+							class="trash-icon"
+							:src="require('@/plugins/tm@overview/_img/trash-icon.svg')"
+							alt="trash-icon"
+							@click.stop="deleteTask()"
+						/>
 					</div>
 				</div>
 
@@ -134,17 +126,16 @@
 							<v-col cols="5">
 								<v-sheet class="pa-2 ma-2">
 									<div class="d-flex align-center">
-										<v-icon
-											icon="mdi-link"
-											size="large"
-										></v-icon>
+										<v-icon icon="mdi-link" size="large"></v-icon>
 										<p class="mx-3">Mastertask</p>
 									</div>
 								</v-sheet>
 							</v-col>
 							<v-col cols="7">
 								<v-sheet class="ma-2">
-									<p class="task-badge px-4 py-2 rounded-pill">{{ task.master_task }}</p>
+									<p class="task-badge px-4 py-2 rounded-pill">
+										{{ task.master_task }}
+									</p>
 								</v-sheet>
 							</v-col>
 						</v-row>
@@ -162,8 +153,18 @@
 							</v-col>
 							<v-col cols="7">
 								<v-sheet class="ma-2">
-									<p v-if="task.is_finished" class="status-badge px-4 py-2 rounded-pill">Ukončený</p>
-									<p v-if="!task.is_finished" class="status-badge px-4 py-2 rounded-pill">Neukončený</p>
+									<p
+										v-if="task.is_finished"
+										class="status-badge px-4 py-2 rounded-pill"
+									>
+										Ukončený
+									</p>
+									<p
+										v-if="!task.is_finished"
+										class="status-badge px-4 py-2 rounded-pill"
+									>
+										Neukončený
+									</p>
 								</v-sheet>
 							</v-col>
 						</v-row>
@@ -181,7 +182,11 @@
 							</v-col>
 							<v-col cols="7">
 								<v-sheet class="ma-2">
-									<p v-html="`${formattedStartDate} - ${formattedEndDate}`" />
+									<p
+										v-html="
+											`${formattedStartDate} - ${formattedEndDate}`
+										"
+									/>
 								</v-sheet>
 							</v-col>
 						</v-row>
@@ -199,11 +204,25 @@
 							</v-col>
 							<v-col cols="7">
 								<v-sheet class="ma-2 d-flex flex-wrap">
-									<div class="d-flex align-center mb-2 me-2" v-for="(employee, index) in task.employees" :key="employee.id">
-										<p class="employee-selected-avatar d-flex justify-center align-center">
-											{{ employee.name.charAt(0) + employee.surname.charAt(0) }}
+									<div
+										class="d-flex align-center mb-2 me-2"
+										v-for="(employee, index) in task.employees"
+										:key="employee.id"
+									>
+										<p
+											class="employee-selected-avatar d-flex justify-center align-center"
+										>
+											{{
+												employee.name.charAt(0) +
+												employee.surname.charAt(0)
+											}}
 										</p>
-										<p class="ml-2" v-html="`${task.employees[index].name} ${task.employees[index].surname}`" />
+										<p
+											class="ml-2"
+											v-html="
+												`${task.employees[index].name} ${task.employees[index].surname}`
+											"
+										/>
 									</div>
 								</v-sheet>
 							</v-col>
@@ -270,20 +289,34 @@
 						</v-row>
 						<div class="px-5 py-5 border-bottom">
 							<p>Popis zadania</p>
-							<section class="description-detail px-2 py-2 w-100 rounded mt-2">{{ task.description }}</section>
+							<section
+								class="description-detail px-2 py-2 w-100 rounded mt-2"
+							>
+								{{ task.description }}
+							</section>
 							<p class="mt-5">Prílohy</p>
 							<div class="w-100 d-flex align-center">
-								<div v-for="(file, index) in task.files" :key="file.id" class="d-flex align-center flex-wrap" :class="[index === 0 ? 'ml-0': 'ml-2']">
+								<div
+									v-for="(file, index) in task.files"
+									:key="file.id"
+									class="d-flex align-center flex-wrap"
+									:class="[index === 0 ? 'ml-0' : 'ml-2']"
+								>
 									<v-chip class="mt-2">
 										{{ file.name }}
-										<v-icon class="mx-1" icon="mdi-paperclip"></v-icon>
+										<v-icon
+											class="mx-1"
+											icon="mdi-paperclip"
+										></v-icon>
 									</v-chip>
 								</div>
 							</div>
 						</div>
 						<div class="d-flex justify-start align-center mt-8">
 							<v-btn class="done-btn">Dokončené</v-btn>
-							<v-btn class="add-employee-btn" @click="save()">Uložiť zmeny</v-btn>
+							<v-btn class="add-employee-btn" @click="save()"
+								>Uložiť zmeny</v-btn
+							>
 						</div>
 					</div>
 				</v-card-actions>
@@ -293,15 +326,12 @@
 </template>
 
 <script>
-import Datepicker 		from '@vuepic/vue-datepicker'
-import ZFilesUpload 	from '@/plugins/tm@_components/z-files-upload.vue'
-import useVuelidate 	from '@vuelidate/core'
-import { required } 	from '@vuelidate/validators'
-import errorUtils 		from '@/plugins/lib@auth/_utils/error.utils'
-import ZAutocomplete 	from '@/plugins/tm@_components/z-autocomplete.vue'
-import moment 			from 'moment'
-
-const atLeastOne = (value) => value.length
+import Datepicker from '@vuepic/vue-datepicker';
+import ZFilesUpload from '@/plugins/tm@_components/z-files-upload.vue';
+import useVuelidate from '@vuelidate/core';
+import { required } from '@vuelidate/validators';
+import errorUtils from '@/plugins/lib@auth/_utils/error.utils';
+import moment from 'moment';
 
 export default {
 	emits: ['close'],
@@ -309,7 +339,6 @@ export default {
 	components: {
 		Datepicker,
 		ZFilesUpload,
-		ZAutocomplete
 	},
 
 	data() {
@@ -323,8 +352,9 @@ export default {
 			employees: null,
 			selectedMasterTask: '',
 			showAddEmployeeInput: false,
-			masterTasks: null
-		}
+			masterTasks: null,
+			selectedEmployee: null,
+		};
 	},
 
 	validations() {
@@ -335,164 +365,178 @@ export default {
 				team: { required },
 				duration: { required },
 				description: { required },
-				employees: { atLeastOne }
+				employee: { required },
 			},
-		}
+		};
 	},
 
 	async created() {
 		try {
-			this.masterTasks = await this.$axios.get_auth_data('v1/master-tasks')
-			this.employees 	= await this.$axios.get_auth_data('v1/employees')
+			this.masterTasks = await this.$axios.get_auth_data('v1/master-tasks');
+			this.employees = await this.$axios.get_auth_data('v1/employees');
 		} catch (error) {
-			this.$toast.error(error)
+			this.$toast.error(error);
 		}
 	},
 
 	methods: {
 		async create(taskId = null, editMode = false) {
+			this.visible = true;
+			this.task = null;
+
 			if (taskId) {
-				await this._load(taskId)
+				await this._load(taskId);
+				this.editMode = editMode || !this.task?.id;
 			} else {
-				this.task = {
+				const task = {
 					project_code: null,
 					date: null,
 					team: {},
-					employees: [],
+					employee: null,
 					duration: null,
 					description: null,
-					files: []
-				}
-			}
+					files: [],
+				};
 
-			this.editMode = editMode || (!this.task.id)
-			this.visible = true
+				setTimeout(() => {
+					this.task = task;
+					this.editMode = editMode || !this.task.id;
+				});
+			}
 		},
 
 		async save() {
-			if (!(await this.v$.$validate()))
-				return
+			if (!(await this.v$.$validate())) return;
 
 			try {
-				if (this.task.id)
-					await this._update()
-				else
-					await this._create()
+				if (this.task.id) await this._update();
+				else await this._create();
 
-				this.close()
-				this.$router.push({ name: 'Dashboard - Tasks' })
+				this.close();
+				this.$router.push({ name: 'Dashboard - Tasks' });
 			} catch (error) {
-				this.$toast.error(error)
+				this.$toast.error(error);
 			}
 		},
 
 		close() {
-			this.visible = false
-			this.$emit('close', this.task)
-			this.task = null
+			this.visible = false;
+			this.$emit('close', this.task);
 		},
 
 		async _load(taskId) {
 			try {
-				this.task = await this.$axios.get_auth_data(`v1/tasks/${taskId}`)
-				console.log(this.task)
+				this.task = await this.$axios.get_auth_data(`v1/tasks/${taskId}`);
 			} catch (error) {
-				this.$toast.error(error)
+				this.$toast.error(error);
 			}
 		},
 
 		async _create() {
 			try {
-				await this.$axios.post_auth('v1/master-tasks')
+				await this.$axios.post_auth('v1/master-tasks');
 			} catch (error) {
-				this.$toast.error(error)
+				this.$toast.error(error);
 			}
 		},
 
 		async _update() {
 			try {
-				await this.$axios.post_auth(`v1/master-tasks/${this.task.id}`)
+				await this.$axios.post_auth(`v1/master-tasks/${this.task.id}`);
 			} catch (error) {
-				this.$toast.error(error)
+				this.$toast.error(error);
 			}
 		},
 
 		async deleteTask(taskId) {
 			try {
-				await this.$axios.delete(`v1/tasks/${taskId}`)
-				this.close()
+				await this.$axios.delete(`v1/tasks/${taskId}`);
+				this.close();
 			} catch (error) {
-				this.$toast.error(error)
+				this.$toast.error(error);
 			}
 		},
 
 		employeeSelected(selectedOption) {
-			const employee = this.employees.find((empl) => empl.id == selectedOption.key)
-			this.task.employees.push(employee)
-			this.showAddEmployeeInput = false
+			const employee = this.employees.find((empl) => empl.id == selectedOption.key);
+			this.task.employees.push(employee);
+			this.showAddEmployeeInput = false;
 		},
 
 		// Vuetify input was automatically focus after date input was clicked. This will prevent this unwanted behavior
 		onDateFocus($event) {
 			if ($event == undefined) {
-				this.preventInputFocus = true
+				this.preventInputFocus = true;
 			}
 		},
 
 		onInputFocus($event) {
 			if (this.preventInputFocus) {
-				$event.target.blur()
-				this.preventInputFocus = false
+				$event.target.blur();
+				this.preventInputFocus = false;
 			}
 		},
 
 		filesUploaded(files) {
-			this.task.files = files
-		}
+			this.task.files = files;
+		},
 	},
 
 	computed: {
-		masterTaskOptions() {
-			return this.masterTasks.map(masterTask => `${masterTask.name} - ${masterTask.id}`)
-		},
-
 		employeesOptions() {
 			const selectedEmployeesIds = this.task.employees.map(
 				(employee) => employee.id
-			)
-			const employees = this.employees.filter(
+			);
+			const employees =
+				this.employees.filter(
 					(employee) => !selectedEmployeesIds.includes(employee.id)
-			) || []
+				) || [];
 
 			return employees.map((employee) => {
 				return {
 					key: employee.id,
 					value: `${employee.name} ${employee.surname}`,
-				}
-			})
+				};
+			});
 		},
 
 		formattedStartDate() {
-			let startDate = moment(this.task.starts_at)
-			let date = startDate.format('DD.MM.yyyy, HH:mm')
-			return date
+			let startDate = moment(this.task.starts_at);
+			let date = startDate.format('DD.MM.yyyy, HH:mm');
+			return date;
 		},
 
 		formattedEndDate() {
-			let endDate = moment(this.task.ends_at)
-			let date = endDate.format('DD.MM.yyyy, HH:mm')
-			return date
-		}
+			let endDate = moment(this.task.ends_at);
+			let date = endDate.format('DD.MM.yyyy, HH:mm');
+			return date;
+		},
 	},
 
 	watch: {
 		selectedMasterTask() {
-			this.task.team 			= this.masterTasks.find(masterTask => `${masterTask.name} - ${masterTask.id}` == this.selectedMasterTask)
-			this.task.employees 	= this.task.team.employees
-			this.task.project_code	= this.masterTasks.filter(x => `${x.name} - ${x.id}` == this.selectedMasterTask)[0].project_code
-		}
-	}
-}
+			this.task.team = this.masterTasks.find(
+				(masterTask) => masterTask.id == this.selectedMasterTask
+			);
+			console.log(this.task.team.employees)
+			this.task.team.employees.forEach(
+				(employee) => {
+					employee._fullName = `${employee.name} ${employee.surname}`
+				});
+			console.log(this.task.team.employees)
+			this.task.employee = null;
+			this.task.project_code = this.masterTasks.filter(
+				(x) => x.id == this.selectedMasterTask
+			)[0].project_code;
+		},
+
+		selectedEmployee() {
+			this.task.employee = this.task.team.employees.find(
+				(employee) => employee.id == this.selectedEmployee
+			);
+		},
+	},
+};
 </script>
 
 <style lang="sass" scoped>

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

@@ -1,17 +1,17 @@
 <template>
-	<v-dialog v-model="show" max-width="650">
+	<v-dialog v-model="visible" max-width="650">
 		<v-card>
 			<div class="d-flex justify-space-between align-center">
-				<h1>Ste si istý, že chcete zmazať tím <b>{{ team.name }}</b>?</h1>
-				<v-icon
-					@click.stop="show = false"
-					icon="mdi-close"
-					size="large"
-				></v-icon>
+				<h1>
+					Ste si istý, že chcete zmazať tím <b>{{ team.name }}</b
+					>?
+				</h1>
+				<v-icon @click.stop="visible = false" icon="mdi-close" size="large"></v-icon>
 			</div>
+
 			<v-card-actions class="mt-10 d-flex justify-start align-center">
 				<v-btn class="z-btn" variant="flat" @click="deleteTeam()">ÁNO</v-btn>
-				<v-btn class="ml-7 cancel-btn" @click.stop="show = false">ZRUŠIŤ</v-btn>
+				<v-btn class="ml-7 cancel-btn" @click.stop="visible = false">ZRUŠIŤ</v-btn>
 			</v-card-actions>
 		</v-card>
 	</v-dialog>
@@ -19,41 +19,31 @@
 
 <script>
 export default {
-	emits: ['delete-team', 'close'],
+	emits: ['deleted'],
 
-	props: {
-		visible: {
-			type: Boolean,
-			required: true
-		},
-
-		team: {
-			type: Object,
-			required: true
-		}
-	},
-
-	computed: {
-		show: {
-			get() {
-				return this.visible
-			},
-
-			set(value) {
-				if (!value) this.$emit('close')
-			}
-		},
+	data() {
+		return {
+			visible: false,
+			team: null,
+		};
 	},
 
 	methods: {
+		async delete(team) {
+			this.team = team
+			this.visible = true
+		},
+
 		async deleteTeam() {
 			try {
 				await this.$axios.delete(`v1/teams/${this.team.id}`)
-				this.show = false
+
+				this.visible = false
+				this.$emit('deleted', this.team)
 			} catch (error) {
 				this.$toast.error(error)
 			}
-		}
-	}
-}
+		},
+	},
+};
 </script>

app/src/plugins/tm@modal/team/z-team-modal.vue

@@ -116,28 +116,31 @@ export default {
 
 				this.close()
 			} catch (error) {
-				console.log(error)
+				this.$toast(error)
 			}
 		},
 
-		async create(team = null) {
-			if (team) {
-				this.team = team
+		async create(id = null) {
+			this.visible = true
+			this.team = null
+
+			if (id) {
 				await this._load()
 			} else {
-				this.team = {
+				const team = {
 					name: '',
 					employees: []
 				}
-			}
 
-			this.visible = true
+				setTimeout(() => {
+					this.team = team
+				})
+			}
 		},
 
 		close() {
 			this.visible = false
 			this.$emit('close', this.team)
-			this.team 	 = null
 		},
 
 		async _create() {
@@ -156,9 +159,9 @@ export default {
 			}
 		},
 
-		async _load() {
+		async _load(id) {
 			try {
-				const team 		= await this.$axios.get_auth_data(`v1/teams/${this.team.id}`)
+				const team 		= await this.$axios.get_auth_data(`v1/teams/${id}`)
 				team.employees 	= this._enrichEmployeesByFullName(team.employees)
 
 				this.team = team

app/src/plugins/tm@overview/_components/z-tasks-search.vue

@@ -4,8 +4,10 @@
 			v-model="selectedEmployee"
 			class="subheader-input"
 			variant="outlined"
-			:items="allEmployees"
 			label="Zamestanec"
+			:items="allEmployees"
+			item-title="fullName"
+			item-value="id"
 		></v-select>
 		<v-text-field
 			v-model="searchQuery"
@@ -23,7 +25,7 @@
 export default {
 	data() {
 		return {
-			selectedEmployee: '',
+			selectedEmployee: null,
 			employees: [],
 			searchQuery: ''
 		}
@@ -42,6 +44,9 @@ export default {
 	async created() {
 		try {
 			this.employees 	= await this.$axios.get_auth_data('v1/employees')
+			this.employees.filter((employee) => {
+				employee.fullName = `${employee.name} ${employee.surname}`
+			})
 		} catch (error) {
 			this.$toast.error(error)
 		}
@@ -51,7 +56,13 @@ export default {
 		onInput() {
 			this.$emit('queryChange', this.searchQuery)
 		}
-	}
+	},
+
+	// watch: {
+	// 	selectedEmployee() {
+	// 		this.search()
+	// 	}
+	// }
 }
 </script>
 

app/src/plugins/tm@overview/teams/_components/a-teams-table.vue

@@ -14,7 +14,7 @@
 					<td class="task-action">
 						<div class="d-flex justify-start">
 							<img class="pencil-icon" :src="require('@/plugins/tm@overview/_img/pencil-icon.svg')" alt="pencil-icon" @click.stop="editTeam(team)" />
-							<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon" @click.stop="deleteModal = { team }" />
+							<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon" @click.stop="deleteTeam(team)" />
 						</div>
 					</td>
 				</tr>
@@ -22,8 +22,7 @@
 		</v-table>
 
 		<Z-team-modal ref="z-team-modal" />
-		<!-- Kravarik: Aj tento modal prerob novym sposobom -->
-		<Z-delete-team-modal 	v-if="deleteModal" 	:visible="deleteModal ? true : false" 	:team="deleteModal.team" 	@close="(deleteModal = null)" />
+		<Z-delete-team-modal ref="z-delete-team-modal" @deleted="onTeamDeleted"  />
 	</div>
 </template>
 
@@ -32,6 +31,8 @@ import ZDeleteTeamModal from '@/plugins/tm@modal/team/z-delete-team-modal.vue'
 import ZTeamModal		from '@/plugins/tm@modal/team/z-team-modal.vue'
 
 export default {
+	emits: ['refresh'],
+
 	components: {
 		ZDeleteTeamModal,
 		ZTeamModal
@@ -52,7 +53,15 @@ export default {
 
 	methods: {
 		editTeam(team) {
-			this.$refs['z-team-modal'].create(team)
+			this.$refs['z-team-modal'].create(team.id)
+		},
+
+		deleteTeam(team) {
+			this.$refs['z-delete-team-modal'].delete(team)
+		},
+
+		onTeamDeleted() {
+			this.$emit('refresh')
 		}
 	}
 }

app/src/plugins/tm@overview/teams/teams.vue

@@ -1,6 +1,6 @@
 <template>
 	<W-loadable :content="teams">
-		<A-teams-table :teams="teams" />
+		<A-teams-table :teams="teams" @refresh="loadData" />
 	</W-loadable>
 </template>
 
@@ -19,11 +19,19 @@ export default {
 	},
 
 	async created() {
+		await this.loadData()
+	},
+
+	methods: {
+		async loadData() {
+			this.teams = null
+			
 			try {
-			this.teams = await this.$axios.get_auth_data('v1/teams')
+				this.teams = await this.$axios.get_auth_data('v1/teamsx')
 			} catch (error) {
 				this.teams = {error}
 			}
 		}
 	}
+}
 </script>

app/src/plugins/tm@profile/profile/my-profile.vue

@@ -1,6 +1,4 @@
 <template>
-	<W-loadable :content="user ? true : false">
-		<div v-if="user">
 	<div class="border-bottom py-5 px-5">
 		<h1>Všeobecné informácie</h1>
 		<v-text-field
@@ -62,8 +60,6 @@
 	<div class="py-5 px-5">
 		<v-btn class="z-btn" @click="updateUserInfo()">ULOŽIŤ ZMENY</v-btn>
 	</div>
-		</div>
-	</W-loadable>
 </template>
 
 <script>

app/src/plugins/w/i18n/models/i18n.ts

@@ -26,6 +26,7 @@ export class I18n {
 			postTranslation: this._postTranslation,
 		})
 
+		this.changeLanguage({title: "Slovenský", flag: "sk", value: "sk"})
 		this.initCurrentLanguage()
 	}
 

app/src/plugins/w/loadable/_components/w-loadable.vue

@@ -26,22 +26,30 @@ export default {
 		}
 	},
 
-
-	created() {
-		this.startLoading()
+	async created() {
+		await this._startLoading()
 	},
 
 	methods: {
-		async startLoading() {
-			if (!this.content)
+		async _startLoading() {
 			this.loader = await this.$loading.show()
+		},
+
+		_stopLoading() {
+			this.loader.hide()
 		}
 	},
 
 	watch: {
-		content(newValue) {
-			if (newValue)
-				this.loader.hide()
+		content(value) {
+			console.log(`XX: ${value}`)
+			
+			if (value) {
+				this._stopLoading()
+				console.log(' STOP LOADING')
+			}
+			else
+				this._startLoading()
 		}
 	}
 }