You've already forked isop-mirror
feat: add filter for internships
This commit is contained in:
dkecskes
@@ -1,7 +1,4 @@
|
||||
<script setup lang="ts">
|
||||
import { prettyInternshipStatus } from '~/types/internship_status';
|
||||
import type { Internship } from '~/types/internships';
|
||||
|
||||
definePageMeta({
|
||||
middleware: ['sanctum:auth', 'admin-only'],
|
||||
});
|
||||
@@ -23,8 +20,6 @@ const headers = [
|
||||
{ title: 'Stav', key: 'status', align: 'middle' },
|
||||
{ title: 'Operácie', key: 'ops', align: 'middle' },
|
||||
];
|
||||
|
||||
const { data, error, pending } = await useLazySanctumFetch<Internship[]>('/api/internships');
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -35,42 +30,7 @@ const { data, error, pending } = await useLazySanctumFetch<Internship[]>('/api/i
|
||||
<!-- spacer -->
|
||||
<div style="height: 40px;"></div>
|
||||
|
||||
<!-- Čakajúca hláška -->
|
||||
<LoadingAlert v-if="pending" />
|
||||
|
||||
<!-- Chybová hláška -->
|
||||
<ErrorAlert v-else-if="error" :error="error?.message" />
|
||||
|
||||
<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.company.name }}</td>
|
||||
<td>{{ item.student.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/admin/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 () => { }">Vymazať</v-btn>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</v-table>
|
||||
<InternshipListView mode="admin" />
|
||||
</v-card>
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
@@ -1,7 +1,4 @@
|
||||
<script setup lang="ts">
|
||||
import type { Internship } from '~/types/internships';
|
||||
import { prettyInternshipStatus } from '~/types/internship_status';
|
||||
|
||||
definePageMeta({
|
||||
middleware: ['sanctum:auth', 'company-only'],
|
||||
});
|
||||
@@ -22,8 +19,6 @@ const headers = [
|
||||
{ title: 'Stav', key: 'status', align: 'middle' },
|
||||
{ title: 'Operácie', key: 'ops', align: 'middle' },
|
||||
];
|
||||
|
||||
const { data, error, pending } = await useLazySanctumFetch<Internship[]>('/api/internships/my');
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -34,41 +29,7 @@ const { data, error, pending } = await useLazySanctumFetch<Internship[]>('/api/i
|
||||
<!-- spacer -->
|
||||
<div style="height: 40px;"></div>
|
||||
|
||||
<!-- Čakajúca hláška -->
|
||||
<LoadingAlert v-if="pending" />
|
||||
|
||||
<!-- Chybová hláška -->
|
||||
<ErrorAlert v-if="error" :error="error?.message" />
|
||||
|
||||
<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.student.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>
|
||||
<InternshipListView mode="company" />
|
||||
</v-card>
|
||||
</v-container>
|
||||
</template>
|
||||
@@ -78,12 +39,4 @@ const { data, error, pending } = await useLazySanctumFetch<Internship[]>('/api/i
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.alert {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.op-btn {
|
||||
margin: 10px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,6 +1,4 @@
|
||||
<script setup lang="ts">
|
||||
import { prettyInternshipStatus } from '~/types/internship_status';
|
||||
import type { Internship } from '~/types/internships';
|
||||
import type { User } from '~/types/user';
|
||||
|
||||
definePageMeta({
|
||||
@@ -14,18 +12,7 @@ useSeoMeta({
|
||||
ogDescription: "Portál študenta",
|
||||
});
|
||||
|
||||
const headers = [
|
||||
{ title: 'Firma', key: 'company', 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 user = useSanctumUser<User>();
|
||||
const { data, error, pending } = await useLazySanctumFetch<Internship[]>('/api/internships/my');
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -38,7 +25,7 @@ const { data, error, pending } = await useLazySanctumFetch<Internship[]>('/api/i
|
||||
<!-- spacer -->
|
||||
<div style="height: 40px;"></div>
|
||||
|
||||
<v-btn prepend-icon="mdi-plus" color="blue" class="mr-2" to="/dashboard/student/internship/create">
|
||||
<v-btn prepend-icon="mdi-plus" color="blue" class="mr-2" to="/dashboard/student/internships/create">
|
||||
Pridať
|
||||
</v-btn>
|
||||
<v-btn prepend-icon="mdi-domain" color="blue" class="mr-2" to="/dashboard/student/companies">
|
||||
@@ -53,41 +40,7 @@ const { data, error, pending } = await useLazySanctumFetch<Internship[]>('/api/i
|
||||
|
||||
<h3>Moje praxe</h3>
|
||||
|
||||
<!-- Čakajúca hláška -->
|
||||
<LoadingAlert v-if="pending" />
|
||||
|
||||
<!-- Chybová hláška -->
|
||||
<ErrorAlert v-else-if="error" :error="error?.message" />
|
||||
|
||||
<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.company.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/student/internship/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>
|
||||
<InternshipListView mode="student" />
|
||||
</v-card>
|
||||
</v-container>
|
||||
</template>
|
||||
@@ -97,8 +50,4 @@ const { data, error, pending } = await useLazySanctumFetch<Internship[]>('/api/i
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.op-btn {
|
||||
margin: 10px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user