You've already forked isop-mirror
Merge branch 'develop' into feature/-81-Zmena-hesla-používateľa
This commit is contained in:
dkecskes
138
frontend/app/pages/account/activation/[token].vue
Normal file
138
frontend/app/pages/account/activation/[token].vue
Normal file
@@ -0,0 +1,138 @@
|
||||
<script setup lang="ts">
|
||||
import { FetchError } from 'ofetch';
|
||||
|
||||
const route = useRoute();
|
||||
const client = useSanctumClient();
|
||||
|
||||
definePageMeta({
|
||||
middleware: ['sanctum:guest'],
|
||||
});
|
||||
|
||||
useSeoMeta({
|
||||
title: "Aktivácia účtu | ISOP",
|
||||
ogTitle: "Aktivácia účtu",
|
||||
description: "Aktivácia účtu ISOP",
|
||||
ogDescription: "Aktivácia účtu",
|
||||
});
|
||||
|
||||
const rules = {
|
||||
required: (v: string) => (!!v && v.trim().length > 0) || 'Povinné pole',
|
||||
};
|
||||
|
||||
const isValid = ref(false);
|
||||
const showPassword = ref(false);
|
||||
const password = ref('');
|
||||
|
||||
const loading = ref(false);
|
||||
const error = ref(null as null | string);
|
||||
const success = ref(false);
|
||||
|
||||
async function handleLogin() {
|
||||
error.value = null;
|
||||
loading.value = true;
|
||||
success.value = false;
|
||||
|
||||
try {
|
||||
await client('/api/account/activate', {
|
||||
method: 'POST',
|
||||
body: {
|
||||
token: route.params.token,
|
||||
password: password.value
|
||||
}
|
||||
});
|
||||
|
||||
success.value = true;
|
||||
} catch (e) {
|
||||
if (e instanceof FetchError && e.response?.status === 422) {
|
||||
error.value = e.response?._data.message;
|
||||
}
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<v-container fluid class="page-container form-wrap">
|
||||
<v-card id="page-container-card">
|
||||
<h2 class="page-title">Aktivácia účtu</h2>
|
||||
|
||||
<!-- Chybová hláška -->
|
||||
<v-alert v-show="success" density="compact" title="Aktivácia ukončená" type="success" class="mx-auto alert">
|
||||
<p>Váš účet bol úspešne aktivovaný! Prihláste sa <NuxtLink to="/login">tu</NuxtLink>.
|
||||
</p>
|
||||
</v-alert>
|
||||
|
||||
<div v-show="!success">
|
||||
<!-- Chybová hláška -->
|
||||
<v-alert v-if="error !== null" density="compact" :text="error" title="Chyba" type="error"
|
||||
class="mx-auto alert"></v-alert>
|
||||
|
||||
<!-- Čakajúca hláška -->
|
||||
<v-alert v-if="loading" density="compact" text="Prosím čakajte..." title="Spracovávam" type="info"
|
||||
class="mx-auto alert"></v-alert>
|
||||
|
||||
<v-form v-else v-model="isValid" @submit.prevent="handleLogin">
|
||||
<v-text-field v-model="password" :rules="[rules.required]"
|
||||
:type="showPassword ? 'text' : 'password'" label="Heslo:" variant="outlined"
|
||||
density="comfortable"
|
||||
:append-inner-icon="showPassword ? 'mdi-eye-off-outline' : 'mdi-eye-outline'"
|
||||
@click:append-inner="showPassword = !showPassword" />
|
||||
|
||||
<v-btn type="submit" color="success" size="large" block :disabled="!isValid">
|
||||
Aktivovať
|
||||
</v-btn>
|
||||
</v-form>
|
||||
</div>
|
||||
</v-card>
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.alert {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.page-container {
|
||||
max-width: 1120px;
|
||||
margin: 0 auto;
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
}
|
||||
|
||||
#page-container-card {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.form-wrap {
|
||||
max-width: 640px;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
font-size: 24px;
|
||||
line-height: 1.2;
|
||||
font-weight: 700;
|
||||
margin: 24px 0 16px;
|
||||
color: #1f1f1f;
|
||||
}
|
||||
|
||||
.actions-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.forgot-btn {
|
||||
text-transform: none;
|
||||
font-weight: 600;
|
||||
border-radius: 999px;
|
||||
}
|
||||
|
||||
.mb-1 {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.mb-2 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
118
frontend/app/pages/account/index.vue
Normal file
118
frontend/app/pages/account/index.vue
Normal file
@@ -0,0 +1,118 @@
|
||||
<script setup lang="ts">
|
||||
import type { User } from '~/types/user';
|
||||
|
||||
definePageMeta({
|
||||
middleware: ['sanctum:auth'],
|
||||
});
|
||||
|
||||
useSeoMeta({
|
||||
title: 'Môj profil | ISOP',
|
||||
ogTitle: 'Môj profil',
|
||||
description: 'Môj profil ISOP',
|
||||
ogDescription: 'Môj profil ISOP',
|
||||
});
|
||||
|
||||
const user = useSanctumUser<User>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<v-container fluid>
|
||||
<v-card id="page-container-card">
|
||||
<h1>Môj profil</h1>
|
||||
|
||||
<v-divider class="my-4" />
|
||||
|
||||
<!-- Osobné údaje -->
|
||||
<h3>Osobné údaje</h3>
|
||||
<v-list density="compact" class="readonly-list">
|
||||
<v-list-item>
|
||||
<v-list-item-title>Meno</v-list-item-title>
|
||||
<v-list-item-subtitle>{{ user?.first_name }}</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item>
|
||||
<v-list-item-title>Priezvisko</v-list-item-title>
|
||||
<v-list-item-subtitle>{{ user?.last_name }}</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
</v-list>
|
||||
|
||||
<!-- Údaje študenta -->
|
||||
<div v-if="user?.student_data">
|
||||
<h3>Študentské údaje</h3>
|
||||
<v-list density="compact" class="readonly-list">
|
||||
<v-list-item>
|
||||
<v-list-item-title>Osobný e-mail</v-list-item-title>
|
||||
<v-list-item-subtitle>{{ user?.student_data.personal_email }}</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item>
|
||||
<v-list-item-title>Študijný odbor</v-list-item-title>
|
||||
<v-list-item-subtitle>{{ user?.student_data.study_field }}</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item>
|
||||
<v-list-item-title>Adresa</v-list-item-title>
|
||||
<v-list-item-subtitle>{{ user?.student_data.address }}</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
</v-list>
|
||||
</div>
|
||||
|
||||
<!-- Údaje firmy -->
|
||||
<div v-if="user?.company_data">
|
||||
<h3>Firemné údaje</h3>
|
||||
<v-list density="compact" class="readonly-list">
|
||||
<v-list-item>
|
||||
<v-list-item-title>Názov</v-list-item-title>
|
||||
<v-list-item-subtitle>{{ user?.company_data.name }}</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item>
|
||||
<v-list-item-title>Adresa</v-list-item-title>
|
||||
<v-list-item-subtitle>{{ user?.company_data.address }}</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item>
|
||||
<v-list-item-title>IČO</v-list-item-title>
|
||||
<v-list-item-subtitle>{{ user?.company_data.ico }}</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
</v-list>
|
||||
</div>
|
||||
|
||||
<v-list density="compact" class="readonly-list">
|
||||
<v-list-item>
|
||||
<v-btn prepend-icon="mdi mdi-pencil" color="orange">
|
||||
Zmeniť heslo
|
||||
</v-btn>
|
||||
</v-list-item>
|
||||
</v-list>
|
||||
</v-card>
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
#page-container-card {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.readonly-list {
|
||||
--v-list-padding-start: 0px;
|
||||
}
|
||||
|
||||
.readonly-list :deep(.v-list-item) {
|
||||
--v-list-item-padding-start: 0px;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.readonly-list :deep(.v-list-item__content) {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.readonly-list :deep(.v-list-item-subtitle) {
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
||||
.readonly-list :deep(.v-list-item-title) {
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
@@ -32,6 +32,9 @@ const user = useSanctumUser<User>();
|
||||
<v-btn prepend-icon="mdi-account-hard-hat" color="blue" class="mr-2" to="/dashboard/admin/internships">
|
||||
Praxe
|
||||
</v-btn>
|
||||
<v-btn prepend-icon="mdi-pencil" color="orange" class="mr-2" to="/account">
|
||||
Môj profil
|
||||
</v-btn>
|
||||
|
||||
<!-- spacer -->
|
||||
<div style="height: 40px;"></div>
|
||||
|
||||
@@ -24,12 +24,12 @@ const user = useSanctumUser<User>();
|
||||
<!-- spacer -->
|
||||
<div style="height: 40px;"></div>
|
||||
|
||||
<v-btn prepend-icon="mdi-account-circle" color="blue" class="mr-2">
|
||||
Môj profil
|
||||
</v-btn>
|
||||
<v-btn prepend-icon="mdi-briefcase" color="blue" class="mr-2" to="/dashboard/company/internships">
|
||||
Praxe
|
||||
</v-btn>
|
||||
<v-btn prepend-icon="mdi-account-circle" color="blue" class="mr-2" to="/account">
|
||||
Môj profil
|
||||
</v-btn>
|
||||
|
||||
<!-- spacer -->
|
||||
<div style="height: 40px;"></div>
|
||||
|
||||
130
frontend/app/pages/dashboard/company/profile/index.vue
Normal file
130
frontend/app/pages/dashboard/company/profile/index.vue
Normal file
@@ -0,0 +1,130 @@
|
||||
<script setup lang="ts">
|
||||
import type { User } from '~/types/user';
|
||||
|
||||
definePageMeta({
|
||||
middleware: ['sanctum:auth', 'company-only'],
|
||||
});
|
||||
|
||||
useSeoMeta({
|
||||
title: 'Môj profil | ISOP',
|
||||
ogTitle: 'Môj profil',
|
||||
description: 'Profil firmy ISOP',
|
||||
ogDescription: 'Profil firmy ISOP',
|
||||
});
|
||||
|
||||
const user = useSanctumUser<User>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<v-container fluid class="page-container">
|
||||
<v-card id="profile-card">
|
||||
<template v-if="user">
|
||||
<div class="header">
|
||||
<v-avatar size="64" class="mr-4">
|
||||
<v-icon size="48">mdi-account-circle</v-icon>
|
||||
</v-avatar>
|
||||
<div>
|
||||
<h2 class="title">Môj profil</h2>
|
||||
<p class="subtitle">{{ user?.company_data?.name || user?.name }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<v-divider class="my-4" />
|
||||
|
||||
<v-row>
|
||||
<!-- Údaje firmy -->
|
||||
<v-col cols="12" md="6">
|
||||
<h3 class="section-title">Údaje firmy</h3>
|
||||
<v-list density="compact" class="readonly-list">
|
||||
<v-list-item>
|
||||
<v-list-item-title>Názov</v-list-item-title>
|
||||
<v-list-item-subtitle>{{ user?.company_data?.name || '—' }}</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item>
|
||||
<v-list-item-title>Adresa</v-list-item-title>
|
||||
<v-list-item-subtitle>{{ user?.company_data?.address || '—' }}</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item>
|
||||
<v-list-item-title>IČO</v-list-item-title>
|
||||
<v-list-item-subtitle>{{ user?.company_data?.ico ?? '—' }}</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
</v-list>
|
||||
</v-col>
|
||||
|
||||
<!-- Kontaktná osoba -->
|
||||
<v-col cols="12" md="6">
|
||||
<h3 class="section-title">Kontaktná osoba</h3>
|
||||
<v-list density="compact" class="readonly-list">
|
||||
<v-list-item>
|
||||
<v-list-item-title>Meno</v-list-item-title>
|
||||
<v-list-item-subtitle>{{ user?.first_name || '—' }}</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item>
|
||||
<v-list-item-title>Priezvisko</v-list-item-title>
|
||||
<v-list-item-subtitle>{{ user?.last_name || '—' }}</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item>
|
||||
<v-list-item-title>Email</v-list-item-title>
|
||||
<v-list-item-subtitle>{{ user?.email || '—' }}</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item>
|
||||
<v-list-item-title>Telefón</v-list-item-title>
|
||||
<v-list-item-subtitle>{{ user?.phone || '—' }}</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item class="mt-4">
|
||||
<v-btn prepend-icon="mdi mdi-pencil" color="blue" class="mr-2">
|
||||
Zmeniť heslo
|
||||
</v-btn>
|
||||
</v-list-item>
|
||||
</v-list>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</template>
|
||||
|
||||
<template v-else>
|
||||
<v-skeleton-loader
|
||||
type="heading, text, text, divider, list-item-two-line, list-item-two-line, list-item-two-line"
|
||||
/>
|
||||
</template>
|
||||
</v-card>
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.page-container {
|
||||
max-width: 1120px;
|
||||
margin: 0 auto;
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
}
|
||||
|
||||
#profile-card { padding: 16px; }
|
||||
.header { display: flex; align-items: center; }
|
||||
.title { font-size: 24px; font-weight: 700; margin: 0; }
|
||||
.subtitle { color: #555; margin-top: 4px; }
|
||||
.section-title { font-size: 16px; font-weight: 700; margin: 8px 0 8px; }
|
||||
|
||||
.readonly-list {
|
||||
--v-list-padding-start: 0px;
|
||||
}
|
||||
.readonly-list :deep(.v-list-item) {
|
||||
--v-list-item-padding-start: 0px;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.readonly-list :deep(.v-list-item__content) {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.readonly-list :deep(.v-list-item-subtitle) {
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
||||
.readonly-list :deep(.v-list-item-title) { font-weight: 600; }
|
||||
</style>
|
||||
Reference in New Issue
Block a user