From d46a9151fc30564b68fc1d6d10f20ec1614b4657 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <glasnak@wezeo.com>
Date: Thu, 12 Jan 2023 14:45:18 +0100
Subject: [PATCH] [Review]

---
 .../app/_layout/app/_components/a-header.vue  |   2 +
 .../plugins/lib@auth/_theme/auth.theme.css    |  93 ---------
 .../lib@auth/_theme/auth.theme.css.map        |   1 -
 .../_components/a-forgot-password-form.vue    |   1 +
 .../login/_components/a-login-form.vue        |   1 +
 .../_components/a-reset-password-form.vue     |   1 +
 app/src/plugins/lib@search/search/search.vue  |   2 +-
 .../_components/a-project-calendar.vue        | 182 +++++++++---------
 .../projects/_components/a-project-filter.vue | 125 +++++-------
 .../tm@dashboard/projects/projects.vue        |  96 ++++-----
 .../tasks/_components/a-tasks-filter.vue      |   7 +
 .../tasks/_components/z-timeline.vue          |  17 +-
 app/src/plugins/tm@dashboard/tasks/tasks.vue  |  18 ++
 .../teams/_components/a-team-filter.vue       |   1 +
 app/src/plugins/tm@dashboard/teams/teams.vue  |   9 +-
 .../tm@modal/blocker/z-blocker-modal.vue      |   2 +-
 .../master-task/z-master-task-modal.vue       |  10 +-
 .../tm@modal/sub-task/z-sub-task-modal.vue    |  11 +-
 .../plugins/tm@modal/team/z-team-modal.vue    |  14 --
 .../_components/z-tasks-search.vue            |   3 +-
 .../_components/a-ongoing-table.vue           |   1 +
 .../tasks-ongoing/tasks-ongoing.vue           |   9 +-
 .../_components/a-unscheduled-table.vue       |   1 +
 .../tasks-unscheduled/tasks-unscheduled.vue   |   5 +-
 .../teams/_components/a-teams-table.vue       |   1 +
 app/src/plugins/tm@overview/teams/teams.vue   |   2 +
 .../plugins/tm@profile/profile/my-profile.vue |   3 +
 27 files changed, 279 insertions(+), 339 deletions(-)
 delete mode 100644 app/src/plugins/lib@auth/_theme/auth.theme.css
 delete mode 100644 app/src/plugins/lib@auth/_theme/auth.theme.css.map

diff --git a/app/src/plugins/app/_layout/app/_components/a-header.vue b/app/src/plugins/app/_layout/app/_components/a-header.vue
index b6627e1..b0cc9ed 100644
--- a/app/src/plugins/app/_layout/app/_components/a-header.vue
+++ b/app/src/plugins/app/_layout/app/_components/a-header.vue
@@ -79,6 +79,7 @@ export default {
 	},
 
 	async created() {
+		// Kravarik: Toto negetuj takto ale cez ...mapGetters z auth store
 		try {
 			this.user = await this.$axios.get_auth_data('v1/auth/info')
 		} catch (error) {
@@ -93,6 +94,7 @@ export default {
 				this.$router.push('/')
 				this.$toast.success('Boli ste odhlásený')
 			} catch (error) {
+				// Kravarik: Do toastu posielaj len error, on si to vo vnutri vyparsuje (ak ne tak to treba dokodit v toaste)
 				this.$toast.error(error.data.error)
 			}
 		},
diff --git a/app/src/plugins/lib@auth/_theme/auth.theme.css b/app/src/plugins/lib@auth/_theme/auth.theme.css
deleted file mode 100644
index cd92a36..0000000
--- a/app/src/plugins/lib@auth/_theme/auth.theme.css
+++ /dev/null
@@ -1,93 +0,0 @@
-.auth-card {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 16px;
-  padding: 30px;
-  width: 100%;
-  max-width: 486px;
-  margin: auto;
-}
-.auth-card img {
-  position: absolute;
-  right: 60px;
-  bottom: 188px;
-  cursor: pointer;
-}
-.auth-card .button {
-  color: white !important;
-}
-.auth-card .v-field {
-  border-bottom: 1px solid rgba(0, 0, 0, 0);
-}
-.auth-card .error .v-field {
-  border-bottom: 1px solid red;
-}
-
-@media screen and (max-width: 904px) {
-  .auth-card {
-    position: relative;
-    padding: 0;
-    border: none;
-    top: 0;
-    left: 0;
-    transform: translate(0, 0);
-  }
-  .auth-card h1 {
-    font-size: 19px;
-  }
-  .auth-card p {
-    font-size: 15px;
-  }
-  .auth-card .v-icon {
-    position: absolute !important;
-    right: 15px;
-  }
-}
-.v-field--variant-solo {
-  box-shadow: none !important;
-  border: 1px solid rgba(0, 0, 0, 0.1) !important;
-}
-
-.auth-card .error .v-field {
-  border: 0.5px solid red !important;
-}
-
-.error .v-field {
-  border: 0.5px solid red !important;
-}
-
-.error .dp__input {
-  border: 0.5px solid red !important;
-}
-
-.v-input__append {
-  margin: 0 !important;
-}
-.v-input__append .v-icon {
-  position: absolute !important;
-  right: 45px;
-}
-
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-}
-
-.error-message {
-  position: absolute;
-  top: 50%;
-  left: 30px;
-  color: red;
-  opacity: 0.8;
-}
-
-.v-select .v-field--variant-solo {
-  border: none !important;
-}
-
-.v-messages__message {
-  color: red !important;
-}/*# sourceMappingURL=auth.theme.css.map */
\ No newline at end of file
diff --git a/app/src/plugins/lib@auth/_theme/auth.theme.css.map b/app/src/plugins/lib@auth/_theme/auth.theme.css.map
deleted file mode 100644
index f1f1314..0000000
--- a/app/src/plugins/lib@auth/_theme/auth.theme.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["auth.theme.sass","auth.theme.css"],"names":[],"mappings":"AAAA;EACC,kBAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EACA,oCAAA;EACA,mBAAA;EACA,aAAA;EACA,WAAA;EACA,gBAAA;EACA,YAAA;ACCD;ADCC;EACC,kBAAA;EACA,WAAA;EACA,aAAA;EACA,eAAA;ACCF;ADCC;EACC,uBAAA;ACCF;ADCC;EACC,yCAAA;ACCF;ADCC;EACC,4BAAA;ACCF;;ADCA;EACC;IACC,kBAAA;IACA,UAAA;IACA,YAAA;IACA,MAAA;IACA,OAAA;IACA,0BAAA;ECEA;EDAA;IACC,eAAA;ECED;EDAA;IACC,eAAA;ECED;EDAA;IACC,6BAAA;IACA,WAAA;ECED;AACF;ADDA;EACC,2BAAA;EACA,+CAAA;ACGD;;ADDA;EACC,kCAAA;ACID;;ADFA;EACC,kCAAA;ACKD;;ADHA;EACC,kCAAA;ACMD;;ADJA;EACC,oBAAA;ACOD;ADLC;EACC,6BAAA;EACA,WAAA;ACOF;;ADLA;;EAEC,wBAAA;ACQD;;ADNA;EACC,kBAAA;EACA,QAAA;EACA,UAAA;EACA,UAAA;EACA,YAAA;ACSD;;ADPA;EACC,uBAAA;ACUD;;ADRA;EACC,qBAAA;ACWD","file":"auth.theme.css"}
\ No newline at end of file
diff --git a/app/src/plugins/lib@auth/forgot-password/_components/a-forgot-password-form.vue b/app/src/plugins/lib@auth/forgot-password/_components/a-forgot-password-form.vue
index 9a7b124..7329f09 100644
--- a/app/src/plugins/lib@auth/forgot-password/_components/a-forgot-password-form.vue
+++ b/app/src/plugins/lib@auth/forgot-password/_components/a-forgot-password-form.vue
@@ -40,6 +40,7 @@ export default {
 				await this.$axios.post_data('v1/auth/forgot', this.form)
 				this.$router.push({ name: 'Reset password' })
 			} catch (error) {
+				// Kravarik: Error upravit
 				this.$toast.error(error.data.error)
 			}
 		}
diff --git a/app/src/plugins/lib@auth/login/_components/a-login-form.vue b/app/src/plugins/lib@auth/login/_components/a-login-form.vue
index 08bfe8a..6bff824 100644
--- a/app/src/plugins/lib@auth/login/_components/a-login-form.vue
+++ b/app/src/plugins/lib@auth/login/_components/a-login-form.vue
@@ -44,6 +44,7 @@ export default {
 				await this.$axios.post_data('v1/auth/login', this.form)
 				this.$router.push({ name: 'Overview - Ongoing tasks'})
 			} catch (error) {
+				// Kravarik: Error upravit
 				this.$toast.error(error.data.error)
 			}
 		}
diff --git a/app/src/plugins/lib@auth/reset-password/_components/a-reset-password-form.vue b/app/src/plugins/lib@auth/reset-password/_components/a-reset-password-form.vue
index 22eecdf..552cb38 100644
--- a/app/src/plugins/lib@auth/reset-password/_components/a-reset-password-form.vue
+++ b/app/src/plugins/lib@auth/reset-password/_components/a-reset-password-form.vue
@@ -49,6 +49,7 @@ export default {
 				await this.$axios.post_data('v1/auth/reset', this.form)
 				this.$router.push({ name: 'Login' })
 			} catch (error) {
+				// Kravarik: Error upravit
 				this.$toast.error(error.data.error)
 			}
 		}
diff --git a/app/src/plugins/lib@search/search/search.vue b/app/src/plugins/lib@search/search/search.vue
index f09bbfc..b38d276 100644
--- a/app/src/plugins/lib@search/search/search.vue
+++ b/app/src/plugins/lib@search/search/search.vue
@@ -17,7 +17,7 @@ export default {
 		return {
 			search: null
 		}
-	},	
+	},
 
 	created() {
 		this.eventBus.on('onSearch', (search) => {
diff --git a/app/src/plugins/tm@dashboard/projects/_components/a-project-calendar.vue b/app/src/plugins/tm@dashboard/projects/_components/a-project-calendar.vue
index dea2f51..4ccbe61 100644
--- a/app/src/plugins/tm@dashboard/projects/_components/a-project-calendar.vue
+++ b/app/src/plugins/tm@dashboard/projects/_components/a-project-calendar.vue
@@ -1,96 +1,104 @@
 <template>
-  <div id="calendar" class="mb-12">
-    <FullCalendar ref="fullCalendar" :options="calendarOptions"/>
-    <Z-master-task-modal ref="z-master-task-modal" />
-  </div>
+	<div id="calendar" class="mb-12">
+		<V-full-calendar ref="fullCalendar" :options="calendarOptions" />
+		<Z-master-task-modal ref="z-master-task-modal" />
+	</div>
 </template>
 <script>
-import FullCalendar       from '@fullcalendar/vue3'
-import dayGridPlugin      from '@fullcalendar/daygrid'
-import ZMasterTaskModal   from '@/plugins/tm@modal/master-task/z-master-task-modal.vue'
+import VFullCalendar from '@fullcalendar/vue3'
+import dayGridPlugin from '@fullcalendar/daygrid'
+import ZMasterTaskModal from '@/plugins/tm@modal/master-task/z-master-task-modal.vue'
 
 export default {
-  components: {
-    FullCalendar,
-    ZMasterTaskModal
-  },
-  props: ['events', 'month'],
-  methods: {
-    editTask(masterTask, editMode) {
-      this.$refs['z-master-task-modal'].create(masterTask, editMode)
-    }
-  },  
-  computed: {
-    calendarOptions() {
-      return {
-        plugins: [ dayGridPlugin ],
-        initialView: 'dayGridMonth',
-        headerToolbar: false,
-        locale: 'sk',
-        height: 650,
-        firstDay: 1,
-        dayHeaderClassNames: ['w-day-header'],
-        events: this.events,
-        eventContent: function(eventInfo) {
-          return { html: eventInfo.event.extendedProps.title_html }
-        },
-        eventClick: (info) => {
-          console.log(info.event._def)
-          // alert(JSON.stringify(info.event._def))
-          this.editTask(info.event._def.publicId, false)
-        }
-      }
-    }
-  },
-  watch: {
-    month(selectedMonth) {
-      const currentYear = (new Date()).getFullYear()
-      this.$refs.fullCalendar?.getApi().gotoDate(new Date(currentYear, selectedMonth, 1))
-    }
-  },
-  mounted() {
-    const currentYear = (new Date()).getFullYear()
-    this.calendarOptions.events = this.events
-    this.$refs.fullCalendar?.getApi().gotoDate(new Date(currentYear, this.month, 1))
-  }
+	components: {
+		VFullCalendar,
+		ZMasterTaskModal
+	},
+
+	// Kravarik: Prepisat propy na objektovy zapis
+	props: ['events', 'month'],
+
+	methods: {
+		editTask(masterTask, editMode) {
+			this.$refs['z-master-task-modal'].create(masterTask, editMode)
+		}
+	},
+
+	// Kravarik: Comuted ma byt za data hned
+	computed: {
+		calendarOptions() {
+			return {
+				plugins: [dayGridPlugin],
+				initialView: 'dayGridMonth',
+				headerToolbar: false,
+				locale: 'sk',
+				height: 650,
+				firstDay: 1,
+				dayHeaderClassNames: ['w-day-header'],
+				events: this.events,
+				// Kravarik: Skus toto prepisat na arrow function ako je v eventClick
+				eventContent: function (eventInfo) {
+					return { html: eventInfo.event.extendedProps.title_html }
+				},
+				eventClick: (info) => {
+					this.editTask(info.event._def.publicId, false)
+				}
+			}
+		}
+	},
+
+	// Kravarik: Toto nechat na konci
+	watch: {
+		month(selectedMonth) {
+			const currentYear = new Date().getFullYear()
+			this.$refs.fullCalendar?.getApi().gotoDate(new Date(currentYear, selectedMonth, 1))
+		}
+	},
+
+	// Kravarik: Posunut nad methods
+	mounted() {
+		const currentYear = new Date().getFullYear()
+		this.calendarOptions.events = this.events
+		this.$refs.fullCalendar?.getApi().gotoDate(new Date(currentYear, this.month, 1))
+	}
 }
 </script>
 <style lang="sass" scoped>
 #calendar
-  &:deep(.w-day-header)
-    text-align: left
-    padding-left: 10px
-  &:deep(.fc-daygrid-day-number)
-    color: black
-  &:deep(.fc-col-header-cell-cushion)
-    font-size: 20px
-    font-weight: 500
-    line-height: 45px
-    text-transform: capitalize
-    color: black
-  &:deep(.fc-theme-standard .fc-scrollgrid)
-    border: none
-  &:deep(.fc-event-start)
-    border-top-left-radius: 30px
-    border-bottom-left-radius: 30px
-  &:deep(.fc-event-end)
-    border-top-right-radius: 30px
-    border-bottom-right-radius: 30px
-  &:deep(.fc-event)
-    font-size: 12px
-    padding-left: 10px
-    margin-top: 5px
-    &:after
-      background: unset
-  &:deep(.fc-day-today)
-    background: white
-    a
-      background: #3700B3
-      width: 32px
-      height: 32px
-      color: white
-      text-align: center
-      border-radius: 50%
-      border: 5px solid white
-      line-height: 15px
-</style>
+	&:deep(.w-day-header)
+		text-align: left
+		padding-left: 10px
+	&:deep(.fc-daygrid-day-number)
+		color: black
+	&:deep(.fc-col-header-cell-cushion)
+		font-size: 20px
+		font-weight: 500
+		line-height: 45px
+		text-transform: capitalize
+		color: black
+	&:deep(.fc-theme-standard .fc-scrollgrid)
+		border: none
+	&:deep(.fc-event-start)
+		border-top-left-radius: 30px
+		border-bottom-left-radius: 30px
+	&:deep(.fc-event-end)
+		border-top-right-radius: 30px
+		border-bottom-right-radius: 30px
+	&:deep(.fc-event)
+		font-size: 12px
+		padding-left: 10px
+		margin-top: 5px
+		&:after
+		background: unset
+	&:deep(.fc-day-today)
+		background: white
+		a
+		background: #3700B3
+		width: 32px
+		height: 32px
+		color: white
+		text-align: center
+		border-radius: 50%
+		border: 5px solid white
+		line-height: 15px
+	</style>
diff --git a/app/src/plugins/tm@dashboard/projects/_components/a-project-filter.vue b/app/src/plugins/tm@dashboard/projects/_components/a-project-filter.vue
index 4180e54..be4d4e3 100644
--- a/app/src/plugins/tm@dashboard/projects/_components/a-project-filter.vue
+++ b/app/src/plugins/tm@dashboard/projects/_components/a-project-filter.vue
@@ -1,89 +1,66 @@
 <template>
-  <v-row class="px-10 py-8 subheader">
-    <v-select
-        v-model="filter.selectedProject"
-        class="subheader-input"
-        :items="projects"
-        label="Projekt"
-        variant="outlined"
-    ></v-select>
+	<v-row class="px-10 py-8 subheader">
+		<v-select v-model="filter.selectedProject" class="subheader-input" :items="projects" label="Projekt" variant="outlined"></v-select>
 
-    <v-select
-        v-model="filter.selectedTeam"
-        class="subheader-input"
-        :items="teams"
-        label="Tím"
-        variant="outlined"
-    ></v-select>
+		<v-select v-model="filter.selectedTeam" class="subheader-input" :items="teams" label="Tím" variant="outlined"></v-select>
 
-    <v-select
-        v-model="filter.selectedEmployee"
-        class="subheader-input"
-        :items="employees"
-        label="Zamestnanec"
-        variant="outlined"
-    ></v-select>
+		<v-select v-model="filter.selectedEmployee" class="subheader-input" :items="employees" label="Zamestnanec" variant="outlined"></v-select>
 
-    <v-select
-        v-model="filter.selectedMonth"
-        class="subheader-input"
-        :items="months"
-        label="Mesiac"
-        variant="outlined"
-    ></v-select>
+		<v-select v-model="filter.selectedMonth" class="subheader-input" :items="months" label="Mesiac" variant="outlined"></v-select>
 
-    <div class="subheader-input switch">
-      <p class="switch-label">Zobraziť ukončené</p>
-      <v-switch
-          v-model="filter.showFinishedTasks"
-          color="#6200EE"
-          hide-details
-      ></v-switch>
-    </div>
-  </v-row>
+		<div class="subheader-input switch">
+			<p class="switch-label">Zobraziť ukončené</p>
+			<v-switch v-model="filter.showFinishedTasks" color="#6200EE" hide-details></v-switch>
+		</div>
+	</v-row>
 </template>
 
 <script>
 export default {
-  data() {
-    return {
-      months: [
-        { title: 'Január',       value: 0 },
-        { title: 'Február',      value: 1 },
-        { title: 'Marec',        value: 2 },
-        { title: 'Apríl',        value: 3 },
-        { title: 'Máj',          value: 4 },
-        { title: 'Jún',          value: 5 },
-        { title: 'Júl',          value: 6 },
-        { title: 'August',       value: 7 },
-        { title: 'September',    value: 8 },
-        { title: 'Október',      value: 9 },
-        { title: 'November',     value: 10 },
-        { title: 'December',     value: 11 },
-      ],
-      filter: {
-        selectedProject: null,
-        selectedTeam: null,
-        selectedEmployee: null,
-        selectedMonth: (new Date()).getMonth(),
-        showFinishedTasks: false
-      }
-    }
-  },
-  props: ['projects', 'teams', 'employees'],
-  emits: ['filterChanged'],
-  watch: {
-    filter: {
-      handler() {
-        this.$emit('filterChanged', this.filter)
-      },
-      deep: true
-    }
-  }
+	data() {
+		return {
+			months: [
+				{ title: 'Január', value: 0 },
+				{ title: 'Február', value: 1 },
+				{ title: 'Marec', value: 2 },
+				{ title: 'Apríl', value: 3 },
+				{ title: 'Máj', value: 4 },
+				{ title: 'Jún', value: 5 },
+				{ title: 'Júl', value: 6 },
+				{ title: 'August', value: 7 },
+				{ title: 'September', value: 8 },
+				{ title: 'Október', value: 9 },
+				{ title: 'November', value: 10 },
+				{ title: 'December', value: 11 }
+			],
+			filter: {
+				selectedProject: null,
+				selectedTeam: null,
+				selectedEmployee: null,
+				selectedMonth: new Date().getMonth(),
+				showFinishedTasks: false
+			}
+		}
+	},
+
+	// Kravarik: Props hodit nad data
+	props: ['projects', 'teams', 'employees'],
+
+	// Kravarik: Emits ma byt uplne prve
+	emits: ['filterChanged'],
+
+	watch: {
+		filter: {
+			handler() {
+				this.$emit('filterChanged', this.filter)
+			},
+			deep: true
+		}
+	}
 }
 </script>
 <style lang="sass" scoped>
-// TODO: zjednotit styly ikon v globalnom sass subore
+// Kravarik: TODO zjednotit styly ikon v globalnom sass subore
 // TODO: ↓
 .subheader
   max-width: 100%
diff --git a/app/src/plugins/tm@dashboard/projects/projects.vue b/app/src/plugins/tm@dashboard/projects/projects.vue
index 3837ced..eb8dfa2 100644
--- a/app/src/plugins/tm@dashboard/projects/projects.vue
+++ b/app/src/plugins/tm@dashboard/projects/projects.vue
@@ -1,55 +1,61 @@
 <template>
 	<div>
-    <a-project-filter :projects="projects" @filterChanged="onFilterChanged"></a-project-filter>
-    <a-project-calendar :events="filteredEvents" :month="filter.selectedMonth"></a-project-calendar>
-  </div>
+		<!-- Kravarik: Dat velke A -->
+		<a-project-filter :projects="projects" @filterChanged="onFilterChanged"></a-project-filter>
+		<a-project-calendar :events="filteredEvents" :month="filter.selectedMonth"></a-project-calendar>
+	</div>
 </template>
 
 <script>
 import AProjectCalendar from './_components/a-project-calendar.vue'
-import AProjectFilter   from './_components/a-project-filter.vue'
+import AProjectFilter from './_components/a-project-filter.vue'
 
 export default {
-  components: {
-    AProjectCalendar,
-    AProjectFilter
-  },
-  data() {
-    return {
-      filter: {
-        selectedEmployee: null,
-        selectedMonth: (new Date()).getMonth(),
-        selectedProject: null,
-        selectedTeam: null,
-        showFinishedTasks: false
-      },
-      projects: ['Projekt1', 'Projekt2', 'Projekt3', 'Projekt4'],
-      selectedProject: null,
-      events: [],
-      filteredEvents: []
-    }
-  },
-  async created() {
-    const events = await this.$axios.get_auth_data('v1/overview/projects')
-    this.events = events.map(item => ({
-      id: item.id,
-      title: `${item.project_code} - ${item.name}`,
-      title_html: `${item.project_code} - <b>${item.name}</b>`,
-      start: item.starts_at,
-      end: item.deadline,
-      is_finished: item.is_finished,
-      project_code: item.project_code,
-      backgroundColor: item.color,
-      borderColor: item.color
-    }))
-    this.filteredEvents = this.events.filter(item => !item.is_finished)
-  },
-  methods: {
-    // TODO: prepojit filtrovanie na BE
-    onFilterChanged(filterValues) {
-      this.filter = filterValues
-      this.filteredEvents = this.events.filter(item => this.filter.showFinishedTasks || item.is_finished == false)
-    }
-  }
+	components: {
+		AProjectCalendar,
+		AProjectFilter
+	},
+	data() {
+		return {
+			// Kravarik: Toto premenuj na nejaky filterSettings alebo co to je
+			filter: {
+				selectedEmployee: null,
+				selectedMonth: new Date().getMonth(),
+				selectedProject: null,
+				selectedTeam: null,
+				showFinishedTasks: false
+			},
+			// Kravarik: Toto je preco hardcodenute?
+			projects: ['Projekt1', 'Projekt2', 'Projekt3', 'Projekt4'],
+			selectedProject: null,
+			events: [],
+			filteredEvents: []
+		}
+	},
+	async created() {
+		// Kravarik: Toto preco nieje v trycatch?
+		const events = await this.$axios.get_auth_data('v1/overview/projects')
+
+		// Kravarik: Nemusis nahodou z map returnovat? Ci ked {} obalis to () tak nemusis potom?
+		this.events = events.map((item) => ({
+			id: item.id,
+			title: `${item.project_code} - ${item.name}`,
+			title_html: `${item.project_code} - <b>${item.name}</b>`,
+			start: item.starts_at,
+			end: item.deadline,
+			is_finished: item.is_finished,
+			project_code: item.project_code,
+			backgroundColor: item.color,
+			borderColor: item.color
+		}))
+		this.filteredEvents = this.events.filter((item) => !item.is_finished)
+	},
+	methods: {
+		// Kravarik: TODO prepojit filtrovanie na BE
+		onFilterChanged(filterValues) {
+			this.filter = filterValues
+			this.filteredEvents = this.events.filter((item) => this.filter.showFinishedTasks || item.is_finished == false)
+		}
+	}
 }
 </script>
diff --git a/app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue b/app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue
index 6434797..ce311bd 100644
--- a/app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue
+++ b/app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue
@@ -42,17 +42,24 @@ export default {
 
 	data() {
 		return {
+			// Kaluza: Napojit na BE
 			employees: ['Foo', 'Bar', 'Fizz', 'Buzz'],
+
+			// Kaluza: Toto je preco hardcoded
 			selectedDate: "13.11.2022 - 17.11.2022",
+
+			// Kaluza: Napojit funkcnost
 			selectedEmployee: 'Bar',
 			date: new Date()
 		}
 	},
 
 	created() {
+		// Kaluza: getWeek pouzivas iba v js a nevolas ho z html a je to pomocna funkcia, takze ju nazvi _getWeek
 		this.getWeek()
 	},
 
+	// Kaluza: Computed ma byt hned za data
 	computed: {
 		time() {
 			return this.unscheduledTime
diff --git a/app/src/plugins/tm@dashboard/tasks/_components/z-timeline.vue b/app/src/plugins/tm@dashboard/tasks/_components/z-timeline.vue
index c3e31cc..d12ca26 100644
--- a/app/src/plugins/tm@dashboard/tasks/_components/z-timeline.vue
+++ b/app/src/plugins/tm@dashboard/tasks/_components/z-timeline.vue
@@ -66,7 +66,7 @@
 						</div>
 					</div>
 
-					<div class="event-footer d-flex">		
+					<div class="event-footer d-flex">
 						<v-btn rounded class="event-footer-button me-2" :class="{'completed': event.completed}" @click="clickCompleteTask(event)"><img :src="require('./_img/checkmark.svg')" alt=""></v-btn>
 						<v-btn rounded class="event-footer-button me-2" @click.stop="editTask(event.id, true)"><img :src="require('./_img/pencil.svg')" alt=""></v-btn>
 						<v-btn rounded class="event-footer-button me-2" @click.stop="this.showDeleteModal = {task: event}"><img :src="require('./_img/bin.svg')" alt=""></v-btn>
@@ -83,12 +83,15 @@
 		</Vue-cal>
 
 		<Z-sub-task-modal ref="z-sub-task-modal" />
+
+		<!-- Kravarik: Prerobit modaly na novy sposob -->
 		<Z-complete-task-modal v-if="showCompleteModal" :visible="showCompleteModal ? true : false" :task="showCompleteModal.task" @completeTask="completeTask" @close="showCompleteModal = null" />
 		<Z-delete-task-modal v-if="showDeleteModal" :visible="showDeleteModal ? true : false" :task="showDeleteModal.task" @deleteTask="deleteTask" @close="showDeleteModal = null" />
 	</div>
 </template>
 
 <script>
+// Kaluza: Cely tento komponent presun do tm@dashboard/_components/z-timeline.vue
 import ZCompleteTaskModal 	from '@/plugins/tm@modal/task/z-complete-task-modal.vue'
 import ZDeleteTaskModal 	from '@/plugins/tm@modal/task/z-delete-task-modal.vue'
 import ZSubTaskModal 		from '@/plugins/tm@modal/sub-task/z-sub-task-modal.vue'
@@ -142,12 +145,10 @@ export default {
 		}
 	},
 
-	mounted() {
-		// console.log(this.calData.tasks)
-	},
-
 	methods: {
 		weekChanged() {
+			// Kaluza: Skus tieto document.getElementBy... prerobit na this.$el.getElement ...
+			// Je za tym viacero problemov ktore by to mohlo sposobit, v tejto appke asi ne ale nech si drzime best practices
 			const scrollContainer = document.getElementsByClassName('vuecal__scrollable-body')[0]
 			scrollContainer.scrollLeft = 0
 		},
@@ -162,7 +163,9 @@ export default {
 		},
 
 		correctMargins() {
-			if (!document.getElementsByClassName('vuecal__split-days-headers').length) return
+			if (!document.getElementsByClassName('vuecal__split-days-headers').length)
+				return
+
 			const heightOfDayHeader = document.getElementsByClassName('vuecal__split-days-headers')[0].clientHeight
 			document.getElementsByClassName('vuecal__time-column')[0].style.marginTop = `${heightOfDayHeader}px`
 			document.getElementsByClassName('vuecal__cells-body')[0].style.marginTop = `${heightOfDayHeader}px`
@@ -230,7 +233,7 @@ export default {
 	.calendar-wrapper
 		width: 100%
 		height: 100%
-		// padding: 0 20px 0 0 
+		// padding: 0 20px 0 0
 
 		&:deep()
 			.vuecal__cells
diff --git a/app/src/plugins/tm@dashboard/tasks/tasks.vue b/app/src/plugins/tm@dashboard/tasks/tasks.vue
index 9edc08d..3cbc210 100644
--- a/app/src/plugins/tm@dashboard/tasks/tasks.vue
+++ b/app/src/plugins/tm@dashboard/tasks/tasks.vue
@@ -6,6 +6,7 @@
 			<Z-timeline :calData="timelineData" :calConfig="config" :splits="splitDays" @eventMoved="onEventMoved" @completeTask="completeTask" @reopenTask="reopenTask" @deleteTask="deleteTask" />
 		</W-loadable>
 
+		<!-- Kaluza: Toto vyhodit a pouzit w toast -->
 		<v-snackbar
 			v-model="errorToast"
 			:timeout="2000"
@@ -32,8 +33,11 @@ export default {
 	data() {
 		return {
 			timelineData: null,
+
+			// Kaluza: Vyhodit tieto toast veci
 			errorToast: false,
 			errorToastMessage: "Nepodarilo sa nacitat data!",
+
 			dataLoaded: false,
 			splitDays: [],
 			unscheduledTime: 0,
@@ -53,12 +57,14 @@ export default {
 				this.generateSplits(week.firstDay)
 				this.generateNonWorkingHours(week.firstDay)
 			} catch(error) {
+				// Kaluza: Ked to davas do w loadable tak nepouzi toast a iba daj this.timeineData = {error} a loadable ho parsne a zobrazi
 				this.timelineData = {}
 				console.error(error)
 				this.triggerToast("Nepodarilo sa nacitat data!")
 			}
 		},
 
+		// Kaluza: Toto prosimta premenuj lebo neviem vobec co znamena splits
 		generateSplits(date) {
 			this.splitDays = []
 			for (let i = 0; i < 7; i++) {
@@ -72,6 +78,7 @@ export default {
 			}
 		},
 
+		// Kaluza: Toto nazvi nejako inak aby bolo viac jasne ze z coho to preformatovava na co
 		formatData(date) {
 			// format events
 			this.timelineData.tasks.forEach(event => {
@@ -130,11 +137,13 @@ export default {
 			this.timelineData.tasks.push(...nonWorkingHours)
 		},
 
+		// Kaluza: Vyhodit
 		triggerToast(message) {
 			this.errorToastMessage = message
 			this.errorToast = true
 		},
 
+		// Kaluza: Vyhodit ak sa nepouzije
 		async onEventMoved(event) {
 			console.log("drag", event)
 			// try {
@@ -153,6 +162,13 @@ export default {
 		},
 
 		completeTask(id) {
+			// Kaluza: Tu pridaj request na BE, nepouzi filter ale find a sprav to takto
+			// 1. const task = this.timelineData.tasks.find(task => task.id == id)
+			// 2. task.completed = true
+			// 3. V tryCatch zavolaj request na BE
+			// 4. Ak to spadne do catchu tak daj task.completed = false a pod tym daj this.$toast.error(error)
+
+			// A AKO NAD TYM ROZMYSLAM completeTask A reopenTask MOZES SPOJIT DO JEDNEJ A VZDY LEN DAS task.completed = !task.completed
 			this.timelineData.tasks.filter(task => {
 				if (task.id == id) {
 					task.completed = true
@@ -161,6 +177,7 @@ export default {
 		},
 
 		reopenTask(id) {
+			// Kaluza: Toto rovnakym sposobom ako complete task
 			this.timelineData.tasks.filter(task => {
 				if (task.id == id) {
 					task.completed = false
@@ -169,6 +186,7 @@ export default {
 		},
 
 		deleteTask(id) {
+			// Kaluza: Toto rovnako ako complete a reopen
 			this.timelineData.tasks.splice(this.timelineData.tasks.findIndex(item => item.id === id), 1)
 		}
 	}
diff --git a/app/src/plugins/tm@dashboard/teams/_components/a-team-filter.vue b/app/src/plugins/tm@dashboard/teams/_components/a-team-filter.vue
index 49b9ac0..460907a 100644
--- a/app/src/plugins/tm@dashboard/teams/_components/a-team-filter.vue
+++ b/app/src/plugins/tm@dashboard/teams/_components/a-team-filter.vue
@@ -42,6 +42,7 @@ export default {
 
 	data() {
 		return {
+			// Kaluza: Napojit funkcionalitu
 			employees: ['Foo', 'Bar', 'Fizz', 'Buzz'],
 			selectedDate: new Date(),
 			day: new Date(),
diff --git a/app/src/plugins/tm@dashboard/teams/teams.vue b/app/src/plugins/tm@dashboard/teams/teams.vue
index 96f4597..810d731 100644
--- a/app/src/plugins/tm@dashboard/teams/teams.vue
+++ b/app/src/plugins/tm@dashboard/teams/teams.vue
@@ -6,6 +6,7 @@
 			<Z-timeline :calData="timelineData" :calConfig="config" :splits="splitDays" @eventMoved="onEventMoved" @completeTask="completeTask" @reopenTask="reopenTask" @deleteTask="deleteTask" />
 		</W-loadable>
 
+		<!-- Kaluza: vyhodit toto a nahradit za wToast -->
 		<v-snackbar
 			v-model="errorToast"
 			:timeout="2000"
@@ -54,6 +55,7 @@ export default {
 				this.formatData()
 				this.generateNonWorkingHours(date)
 			} catch(error) {
+				// Kaluza: Upravit podla feedbacku v tasks.modal
 				this.timelineData = {}
 				console.error(error)
 				this.triggerToast("Nepodarilo sa nacitat data!")
@@ -74,6 +76,7 @@ export default {
 			}
 		},
 
+		// Kaluza: Upravit podla feedbacku v tasks.modal
 		formatData() {
 			this.timelineData.tasks = []
 			this.unscheduledTime = 0
@@ -129,11 +132,13 @@ export default {
 			this.timelineData.tasks.push(...nonWorkingHours)
 		},
 
+		// Kaluza: Upravit podla feedbacku v tasks.modal
 		triggerToast(message) {
 			this.errorToastMessage = message
 			this.errorToast = true
 		},
 
+		// Kaluza: Upravit podla feedbacku v tasks.modal
 		async onEventMoved(event) {
 			console.log("drag", event)
 			// try {
@@ -151,6 +156,7 @@ export default {
 			// }
 		},
 
+		// Kaluza: Upravit podla feedbacku v tasks.modal
 		completeTask(id) {
 			this.timelineData.tasks.filter(task => {
 				if (task.id == id) {
@@ -159,6 +165,7 @@ export default {
 			})
 		},
 
+		// Kaluza: Upravit podla feedbacku v tasks.modal
 		reopenTask(id) {
 			this.timelineData.tasks.filter(task => {
 				if (task.id == id) {
@@ -166,7 +173,7 @@ export default {
 				}
 			})
 		},
-		
+
 		deleteTask(id) {
 			this.timelineData.tasks.splice(this.timelineData.tasks.findIndex(item => item.id === id), 1)
 		}
diff --git a/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue b/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
index f0c12b6..ec77244 100644
--- a/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
+++ b/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
@@ -142,7 +142,7 @@ export default {
 
 		async save() {
 			if (!(await this.v$.$validate()))
-				return 
+				return
 
 			try {
 				if (this.blocker.id)
diff --git a/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue b/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
index 58ce456..49fedbe 100644
--- a/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
+++ b/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
@@ -132,7 +132,7 @@
 					<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()"/>
-					</div>	
+					</div>
 				</div>
 
 				<v-card-actions class="d-flex flex-column modal-content">
@@ -191,7 +191,7 @@
 									<p class="task-badge px-4 py-2 rounded-pill flex-shrink-0">{{ masterTask.team }}</p>
 									<div class="d-flex align-center flex-shrink-0 mx-3" v-for="(employee, index) in masterTask.employees" :key="employee.id">
 										<p class="employee-selected-avatar d-flex justify-center align-center">
-											{{ employee.name.charAt(0) + employee.surname.charAt(0) }} 
+											{{ employee.name.charAt(0) + employee.surname.charAt(0) }}
 										</p>
 										<p class="ml-2" v-html="`${masterTask.employees[index].name} ${masterTask.employees[index].surname}`" />
 									</div>
@@ -274,7 +274,7 @@
 									<td class="w-25">{{ masterTask.name }}</td>
 									<td class="d-flex align-center">
 										<p class="employee-selected-avatar d-flex justify-center align-center">
-											{{ employee.name.charAt(0) + employee.surname.charAt(0) }} 
+											{{ employee.name.charAt(0) + employee.surname.charAt(0) }}
 										</p>
 										<p class="ml-2" v-html="`${masterTask.employees[index].name} ${masterTask.employees[index].surname}`" />
 									</td>
@@ -353,6 +353,7 @@ export default {
 			// this.masterTask = await this.$axios.get_auth_data(`v1/master-task/${this.masterTaksId}`)
 			// this.selectedTeam = `${this.masterTask.team.name} - ${this.masterTask.team.id}`)
 		} catch (error) {
+			// Kravarik: Pridaj toast
 			console.log(error)
 		}
 	},
@@ -404,7 +405,6 @@ export default {
 		async _load(masterTaskId) {
 			try {
 				this.masterTask = await this.$axios.get_auth_data(`v1/master-tasks/${masterTaskId}`)
-				console.log(this.masterTask)
 			} catch (error) {
 				this.$toast.error(error)
 			}
@@ -433,7 +433,7 @@ export default {
 			} catch (error) {
 				this.$toast.error(error)
 			}
-		},	
+		},
 
 		employeeSelected(selectedOption) {
 			const employee = this.employees.find((empl) => empl.id == selectedOption.key)
diff --git a/app/src/plugins/tm@modal/sub-task/z-sub-task-modal.vue b/app/src/plugins/tm@modal/sub-task/z-sub-task-modal.vue
index 292633a..6c5c73d 100644
--- a/app/src/plugins/tm@modal/sub-task/z-sub-task-modal.vue
+++ b/app/src/plugins/tm@modal/sub-task/z-sub-task-modal.vue
@@ -125,7 +125,7 @@
 					<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()"/>
-					</div>	
+					</div>
 				</div>
 
 				<v-card-actions class="d-flex flex-column modal-content">
@@ -201,7 +201,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) }} 
+											{{ employee.name.charAt(0) + employee.surname.charAt(0) }}
 										</p>
 										<p class="ml-2" v-html="`${task.employees[index].name} ${task.employees[index].surname}`" />
 									</div>
@@ -345,6 +345,7 @@ export default {
 			this.masterTasks = await this.$axios.get_auth_data('v1/master-tasks')
 			this.employees 	= await this.$axios.get_auth_data('v1/employees')
 		} catch (error) {
+			// Kravarik: Pridaj toast
 			console.log(error)
 		}
 	},
@@ -424,7 +425,7 @@ export default {
 			} catch (error) {
 				this.$toast.error(error)
 			}
-		},	
+		},
 
 		employeeSelected(selectedOption) {
 			const employee = this.employees.find((empl) => empl.id == selectedOption.key)
@@ -474,13 +475,13 @@ export default {
 
 		formattedStartDate() {
 			let startDate = moment(this.task.starts_at)
-			let date = startDate.format('DD.MM.yyyy, HH:mm') 
+			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') 
+			let date = endDate.format('DD.MM.yyyy, HH:mm')
 			return date
 		}
 	},
diff --git a/app/src/plugins/tm@modal/team/z-team-modal.vue b/app/src/plugins/tm@modal/team/z-team-modal.vue
index e859fc4..c4b72ff 100644
--- a/app/src/plugins/tm@modal/team/z-team-modal.vue
+++ b/app/src/plugins/tm@modal/team/z-team-modal.vue
@@ -104,20 +104,6 @@ export default {
 	},
 
 	methods: {
-		async create(team = null) {
-			if (team) {
-				this.team = team
-				await this._load()
-			} else {
-				this.team = {
-					name: '',
-					employees: []
-				}
-			}
-
-			this.visible = true
-		},
-
 		async save() {
 			if (!(await this.v$.$validate()))
 				return
diff --git a/app/src/plugins/tm@overview/_components/z-tasks-search.vue b/app/src/plugins/tm@overview/_components/z-tasks-search.vue
index a9250ea..41be455 100644
--- a/app/src/plugins/tm@overview/_components/z-tasks-search.vue
+++ b/app/src/plugins/tm@overview/_components/z-tasks-search.vue
@@ -33,6 +33,7 @@ export default {
 		try {
 			this.employees 	= await this.$axios.get_auth_data('v1/employees')
 		} catch (error) {
+			// Kravarik: Pridaj toast
 			console.log(error)
 		}
 	},
@@ -49,7 +50,7 @@ export default {
 				return `${employee.name} ${employee.surname}`
 			})
 			return employees
-			
+
 		}
 	}
 }
diff --git a/app/src/plugins/tm@overview/tasks-ongoing/_components/a-ongoing-table.vue b/app/src/plugins/tm@overview/tasks-ongoing/_components/a-ongoing-table.vue
index 11de00a..39706ea 100644
--- a/app/src/plugins/tm@overview/tasks-ongoing/_components/a-ongoing-table.vue
+++ b/app/src/plugins/tm@overview/tasks-ongoing/_components/a-ongoing-table.vue
@@ -21,6 +21,7 @@
 						<img class="pencil-icon" :src="require('@/plugins/tm@overview/_img/pencil-icon.svg')" alt="pencil-icon" :style="{opacity: 0.3}"/>
 						<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon" @click.stop="showDeleteModal = { task }" />
 
+						<!-- Kravarik: Aj tento modal prerob novym sposobom -->
 						<Z-delete-task-modal v-if="showDeleteModal" :visible="showDeleteModal ? true : false" :task="showDeleteModal.task" @close="showDeleteModal = null" />
 					</div>
 				</td>
diff --git a/app/src/plugins/tm@overview/tasks-ongoing/tasks-ongoing.vue b/app/src/plugins/tm@overview/tasks-ongoing/tasks-ongoing.vue
index 7d4bfee..49cfeb5 100644
--- a/app/src/plugins/tm@overview/tasks-ongoing/tasks-ongoing.vue
+++ b/app/src/plugins/tm@overview/tasks-ongoing/tasks-ongoing.vue
@@ -2,7 +2,7 @@
 	<div>
 
 		<Z-tasks-search @queryChange="filterOngoingTasks" />
-	
+
 		<W-loadable :content="ongoingTasks">
 			<A-ongoing-table :tasks="filteredOngoingTasks" />
 			<h6
@@ -12,7 +12,7 @@
 				Aktuálnemu hľadaniu nevyhovujú žiadne prebiehajúce úlohy
 			</h6>
 		</W-loadable>
-		
+
 	</div>
 </template>
 
@@ -38,19 +38,22 @@ export default {
 			this.ongoingTasks = await this.$axios.get_auth_data('v1/overview/ongoing-tasks')
 			this.filterOngoingTasks()
 		} catch (error) {
+			// Kravarik: ked to je takto ze idu data do w-loadable tak musis dat this.ongoingTasks = {error}
+			// Ten toast vyhod a to kde nastavujes error musis dat do {} ako v riadku hore lebo ono to pozera if (content.error)
 			this.ongoingTasks = error
 			this.$toast.error(error)
 		}
 	},
 
 	methods: {
+		// Kravarik: Toto sprav cez computed. A bude tam ze if (!searchQuerry) return this.ongoing tasks. Else to prefiltrujes
 		filterOngoingTasks(searchQuery) {
 			if(!searchQuery) return this.filteredOngoingTasks = this.ongoingTasks
 			this.filteredOngoingTasks = this.ongoingTasks.filter((task) => {
 				return this.filterParams(searchQuery, task.title) || this.filterParams(searchQuery, task.project_code)
 			})
 		},
-		
+
 		filterParams(searchQuery, row) {
 			return row.toLowerCase().includes(searchQuery.toLowerCase())
 		}
diff --git a/app/src/plugins/tm@overview/tasks-unscheduled/_components/a-unscheduled-table.vue b/app/src/plugins/tm@overview/tasks-unscheduled/_components/a-unscheduled-table.vue
index 95210c1..3e65b30 100644
--- a/app/src/plugins/tm@overview/tasks-unscheduled/_components/a-unscheduled-table.vue
+++ b/app/src/plugins/tm@overview/tasks-unscheduled/_components/a-unscheduled-table.vue
@@ -19,6 +19,7 @@
 						<img class="pencil-icon" :src="require('@/plugins/tm@overview/_img/pencil-icon.svg')" alt="pencil-icon" :style="{opacity: 0.3}">
 						<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon" @click.stop="showDeleteModal = { task }">
 
+						<!-- Kravarik: Aj tento modal prerob novym sposobom -->
 						<Z-delete-task-modal v-if="showDeleteModal" :visible="showDeleteModal ? true : false" :task="showDeleteModal.task" @close="showDeleteModal = null" />
 					</div>
 				</td>
diff --git a/app/src/plugins/tm@overview/tasks-unscheduled/tasks-unscheduled.vue b/app/src/plugins/tm@overview/tasks-unscheduled/tasks-unscheduled.vue
index b9af626..718e144 100644
--- a/app/src/plugins/tm@overview/tasks-unscheduled/tasks-unscheduled.vue
+++ b/app/src/plugins/tm@overview/tasks-unscheduled/tasks-unscheduled.vue
@@ -38,19 +38,22 @@ export default {
 			this.unscheduledTasks = await this.$axios.get_auth_data('v1/overview/unscheduled-tasks')
 			this.filterUnscheduledTasks()
 		} catch (error) {
+			// Kravarik: ked to je takto ze idu data do w-loadable tak musis dat this.ongoingTasks = {error}
+			// Ten toast vyhod a to kde nastavujes error musis dat do {} ako v riadku hore lebo ono to pozera if (content.error)
 			this.unscheduledTasks = error
 			this.$toast.error(error)
 		}
 	},
 
 	methods: {
+		// Kravarik: Toto sprav cez computed. A bude tam ze if (!searchQuerry) return this.unscheduled tasks. Else to prefiltrujes
 		filterUnscheduledTasks(searchQuery) {
 			if(!searchQuery) return this.filteredUnscheduledTasks = this.unscheduledTasks
 			this.filteredUnscheduledTasks = this.unscheduledTasks.filter((task) => {
 				return this.filterParams(searchQuery, task.title) || this.filterParams(searchQuery, task.project_code)
 			})
 		},
-		
+
 		filterParams(searchQuery, row) {
 			return row.toLowerCase().includes(searchQuery.toLowerCase())
 		}
diff --git a/app/src/plugins/tm@overview/teams/_components/a-teams-table.vue b/app/src/plugins/tm@overview/teams/_components/a-teams-table.vue
index 6c92c07..ed41ed1 100644
--- a/app/src/plugins/tm@overview/teams/_components/a-teams-table.vue
+++ b/app/src/plugins/tm@overview/teams/_components/a-teams-table.vue
@@ -22,6 +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)" />
 	</div>
 </template>
diff --git a/app/src/plugins/tm@overview/teams/teams.vue b/app/src/plugins/tm@overview/teams/teams.vue
index ce85999..31d8a3c 100644
--- a/app/src/plugins/tm@overview/teams/teams.vue
+++ b/app/src/plugins/tm@overview/teams/teams.vue
@@ -22,6 +22,8 @@ export default {
 		try {
 			this.teams = await this.$axios.get_auth_data('v1/teams')
 		} catch (error) {
+			// Kravarik: ked to je takto ze idu data do w-loadable tak musis dat this.ongoingTasks = {error}
+			// Ten toast vyhod a to kde nastavujes error musis dat do {} ako v riadku hore lebo ono to pozera if (content.error)
 			this.teams = {error: error.data.error}
 			this.$toast.error(error.data.error)
 		}
diff --git a/app/src/plugins/tm@profile/profile/my-profile.vue b/app/src/plugins/tm@profile/profile/my-profile.vue
index bf02e80..9bbd091 100644
--- a/app/src/plugins/tm@profile/profile/my-profile.vue
+++ b/app/src/plugins/tm@profile/profile/my-profile.vue
@@ -86,6 +86,7 @@ export default {
 
 	created() {
 		// TEMP
+		// Kravarik: Vyhodit
 		this.$store.dispatch('auth/login', {
 			email: 'xx@asdasd.asd',
 			password: 'sdfsdfsdf'
@@ -108,8 +109,10 @@ export default {
 			if (!(await this.v$.$validate())) return
 			try {
 				await this.$store.dispatch('wAuth/updateUserInfo', this.user)
+
 				this.$toast.success('Profil bol úspešne zmenený')
 			} catch (error) {
+				// Kravarik: Posli iba errror
 				this.$toast.error(error.response.data.error)
 			}
 		},