Merge branch 'main' of bitbucket.org:studiotem/jandl-taskmanager-app into main

app/Readme.md

@@ -0,0 +1,12 @@
+# Initial stup
+1. `cd ./app`
+2. `npm i`
+
+# Dev serve
+1. `npm run serve`
+
+# Build on server
+1. `cd ./app`
+2. `npm i`
+3. `npm run build`
+4. `cp -r dist/* ../`

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

@@ -43,22 +43,38 @@ const routes: Array<RouteRecordRaw> = [
 				redirect: '/app/dashboard/tasks',
 				children: [
 					{
-					path: '/app/dashboard/tasks',
-					name: 'Tasks',
-					component: () => import('@/plugins/tm@dashboard/tasks-overview/tasks-overview.vue')
+						path: '/app/dashboard/tasks',
+						name: 'Dashboard - Tasks',
+						component: () => import('@/plugins/tm@dashboard/tasks/tasks.vue')
 					},
 					{
-					path: '/app/dashboard/unscheduled-tasks',
-					name: 'Unscheduled tasks',
-					component: () => import('@/plugins/tm@dashboard/unscheduled-tasks-overview/unscheduled-tasks.vue')
+						path: '/app/dashboard/teams',
+						name: 'Dashboard - Teams',
+						component: () => import('@/plugins/tm@dashboard/teams/teams.vue')
 					},
 					{
-					path: '/app/dashboard/ongoing-tasks',
-					name: 'Ongoing tasks',
-					component: () => import('@/plugins/tm@dashboard/ongoing-tasks-overview/ongoing-tasks.vue')
+						path: '/app/dashboard/projects',
+						name: 'Dashboard - Projects',
+						component: () => import('@/plugins/tm@dashboard/projects/projects.vue')
+					},
+
+					{
+						path: '/app/overview/unscheduled',
+						name: 'Overview - Unscheduled tasks',
+						component: () => import('@/plugins/tm@overview/tasks-ongoing/tasks-ongoing.vue')
+					},
+					{
+						path: '/app/overview/ongoing',
+						name: 'Overview - Ongoing tasks',
+						component: () => import('@/plugins/tm@overview/tasks-unscheduled/tasks-unscheduled.vue')
+					},
+					{
+						path: '/app/overview/teams',
+						name: 'Overview - Teams',
+						component: () => import('@/plugins/tm@overview/teams/teams.vue')
 					}
 				]
-			},
+			}
 		]
 	}
 ]

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

@@ -4,29 +4,9 @@
 			<img class="logo" :src="require('@/plugins/app/_layout/_img/jandl-logo.svg')" alt="jandl-logo" />
 
 			<ion-list lines="none" id="labels-list">
-				<ion-item @click=" $router.push({ name: 'Tasks' }); closeMenu();" :class="active('/app/dashboard/tasks') ? 'active' : 'unactive'">
-					Úlohy
-				</ion-item>
-
-				<ion-item disabled>
-					Tímove zobrazenie
-				</ion-item>
-
-				<ion-item disabled>
-					Projektové zobrazenie
-				</ion-item>
-
-				<ion-item @click=" $router.push({ name: 'Unscheduled tasks' }); closeMenu();" :class=" active('/app/dashboard/unscheduled-tasks') ? 'active' : 'unactive'" >
-					Nenaplánované úlohy
-					<span class="badge">13</span>
-				</ion-item>
-
-				<ion-item @click="$router.push({ name: 'Ongoing tasks' }); closeMenu();" :class="active('/app/dashboard/ongoing-tasks') ? 'active' : 'unactive'">
-					Ongoing tasky
-				</ion-item>
-
-				<ion-item disabled>
-					Tímy
+				<ion-item v-for="page in pages" :key="page.pageName" :class="{active: isActive(page.pageName)}"
+					@click="$router.push({name: page.pageName}); closeMenu()">
+					{{ page.title }}
 				</ion-item>
 			</ion-list>
 		</ion-content>
@@ -35,14 +15,43 @@
 
 <script>
 export default {
+	data() {
+		return {
+			pages: [{
+				title: 'Úlohy',
+				pageName: 'Dashboard - Tasks'
+			},
+			{
+				title: 'Tímove zobrazenie',
+				pageName: 'Dashboard - Teams'
+			},
+			{
+				title: 'Projektové zobrazenie',
+				pageName: 'Dashboard - Projects'
+			},
+			{
+				title: 'Nenaplánované úlohy',
+				pageName: 'Overview - Unscheduled tasks'
+			},
+			{
+				title: 'Ongoing tasky',
+				pageName: 'Overview - Ongoing tasks'
+			},
+			{
+				title: 'Tímy',
+				pageName: 'Overview - Teams'
+			}]
+		}
+	},
+
 	created() {
 		this.eventBus.on('close-menu', () => this.closeMenu())
 		this.eventBus.on('toggle-menu', () => this.toggleMenu())
 	},
 
 	methods: {
-		active(path) {
-			return this.$route.path == path
+		isActive(pageName) {
+			return this.$route.name == pageName
 		},
 
 		closeMenu() {

app/src/plugins/app/_theme/global.sass

@@ -1,2 +1,5 @@
 span.highlight
-	color: #7F39FB
+	color: #7F39FB
+
+.cursor-pointer:hover
+	cursor: pointer

app/src/plugins/lib@auth/_utils/error.utils.ts

@@ -1,7 +1,7 @@
 
 export default {
 	parseErrors(errors) {
-		// @ts-ignore
+		// @ts-expect-error
 		return Object.values(errors).map(error => error?.$message).join(', ')
 	}
 }

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

@@ -4,6 +4,7 @@
 
 		<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>
 		</div>
 	</v-form>
 </template>

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

@@ -1,13 +1,13 @@
 <template>
 	<v-form>
-		<v-text-field v-model="form.email" label="E-mail" variant="solo" autocomplete="off" class="mb-2" bg-color="white" :hint="v$.form.email.$errors ? parseErrors(v$.form.email.$errors) : null" :class="{ error: v$.form.email.$errors.length }" />
+		<v-text-field v-model="form.email" label="E-mail" variant="solo" autocomplete="off" 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="off" :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 forgot-password" @click="$router.push({ name: 'Forgot password' })">Zabudli ste heslo?</p>
+			<p class="mt-5 text-center cursor-pointer" @click="$router.push({ name: 'Forgot password' })">Zabudli ste heslo?</p>
 		</div>
 	</v-form>
 </template>
@@ -42,16 +42,11 @@ export default {
 
 			try {
 				await this.$axios.post_data('v1/auth/login', this.form)
-				this.$router.push({ name: 'Ongoing tasks'})
+				this.$router.push({ name: 'Overview - Ongoing tasks'})
 			} catch (error) {
 				this.$toast.error(error.data.error)
 			}
 		}
 	}
 }
-</script>
-
-<style lang="sass" scoped>
-.forgot-password:hover
-	cursor: pointer
-</style>
+</script>

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

@@ -2,7 +2,6 @@
 	<v-container>
 		<div class="auth-card">
 			<h1>Prihláste sa s vašim e-mailom</h1>
-			<p class="mb-10">Nemáte vytvorený účet? <span class="highlight">Registrujte sa.</span></p>
 
 			<A-login-form />
 		</div>

app/src/plugins/tm@dashboard/projects/projects.vue

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

app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue

@@ -8,8 +8,8 @@
 			variant="outlined"
 		></v-select>
 		<div class="d-flex date-wrapper">
-			<v-btn class="subheader-icon-button " variant="outlined"><img :src="require('./assets/icon-prev.svg')" alt=""></v-btn>
-			<v-text-field 
+			<v-btn class="subheader-icon-button " variant="outlined"><img :src="require('./_img/icon-prev.svg')" alt=""></v-btn>
+			<v-text-field
 				class="subheader-input disabled"
 				:items="items"
 				label="Dátum"
@@ -17,7 +17,7 @@
 				variant="outlined"
 				append-inner-icon="mdi-calendar-blank-outline"
 			></v-text-field>
-			<v-btn class="subheader-icon-button " variant="outlined"><img :src="require('./assets/icon-next.svg')" alt=""></v-btn>
+			<v-btn class="subheader-icon-button " variant="outlined"><img :src="require('./_img/icon-next.svg')" alt=""></v-btn>
 		</div>
 		<v-text-field
 			class="subheader-input"
@@ -51,7 +51,7 @@ export default {
 	gap: 30px
 	flex-wrap: wrap
 
-.subheader-icon-button 
+.subheader-icon-button
 	border: 1px solid #ABABAB
 	height: 56px
 	width: 56px
@@ -69,7 +69,7 @@ export default {
 	&:deep(.v-input__details)
 		display: none
 
-	&.disabled 
+	&.disabled
 		pointer-events: none !important
 
 

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

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

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

@@ -18,8 +18,8 @@
 				<td>{{ (task.remaining_time / 1000 / 60 / 60).toFixed(2) }} h</td>
 				<td class="task-action">
 					<div class="d-flex justify-start">
-						<img class="pencil-icon" :src="require('@/plugins/tm@dashboard/_img/pencil-icon.svg')" alt="pencil-icon" />
-						<img class="trash-icon" :src="require('@/plugins/tm@dashboard/_img/trash-icon.svg')" alt="trash-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>

app/src/plugins/tm@overview/tasks-ongoing/tasks-ongoing.vue

@@ -1,15 +1,15 @@
 <template>
 	<W-loadable :content="ongoingTasks">
-		<A-ongoing-tasks :tasks="ongoingTasks" />
+		<A-ongoing-table :tasks="ongoingTasks" />
 	</W-loadable>
 </template>
 
 <script>
-import AOngoingTasks from './_components/a-ongoing-tasks-overview.vue'
+import AOngoingTable from './_components/a-ongoing-table.vue'
 
 export default {
 	components: {
-		AOngoingTasks
+		AOngoingTable
 	},
 
 	data() {

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

@@ -16,8 +16,8 @@
 				<td>{{ task.duration / 1000 / 60 / 60 }} h</td>
 				<td class="task-action">
 					<div class="d-flex justify-start">
-						<img class="pencil-icon" :src="require('@/plugins/tm@dashboard/_img/pencil-icon.svg')" alt="pencil-icon">
-						<img class="trash-icon" :src="require('@/plugins/tm@dashboard/_img/trash-icon.svg')" alt="trash-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>

app/src/plugins/tm@overview/tasks-unscheduled/tasks-unscheduled.vue

@@ -1,15 +1,15 @@
 <template>
 	<W-loadable :content="unscheduledTasks">
-		<A-unscheduled-tasks-table :tasks="unscheduledTasks" />
+		<A-unscheduled-table :tasks="unscheduledTasks" />
 	</W-loadable>
 </template>
 
 <script>
-import AUnscheduledTasksTable from './_components/a-unscheduled-tasks-table.vue'
+import AUnscheduledTable from './_components/a-unscheduled-table.vue'
 
 export default {
 	components: {
-		AUnscheduledTasksTable
+		AUnscheduledTable
 	},
 
 	data() {

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

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