mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-06-01 12:19:28 +00:00
Harald Bamberger
640 lines
19 KiB
JavaScript
640 lines
19 KiB
JavaScript
/**
|
|
* Copyright (C) 2022 fhcomplete.org
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import CoreSearchbar from "../searchbar/searchbar.js";
|
|
import NavLanguage from "../navigation/Language.js";
|
|
import VerticalSplit from "../verticalsplit/verticalsplit.js";
|
|
import AppMenu from "../AppMenu.js";
|
|
import AppConfig from "../AppConfig.js";
|
|
import StvVerband from "./Studentenverwaltung/Verband.js";
|
|
import StvList from "./Studentenverwaltung/List.js";
|
|
import StvDetails from "./Studentenverwaltung/Details.js";
|
|
import StvStudiensemester from "./Studentenverwaltung/Studiensemester.js";
|
|
|
|
import ApiSearchbar from "../../api/factory/searchbar.js";
|
|
import ApiStv from "../../api/factory/stv.js";
|
|
import ApiStvVerband from '../../api/factory/stv/verband.js';
|
|
import ApiStvConfig from '../../api/factory/stv/config.js';
|
|
|
|
|
|
export default {
|
|
name: 'Studentenverwaltung',
|
|
components: {
|
|
CoreSearchbar,
|
|
NavLanguage,
|
|
VerticalSplit,
|
|
AppMenu,
|
|
AppConfig,
|
|
StvVerband,
|
|
StvList,
|
|
StvDetails,
|
|
StvStudiensemester
|
|
},
|
|
props: {
|
|
defaultSemester: String,
|
|
config: Object,
|
|
permissions: Object,
|
|
stvRoot: String,
|
|
cisRoot: String,
|
|
avatarUrl: String,
|
|
logoutUrl: String,
|
|
activeAddons: String, // semicolon separated list of active addons
|
|
url_studiensemester_kurzbz: String,
|
|
url_mode: String,
|
|
url_prestudent_id: String,
|
|
url_tab: String,
|
|
url_studiengang: String
|
|
},
|
|
provide() {
|
|
return {
|
|
cisRoot: this.cisRoot,
|
|
activeAddonBewerbung: this.activeAddons.split(';').includes('bewerbung'),
|
|
configGenerateAlias: this.config.generateAlias,
|
|
configShowHintKommPrfg: this.config.showHintKommPrfg,
|
|
hasBpkPermission: this.permissions['student/bpk'],
|
|
hasAliasPermission: this.permissions['student/alias'],
|
|
hasPrestudentPermission: this.permissions['basis/prestudent'],
|
|
hasPrestudentstatusPermission: this.permissions['basis/prestudentstatus'],
|
|
hasAssistenzPermissionForStgs: this.permissions['assistenz_stgs'],
|
|
hasSchreibrechtAss: this.permissions['assistenz_schreibrechte'],
|
|
hasAdminPermission: this.permissions['admin'],
|
|
hasPermissionToSkipStatusCheck: this.permissions['student/keine_studstatuspruefung'],
|
|
hasPermissionRtAufsicht: this.permissions['lehre/reihungstestAufsicht'],
|
|
hasPermissionOutputformat: this.permissions['system/change_outputformat'],
|
|
lists: this.lists,
|
|
currentSemester: Vue.computed(() => this.studiensemesterKurzbz),
|
|
defaultSemester: this.defaultSemester,
|
|
$reloadList: () => {
|
|
this.$refs.stvList.reload();
|
|
},
|
|
configShowAufnahmegruppen: this.config.showAufnahmegruppen,
|
|
configAllowUebernahmePunkte: this.config.allowUebernahmePunkte,
|
|
configUseReihungstestPunkte: this.config.useReihungstestPunkte,
|
|
appConfig: Vue.computed(() => this.appconfig),
|
|
hasZGVBakkPermission: this.permissions['student/editBakkZgv'],
|
|
hasZGVMasterPermission: this.permissions['student/editMakkZgv'],
|
|
hasZGVDoctorPermission: this.permissions['student/editDokZgv'],
|
|
hasBismeldenPermission: this.permissions['student/editBismelden'],
|
|
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
appconfig: {},
|
|
configEndpoints: ApiStvConfig,
|
|
selected: [],
|
|
searchbaroptions: {
|
|
origin: 'stv',
|
|
calcheightonly: true,
|
|
nolivesearch: true,
|
|
types: {
|
|
student: Vue.computed(() => this.$p.t('search/type_student')),
|
|
prestudent: Vue.computed(() => this.$p.t('search/type_prestudent'))
|
|
},
|
|
actions: {
|
|
student: {
|
|
defaultaction: {
|
|
type: "link",
|
|
action: this.buildStudentSearchResultLink
|
|
},
|
|
childactions: [
|
|
]
|
|
},
|
|
prestudent: {
|
|
defaultaction: {
|
|
type: "link",
|
|
action: this.buildPrestudentSearchResultLink
|
|
},
|
|
childactions: [
|
|
]
|
|
},
|
|
mergedPerson: {
|
|
defaultaction: {
|
|
type: "link",
|
|
action: this.buildPersonSearchResultLink
|
|
},
|
|
defaultactionstudent: {
|
|
type: "link",
|
|
action: this.buildMergedPersonSearchResultLink
|
|
},
|
|
childactions: []
|
|
}
|
|
},
|
|
mergeResults: 'person'
|
|
},
|
|
studiengangKz: undefined,
|
|
studiengangKuerzel: '',
|
|
studiensemesterKurzbz: this.defaultSemester,
|
|
selected_semester: undefined,
|
|
selected_orgform: undefined,
|
|
lists: {
|
|
nations: [],
|
|
sprachen: [],
|
|
geschlechter: []
|
|
},
|
|
verbandEndpoint: ApiStvVerband
|
|
}
|
|
},
|
|
computed: {
|
|
appMenuExtraItems() {
|
|
const extraItems = [];
|
|
|
|
if (this.studiengangKz !== undefined && this.selected_semester !== undefined) {
|
|
const studiengang_kz = String(this.studiengangKz);
|
|
const semester = String(this.selected_semester);
|
|
const orgform = this.selected_orgform || '';
|
|
|
|
extraItems.push({
|
|
link: FHC_JS_DATA_STORAGE_OBJECT.app_root
|
|
+ 'content/statistik/notenspiegel.php?typ=xls'
|
|
+ '&studiengang_kz=' + studiengang_kz
|
|
+ '&semester=' + semester
|
|
+ '&studiensemester=' + this.studiensemesterKurzbz
|
|
+ '&orgform=' + orgform,
|
|
description: 'stv/grade_report_xls'
|
|
});
|
|
extraItems.push({
|
|
link: FHC_JS_DATA_STORAGE_OBJECT.app_root
|
|
+ 'content/statistik/notenspiegel_erweitert.php?typ=xls'
|
|
+ '&studiengang_kz=' + studiengang_kz
|
|
+ '&semester=' + semester
|
|
+ '&studiensemester=' + this.studiensemesterKurzbz
|
|
+ '&orgform=' + orgform,
|
|
description: 'stv/grade_report_xls_extended'
|
|
});
|
|
extraItems.push({
|
|
link: FHC_JS_DATA_STORAGE_OBJECT.app_root
|
|
+ 'content/statistik/notenspiegel.php?typ=html'
|
|
+ '&studiengang_kz=' + studiengang_kz
|
|
+ '&semester=' + semester
|
|
+ '&studiensemester=' + this.studiensemesterKurzbz
|
|
+ '&orgform=' + orgform,
|
|
description: 'stv/grade_report_html'
|
|
});
|
|
}
|
|
|
|
return extraItems;
|
|
}
|
|
},
|
|
watch: {
|
|
'url_studiensemester_kurzbz': function (newVal, oldVal) {
|
|
if (newVal !== oldVal) {
|
|
this.studiensemesterKurzbz = newVal;
|
|
if(this.$route.name === 'search')
|
|
{
|
|
this.handleSearchUrl();
|
|
}
|
|
else
|
|
{
|
|
this.$refs.stvList.updateUrl();
|
|
this.$refs.details.reload();
|
|
}
|
|
}
|
|
},
|
|
'url_studiengang': function (newVal, oldVal) {
|
|
if (newVal !== oldVal) {
|
|
this.checkUrlStudiengang();
|
|
}
|
|
},
|
|
'url_mode': function () {
|
|
this.handlePersonUrl();
|
|
},
|
|
url_prestudent_id() {
|
|
this.handlePersonUrl();
|
|
},
|
|
'appconfig.font_size'() {
|
|
// add to html class
|
|
const classList = Object.keys(this.$refs.config.setup.font_size.options);
|
|
classList.forEach(cn => document.documentElement.classList.remove(cn));
|
|
document.documentElement.classList.add(this.appconfig.font_size);
|
|
// recalc Tabulator heights
|
|
if (this.$el) {
|
|
const tabulatorEls = this.$el.querySelectorAll('.tabulator');
|
|
for (const el of tabulatorEls) {
|
|
const tabulators = Tabulator.findTable(el);
|
|
if (tabulators) {
|
|
tabulators[0].searchRows().forEach(row => row.normalizeHeight());
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
buildMergedPersonSearchResultLink(data) {
|
|
if (data.prestudent_id) {
|
|
return this.buildPrestudentSearchResultLink(data);
|
|
} else if (data.uid) {
|
|
return this.buildStudentSearchResultLink(data);
|
|
} else {
|
|
return this.buildPersonSearchResultLink(data);
|
|
}
|
|
},
|
|
buildPrestudentSearchResultLink(data) {
|
|
return this.$api.getUri(
|
|
'/studentenverwaltung'
|
|
+ '/' + this.studiensemesterKurzbz
|
|
+ '/prestudent/'
|
|
+ data.prestudent_id
|
|
);
|
|
},
|
|
buildStudentSearchResultLink(data) {
|
|
return this.$api.getUri(
|
|
'/studentenverwaltung'
|
|
+ '/' + this.studiensemesterKurzbz
|
|
+ '/student/'
|
|
+ data.uid
|
|
);
|
|
},
|
|
buildPersonSearchResultLink(data) {
|
|
return this.$api.getUri(
|
|
'/studentenverwaltung'
|
|
+ '/' + this.studiensemesterKurzbz
|
|
+ '/person/'
|
|
+ data.person_id
|
|
);
|
|
},
|
|
onSelectVerband({ link, studiengang_kz, semester, orgform_kurzbz }) {
|
|
let urlpath = String(link);
|
|
if (!urlpath.match(/\/prestudent/))
|
|
{
|
|
urlpath = 'CURRENT_SEMESTER' + '/' + urlpath;
|
|
}
|
|
this.$refs.stvList.updateUrl(ApiStv.students.verband(urlpath));
|
|
|
|
this.studiengangKz = studiengang_kz;
|
|
this.selected_semester = semester;
|
|
this.selected_orgform = orgform_kurzbz;
|
|
const stg = this.lists.stgs.find((element) => {
|
|
return (element.studiengang_kz === this.studiengangKz);
|
|
});
|
|
if (stg)
|
|
{
|
|
this.studiengangKuerzel = (stg.typ + stg.kurzbz).toUpperCase()
|
|
this.$router.push({
|
|
name: 'studiengang',
|
|
params: {
|
|
studiensemester_kurzbz: this.studiensemesterKurzbz,
|
|
studiengang: this.studiengangKuerzel
|
|
}
|
|
});
|
|
} else
|
|
{
|
|
this.studiengangKuerzel = '';
|
|
this.$router.push({
|
|
name: 'studiensemester',
|
|
params: {
|
|
studiensemester_kurzbz: this.studiensemesterKurzbz
|
|
}
|
|
});
|
|
}
|
|
},
|
|
studiensemesterChanged(v) {
|
|
this.studiensemesterKurzbz = v;
|
|
|
|
this.$router.push({
|
|
params: {
|
|
studiensemester_kurzbz: v
|
|
}
|
|
});
|
|
},
|
|
reloadList() {
|
|
this.$refs.stvList.reload();
|
|
},
|
|
searchfunction(params, config) {
|
|
return this.$api.call(ApiSearchbar.searchStv(params), config);
|
|
},
|
|
handlePersonUrl() {
|
|
if (this.$route.params.id) {
|
|
this.$refs.stvList.updateUrl(
|
|
ApiStv.students.uid(this.$route.params.id, 'CURRENT_SEMESTER'),
|
|
true
|
|
);
|
|
} else if (this.$route.params.prestudent_id) {
|
|
this.$refs.stvList.updateUrl(
|
|
ApiStv.students.prestudent(this.$route.params.prestudent_id, 'CURRENT_SEMESTER'),
|
|
true
|
|
);
|
|
} else if (this.$route.params.person_id) {
|
|
this.$refs.stvList.updateUrl(
|
|
ApiStv.students.person(this.$route.params.person_id, 'CURRENT_SEMESTER'),
|
|
true
|
|
);
|
|
} else if (this.$route.params.searchstr) {
|
|
this.handleSearchUrl();
|
|
}
|
|
else
|
|
{
|
|
this.clearTabulator();
|
|
}
|
|
},
|
|
handleSearchUrl() {
|
|
const searchsettings = {
|
|
searchstr: this.$route.params.searchstr,
|
|
types: this.$route.params.types?.split('+') || []
|
|
};
|
|
|
|
// init into student list
|
|
this.$refs.stvList.updateUrl(
|
|
ApiStv.students.search(searchsettings, this.studiensemesterKurzbz)
|
|
);
|
|
|
|
// init into searchbar
|
|
this.$refs.searchbar.searchsettings.searchstr = searchsettings.searchstr;
|
|
this.$refs.searchbar.searchsettings.types = searchsettings.types;
|
|
this.$nextTick(this.blurSearchbar);
|
|
},
|
|
clearTabulator() {
|
|
if(['index', 'studiensemester'].includes(this.$route.name))
|
|
{
|
|
if(this.$refs?.stvList?.$refs?.table?.tabulator)
|
|
{
|
|
this.$refs.stvList.$refs.table.tabulator.setData([]);
|
|
}
|
|
}
|
|
},
|
|
checkUrlStudiengang() {
|
|
if (this.url_studiengang) {
|
|
const stg = this.lists.stgs.find((element) => {
|
|
const kuerzel = (element.typ + element.kurzbz).toUpperCase();
|
|
return (this.url_studiengang === kuerzel);
|
|
});
|
|
if (stg) {
|
|
this.studiengangKz = stg.studiengang_kz;
|
|
this.studiengangKuerzel = (stg.typ + stg.kurzbz).toUpperCase();
|
|
} else {
|
|
this.$router.replace({
|
|
name: 'studiensemester',
|
|
params: {
|
|
studiensemester_kurzbz: this.studiensemesterKurzbz
|
|
}
|
|
});
|
|
}
|
|
}
|
|
else
|
|
{
|
|
this.studiengangKz = undefined;
|
|
this.studiengangKuerzel = '';
|
|
this.clearTabulator();
|
|
}
|
|
},
|
|
onSearch(e) {
|
|
const searchsettings = { ...this.$refs.searchbar.searchsettings };
|
|
if (searchsettings.searchstr.length >= 2) {
|
|
this.blurSearchbar();
|
|
|
|
if (!searchsettings.types.length || searchsettings.types.length == this.$refs.searchbar.types.length) {
|
|
this.$router.push({
|
|
name: 'search',
|
|
params: {
|
|
studiensemester_kurzbz: this.studiensemesterKurzbz,
|
|
searchstr: searchsettings.searchstr
|
|
}
|
|
});
|
|
} else {
|
|
this.$router.push({
|
|
name: 'search_w_types',
|
|
params: {
|
|
studiensemester_kurzbz: this.studiensemesterKurzbz,
|
|
searchstr: searchsettings.searchstr,
|
|
types: searchsettings.types.join('+')
|
|
}
|
|
});
|
|
}
|
|
}
|
|
},
|
|
blurSearchbar() {
|
|
this.$refs.searchbar.$refs.input.blur();
|
|
this.$refs.searchbar.abort();
|
|
this.$refs.searchbar.hideresult();
|
|
}
|
|
},
|
|
created() {
|
|
if (!this.url_studiensemester_kurzbz) {
|
|
this.$router.replace({
|
|
name: 'studiensemester',
|
|
params: {
|
|
studiensemester_kurzbz: this.defaultSemester
|
|
}
|
|
});
|
|
} else {
|
|
this.studiensemesterKurzbz = this.url_studiensemester_kurzbz;
|
|
}
|
|
|
|
this.$api
|
|
.call(ApiStv.kontakt.address.getNations())
|
|
.then(result => {
|
|
this.lists.nations = result.data;
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
|
|
this.$api
|
|
.call(ApiStv.lists.getSprachen())
|
|
.then(result => {
|
|
this.lists.sprachen = result.data;
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
|
|
this.$api
|
|
.call(ApiStv.lists.getGeschlechter())
|
|
.then(result => {
|
|
this.lists.geschlechter = result.data;
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
|
|
this.$api
|
|
.call(ApiStv.lists.getAusbildungen())
|
|
.then(result => {
|
|
this.lists.ausbildungen = result.data;
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
|
|
this.$api
|
|
.call(ApiStv.lists.getStgs())
|
|
.then(result => {
|
|
this.lists.stgs = result.data;
|
|
this.lists.active_stgs = this.lists.stgs.filter(stg => stg.aktiv);
|
|
this.checkUrlStudiengang();
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
|
|
this.$api
|
|
.call(ApiStv.lists.getOrgforms())
|
|
.then(result => {
|
|
this.lists.orgforms = result.data;
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
|
|
this.$api
|
|
.call(ApiStv.konto.getBuchungstypen())
|
|
.then(result => {
|
|
this.lists.buchungstypen = result.data;
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
|
|
this.$api
|
|
.call(ApiStv.lists.getStudiensemester())
|
|
.then(result => {
|
|
this.lists.studiensemester = result.data;
|
|
this.lists.studiensemester_desc = result.data.toReversed();
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
},
|
|
mounted() {
|
|
//Test manu Systemerror
|
|
//FHC_JS_DATA_STORAGE_OBJECT.systemerror_mailto = 'ma0068@technikum-wien.at';this.$fhcAlert.handleSystemError(1);
|
|
this.handlePersonUrl();
|
|
},
|
|
template: /* html */`
|
|
<div class="stv">
|
|
<header class="navbar navbar-expand-lg navbar-dark bg-dark flex-md-nowrap p-0 shadow">
|
|
<div class="col-md-4 col-lg-3 col-xl-2 d-flex align-items-center">
|
|
<button
|
|
class="btn btn-outline-light border-0 m-1 collapsed"
|
|
type="button"
|
|
data-bs-toggle="offcanvas"
|
|
data-bs-target="#appMenu"
|
|
aria-controls="appMenu"
|
|
aria-expanded="false"
|
|
:aria-label="$p.t('ui/toggle_nav')"
|
|
>
|
|
<span class="svg-icon svg-icon-apps"></span>
|
|
</button>
|
|
<a class="navbar-brand me-0" :href="stvRoot">StudVw: {{studiensemesterKurzbz}} {{studiengangKuerzel}}</a>
|
|
</div>
|
|
<button
|
|
class="btn btn-outline-light border-0 d-md-none m-1 collapsed"
|
|
type="button"
|
|
data-bs-toggle="offcanvas"
|
|
data-bs-target="#sidebarMenu"
|
|
aria-controls="sidebarMenu"
|
|
aria-expanded="false"
|
|
:aria-label="$p.t('ui/toggle_nav')"
|
|
>
|
|
<span class="fa-solid fa-table-list"></span>
|
|
</button>
|
|
<core-searchbar
|
|
ref="searchbar"
|
|
:searchoptions="searchbaroptions"
|
|
:searchfunction="searchfunction"
|
|
class="searchbar position-relative w-100"
|
|
show-btn-submit
|
|
@submit.prevent="onSearch"
|
|
></core-searchbar>
|
|
<div id="nav-user" class="dropdown">
|
|
<button
|
|
id="nav-user-btn"
|
|
class="btn btn-link rounded-0 py-0"
|
|
type="button"
|
|
data-bs-toggle="dropdown"
|
|
data-bs-target="#nav-user-menu"
|
|
aria-expanded="false"
|
|
aria-controls="nav-user-menu"
|
|
>
|
|
<img
|
|
:src="avatarUrl"
|
|
:alt="$p.t('profilUpdate/profilBild')"
|
|
class="bg-light avatar rounded-circle border border-light"
|
|
/>
|
|
</button>
|
|
<ul
|
|
ref="navUserDropdown"
|
|
class="dropdown-menu dropdown-menu-dark dropdown-menu-end rounded-0 text-center m-0"
|
|
aria-labelledby="nav-user-btn"
|
|
>
|
|
<li>
|
|
<button
|
|
type="button"
|
|
class="dropdown-item"
|
|
data-bs-toggle="modal"
|
|
data-bs-target="#configModal"
|
|
>
|
|
{{ $p.t('ui/settings') }}
|
|
</button>
|
|
</li>
|
|
<li><hr class="dropdown-divider m-0"/></li>
|
|
<li>
|
|
<nav-language
|
|
item-class="dropdown-item border-left-dark"
|
|
/>
|
|
</li>
|
|
<li><hr class="dropdown-divider m-0"/></li>
|
|
<li>
|
|
<a class="dropdown-item" :href="logoutUrl">
|
|
{{ $p.t('ui/logout') }}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</header>
|
|
<div class="container-fluid overflow-hidden">
|
|
<div class="row h-100">
|
|
<aside id="appMenu" class="bg-light offcanvas offcanvas-start col-md p-md-0 h-100">
|
|
<div class="offcanvas-header">
|
|
StudVw: {{studiensemesterKurzbz}} {{studiengangKuerzel}}
|
|
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" :aria-label="$p.t('ui/schliessen')"></button>
|
|
</div>
|
|
<div class="offcanvas-body">
|
|
<app-menu app-identifier="stv">
|
|
<li class="dropend">
|
|
<a
|
|
class="dropdown-toggle"
|
|
href="#"
|
|
role="button"
|
|
data-bs-toggle="dropdown"
|
|
aria-expanded="false"
|
|
:class="{ disabled: !appMenuExtraItems.length }"
|
|
data-bs-popper-config='{"strategy":"fixed"}'
|
|
>
|
|
{{ $p.t('stv/grade_report') }}
|
|
</a>
|
|
<ul class="dropdown-menu p-0">
|
|
<li
|
|
v-for="(item, key) in appMenuExtraItems"
|
|
:key="key"
|
|
>
|
|
<a class="dropdown-item" :href="item.link" target="_blank">
|
|
{{ $p.t(item.description) }}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</app-menu>
|
|
</div>
|
|
</aside>
|
|
<nav id="sidebarMenu" class="bg-light offcanvas offcanvas-start col-md p-md-0 h-100">
|
|
<div class="offcanvas-header justify-content-end px-1 d-md-none">
|
|
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" :aria-label="$p.t('ui/schliessen')"></button>
|
|
</div>
|
|
<stv-verband :preselectedKey="studiengangKz ? '' + studiengangKz : null" :endpoint="verbandEndpoint" @select-verband="onSelectVerband" class="col" style="height:0%"></stv-verband>
|
|
<stv-studiensemester v-model:studiensemester-kurzbz="studiensemesterKurzbz" @update:studiensemester-kurzbz="studiensemesterChanged"></stv-studiensemester>
|
|
</nav>
|
|
<main class="col-md-8 ms-sm-auto col-lg-9 col-xl-10">
|
|
<vertical-split>
|
|
<template #top>
|
|
<stv-list ref="stvList" v-model:selected="selected" :studiengang-kz="studiengangKz" :studiensemester-kurzbz="studiensemesterKurzbz"></stv-list>
|
|
</template>
|
|
<template #bottom>
|
|
<stv-details ref="details" :students="selected"></stv-details>
|
|
</template>
|
|
</vertical-split>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<app-config ref="config" v-model="appconfig" :endpoints="configEndpoints"></app-config>
|
|
</div>`
|
|
};
|