You've already forked isop-mirror
Merge branch 'feature/33-rozhranie_pre_zmluvy_vykazy' into develop
This commit is contained in:
@@ -94,8 +94,7 @@ const { data, error, refresh } = await useSanctumFetch<Internship>(`/api/interns
|
||||
<hr />
|
||||
|
||||
<h2>Dokumenty</h2>
|
||||
<p>...</p>
|
||||
<hr />
|
||||
<InternshipDocumentViewer :internship="data!" />
|
||||
</div>
|
||||
</div>
|
||||
</v-card>
|
||||
|
||||
@@ -1,26 +0,0 @@
|
||||
<script setup lang="ts">
|
||||
import type { User } from '~/types/user';
|
||||
|
||||
definePageMeta({
|
||||
middleware: ['sanctum:auth', 'company-only'],
|
||||
});
|
||||
|
||||
useSeoMeta({
|
||||
title: "Portál firmy | ISOP",
|
||||
ogTitle: "Portál firmy",
|
||||
description: "Portál firmy ISOP",
|
||||
ogDescription: "Portál firmy",
|
||||
});
|
||||
|
||||
const user = useSanctumUser<User>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<v-container fluid>
|
||||
<v-card id="footer-card">
|
||||
<h1>Vitajte, {{ user?.name }} <em>({{ user?.company_data?.name }})</em></h1>
|
||||
|
||||
|
||||
</v-card>
|
||||
</v-container>
|
||||
</template>
|
||||
@@ -0,0 +1,45 @@
|
||||
<script setup lang="ts">
|
||||
import type { User } from '~/types/user';
|
||||
|
||||
definePageMeta({
|
||||
middleware: ['sanctum:auth', 'company-only'],
|
||||
});
|
||||
|
||||
useSeoMeta({
|
||||
title: "Portál firmy | ISOP",
|
||||
ogTitle: "Portál firmy",
|
||||
description: "Portál firmy ISOP",
|
||||
ogDescription: "Portál firmy",
|
||||
});
|
||||
|
||||
const user = useSanctumUser<User>();
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<v-container fluid>
|
||||
<v-card id="page-container-card">
|
||||
<h1>Vitajte, {{ user?.name }} <em>({{ user?.company_data?.name }})</em></h1>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- spacer -->
|
||||
<div style="height: 40px;"></div>
|
||||
</v-card>
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
#page-container-card {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,116 @@
|
||||
<script setup lang="ts">
|
||||
import { InternshipStatus, prettyInternshipStatus } from '~/types/internship_status';
|
||||
import type { Internship, NewInternship } from '~/types/internships';
|
||||
import { FetchError } from 'ofetch';
|
||||
|
||||
definePageMeta({
|
||||
middleware: ['sanctum:auth', 'company-only'],
|
||||
});
|
||||
|
||||
useSeoMeta({
|
||||
title: "Edit praxe | ISOP",
|
||||
ogTitle: "Edit praxe",
|
||||
description: "Edit praxe ISOP",
|
||||
ogDescription: "Edit praxe",
|
||||
});
|
||||
|
||||
const route = useRoute();
|
||||
const client = useSanctumClient();
|
||||
|
||||
const loading = ref(false);
|
||||
const action_error = ref(null as null | string);
|
||||
const refreshKey = ref(0);
|
||||
|
||||
const { data, refresh } = await useSanctumFetch<Internship>(`/api/internships/${route.params.id}`);
|
||||
|
||||
async function handleUpdateOfBasicInfo(internship: NewInternship) {
|
||||
action_error.value = null;
|
||||
loading.value = true;
|
||||
|
||||
try {
|
||||
await client(`/api/internships/${route.params.id}/basic`, {
|
||||
method: 'POST',
|
||||
body: internship
|
||||
});
|
||||
|
||||
navigateTo("/dashboard/company/internships");
|
||||
} catch (e) {
|
||||
if (e instanceof FetchError) {
|
||||
action_error.value = e.response?._data.message;
|
||||
}
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<v-container fluid>
|
||||
<v-card id="page-container-card">
|
||||
<h1>Edit praxe</h1>
|
||||
|
||||
<!-- spacer -->
|
||||
<div style="height: 40px;"></div>
|
||||
|
||||
<!-- Č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>
|
||||
|
||||
<!-- Chybová hláška -->
|
||||
<v-alert v-if="action_error !== null" density="compact" :text="action_error" title="Chyba" type="error"
|
||||
class="mx-auto alert"></v-alert>
|
||||
|
||||
<div>
|
||||
<h2>Základné informácie</h2>
|
||||
<v-alert v-if="data?.status.status !== InternshipStatus.SUBMITTED" density="compact"
|
||||
text='Vaša prax nie je v stave "Zadaná" a teda nemôžete meniť údaje.' title="Blokované" type="error"
|
||||
class="mx-auto alert"></v-alert>
|
||||
<InternshipEditor v-else :internship="data!" :submit="handleUpdateOfBasicInfo" />
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div>
|
||||
<h2>Stav</h2>
|
||||
<h4>Aktuálny stav</h4>
|
||||
<p>{{ prettyInternshipStatus(data?.status.status!) }}</p>
|
||||
<p>Poznámka: <em>{{ data?.status.note }}</em></p>
|
||||
<p>Posledná zmena: <em>{{ data?.status.changed }}, {{ data?.status.modified_by.name }}</em></p>
|
||||
|
||||
<br />
|
||||
|
||||
<h4>História</h4>
|
||||
<InternshipStatusHistoryView :internship="data!" />
|
||||
|
||||
<br />
|
||||
|
||||
<h4>Zmena stavu</h4>
|
||||
<InternshipStatusEditor :internship="data!" @successful-submit="() => { refresh(); refreshKey++; }" />
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div>
|
||||
<h2>Nahratie dokumentov</h2>
|
||||
|
||||
<v-alert v-if="data?.status.status !== InternshipStatus.CONFIRMED" type="error" variant="tonal"
|
||||
title="Blokované" text='Vaša prax nie je v stave "Schválená" a teda nemôžete nahrať dokumenty.' />
|
||||
|
||||
<InternshipDocumentEditor v-else :internship="data!" @successful-submit="refresh" />
|
||||
</div>
|
||||
</v-card>
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
#page-container-card {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,87 @@
|
||||
<script setup lang="ts">
|
||||
import type { Internship } from '~/types/internships';
|
||||
import { prettyInternshipStatus } from '~/types/internship_status';
|
||||
|
||||
definePageMeta({
|
||||
middleware: ['sanctum:auth', 'company-only'],
|
||||
});
|
||||
|
||||
useSeoMeta({
|
||||
title: "Portál firmy - praxe | ISOP",
|
||||
ogTitle: "Portál firmy - praxe",
|
||||
description: "Portál firmy - praxe ISOP",
|
||||
ogDescription: "Portál firmy - praxe",
|
||||
});
|
||||
|
||||
const headers = [
|
||||
{ title: 'Študent', key: 'student', align: 'left' },
|
||||
{ title: 'Od', key: 'start', align: 'left' },
|
||||
{ title: 'Do', key: 'end', align: 'left' },
|
||||
{ title: 'Ročník', key: 'year_of_study', align: 'middle' },
|
||||
{ title: 'Semester', key: 'semester', align: 'middle' },
|
||||
{ title: 'Stav', key: 'status', align: 'middle' },
|
||||
{ title: 'Operácie', key: 'ops', align: 'middle' },
|
||||
];
|
||||
|
||||
const { data, error } = await useSanctumFetch<Internship[]>('/api/internships/my');
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<v-container fluid>
|
||||
<v-card id="page-container-card">
|
||||
<h1>Praxe študentov</h1>
|
||||
|
||||
<!-- spacer -->
|
||||
<div style="height: 40px;"></div>
|
||||
|
||||
<!-- Chybová hláška -->
|
||||
<v-alert v-if="error" density="compact" :text="error?.message" title="Chyba" type="error"
|
||||
id="login-error-alert" class="mx-auto alert"></v-alert>
|
||||
|
||||
<v-table v-else>
|
||||
<thead>
|
||||
<tr>
|
||||
<th v-for="header in headers" :class="'text-' + header.align">
|
||||
<strong>{{ header.title }}</strong>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in data">
|
||||
<td>{{ item.user!.name }}</td>
|
||||
<td>{{ item.start }}</td>
|
||||
<td>{{ item.end }}</td>
|
||||
<td>{{ item.year_of_study }}</td>
|
||||
<td>{{ item.semester === "WINTER" ? "Zimný" : "Letný" }}</td>
|
||||
<td>
|
||||
<v-btn class="m-1" density="compact" base-color="grey">
|
||||
{{ prettyInternshipStatus(item.status.status) }}
|
||||
</v-btn>
|
||||
</td>
|
||||
<td class="text-left">
|
||||
<v-btn class="m-1 op-btn" density="compact" append-icon="mdi-pencil" base-color="orange"
|
||||
:to="'/dashboard/company/internships/edit/' + item.id">Editovať</v-btn>
|
||||
<v-btn class="m-1 op-btn" density="compact" append-icon="mdi-trash-can-outline"
|
||||
base-color="red" @click="async () => { }">Zmazať</v-btn>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</v-table>
|
||||
</v-card>
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
#page-container-card {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.alert {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.op-btn {
|
||||
margin: 10px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,5 +1,7 @@
|
||||
<script setup lang="ts">
|
||||
import type { User } from '~/types/user';
|
||||
import { InternshipStatus, prettyInternshipStatus } from '~/types/internship_status';
|
||||
import type { Internship, NewInternship } from '~/types/internships';
|
||||
import { FetchError } from 'ofetch';
|
||||
|
||||
definePageMeta({
|
||||
middleware: ['sanctum:auth', 'student-only'],
|
||||
@@ -12,13 +14,84 @@ useSeoMeta({
|
||||
ogDescription: "Edit praxe",
|
||||
});
|
||||
|
||||
const user = useSanctumUser<User>();
|
||||
const route = useRoute();
|
||||
const client = useSanctumClient();
|
||||
|
||||
const loading = ref(false);
|
||||
const action_error = ref(null as null | string);
|
||||
|
||||
const { data, refresh } = await useSanctumFetch<Internship>(`/api/internships/${route.params.id}`);
|
||||
|
||||
async function handleUpdateOfBasicInfo(internship: NewInternship) {
|
||||
action_error.value = null;
|
||||
loading.value = true;
|
||||
|
||||
try {
|
||||
await client(`/api/internships/${route.params.id}/basic`, {
|
||||
method: 'POST',
|
||||
body: internship
|
||||
});
|
||||
|
||||
navigateTo("/dashboard/student");
|
||||
} catch (e) {
|
||||
if (e instanceof FetchError) {
|
||||
action_error.value = e.response?._data.message;
|
||||
}
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<v-container fluid>
|
||||
<v-card id="page-container-card">
|
||||
<p>...</p>
|
||||
<h1>Edit praxe</h1>
|
||||
|
||||
<!-- spacer -->
|
||||
<div style="height: 40px;"></div>
|
||||
|
||||
<!-- Č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>
|
||||
|
||||
<!-- Chybová hláška -->
|
||||
<v-alert v-if="action_error !== null" density="compact" :text="action_error" title="Chyba" type="error"
|
||||
class="mx-auto alert"></v-alert>
|
||||
|
||||
<div>
|
||||
<h2>Základné informácie</h2>
|
||||
<v-alert v-if="data?.status.status !== InternshipStatus.SUBMITTED" density="compact"
|
||||
text='Vaša prax nie je v stave "Zadaná" a teda nemôžete meniť údaje.' title="Blokované" type="error"
|
||||
class="mx-auto alert"></v-alert>
|
||||
<InternshipEditor v-else :internship="data!" :submit="handleUpdateOfBasicInfo" />
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div>
|
||||
<h2>Stav</h2>
|
||||
<h4>Aktuálny stav</h4>
|
||||
<p>{{ prettyInternshipStatus(data?.status.status!) }}</p>
|
||||
<p>Poznámka: <em>{{ data?.status.note }}</em></p>
|
||||
<p>Posledná zmena: <em>{{ data?.status.changed }}, {{ data?.status.modified_by.name }}</em></p>
|
||||
|
||||
<br />
|
||||
|
||||
<h4>História</h4>
|
||||
<InternshipStatusHistoryView :internship="data!" />
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div>
|
||||
<h2>Nahratie dokumentov</h2>
|
||||
|
||||
<v-alert v-if="data?.status.status !== InternshipStatus.CONFIRMED" type="error" variant="tonal"
|
||||
title="Blokované" text='Vaša prax nie je v stave "Schválená" a teda nemôžete nahrať dokumenty.' />
|
||||
|
||||
<InternshipDocumentEditor v-else :internship="data!" @successful-submit="refresh" />
|
||||
</div>
|
||||
</v-card>
|
||||
</v-container>
|
||||
</template>
|
||||
@@ -27,5 +100,11 @@ const user = useSanctumUser<User>();
|
||||
#page-container-card {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user