This commit is contained in:
cgfhtw
2022-12-16 11:43:35 +01:00
parent 4335c2da80
commit 00c52e4880
4 changed files with 4 additions and 177 deletions
+4 -4
View File
@@ -5,6 +5,10 @@ import fhcapifactory from "./api/fhcapifactory.js";
Vue.$fhcapi = fhcapifactory;
Vue.createApp({
components: {
FhcSearchbar,
CisMenu
},
data: function() {
return {
searchbaroptions: {
@@ -66,9 +70,5 @@ Vue.createApp({
searchfunction: function(searchsettings) {
return Vue.$fhcapi.Search.search(searchsettings);
}
},
components: {
FhcSearchbar,
CisMenu
}
}).mount('#cis-header');
@@ -1,88 +0,0 @@
export default {
template: `
<div id="sidebar-container" class="d-none d-lg-block position-sticky">
<ul class="list-group list-group-flush">
<!-- Separator with title -->
<li class="list-group-item sidebar-separator-title text-muted d-flex align-items-center menu-collapsed">
<small>MAIN MENU</small>
</li>
<!-- /end Separator -->
<a href="#submenu1" data-bs-toggle="collapse" aria-expanded="true" class="bg-primary list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-start align-items-center">
<i class="fa fa-user fa-fw me-3"></i>
<span class="menu-collapsed">Mein CIS</span>
</div>
</a>
<div id='submenu1' class="collapse show sidebar-submenu">
<a href="#" class="list-group-item list-group-item-action list-group-item-dark text-white active" id="menu-mein-bereich">
<span class="menu-collapsed">Mein Bereich</span>
</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-dark text-white">
<span class="menu-collapsed">Studium</span>
</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-dark text-white" id="menu-lvplan">
<span class="menu-collapsed">LV Plan</span>
</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-dark text-white">
<span class="menu-collapsed">Campus Life</span>
</a>
</div>
<a href="#submenu2" data-bs-toggle="collapse" aria-expanded="false" class="bg-primary list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-start align-items-center">
<i class="fa fa-user fa-fw me-3"></i>
<span class="menu-collapsed">FHTW Hochschule</span>
</div>
</a>
<div id='submenu2' class="collapse sidebar-submenu">
<a href="#" class="list-group-item list-group-item-action list-group-item-dark text-white" id="menu-organisation">
<span class="menu-collapsed">Organisation</span>
</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-dark text-white">
<span class="menu-collapsed">Studiengänge</span>
</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-dark text-white">
<span class="menu-collapsed">Forschung & Entwicklung</span>
</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-dark text-white">
<span class="menu-collapsed">Technikum Wien Acadamy</span>
</a>
</div>
<a href="#submenu3" data-bs-toggle="collapse" aria-expanded="false" class="bg-primary list-group-item flex-column align-items-start">
<div class="d-flex w-100 justify-content-start align-items-center">
<i class="fa fa-user fa-fw me-3"></i>
<span class="menu-collapsed">FHTW Services</span>
</div>
</a>
<div id='submenu3' class="collapse sidebar-submenu">
<a href="#" class="list-group-item list-group-item-action list-group-item-dark text-white">
<span class="menu-collapsed">Teaching & Learning Center</span>
</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-dark text-white">
<span class="menu-collapsed">International Office</span>
</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-dark text-white">
<span class="menu-collapsed">Bibliothek</span>
</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-dark text-white">
<span class="menu-collapsed">IT-Services</span>
</a>
</div>
<a href="#submenu4" data-bs-toggle="collapse" aria-expanded="false" class="bg-primary list-group-item flex-column align-items-start">
<div class="d-flex w-100 justify-content-start align-items-center">
<i class="fa fa-user fa-fw me-3"></i>
<span class="menu-collapsed">Links & Downloads</span>
</div>
</a>
<li class="list-group-item sidebar-separator-title text-muted d-flex align-items-center menu-collapsed">
<small>AKTUELL</small>
</li>
<a href="#" class="bg-primary list-group-item">
<div class="d-flex w-100 justify-content-start align-items-center">
<i class="fa fa-medkit fa-fw me-3"></i>
<span class="menu-collapsed">COVID 19</span>
</div>
</a>
<li class="list-group-item sidebar-separator menu-collapsed"></li>
</ul>
</div>`
};
@@ -1,63 +0,0 @@
import FhcSearchbar from "../../searchbar/searchbar.js";
import CisNavigationUser from "./User.js";
export default {
components: {
FhcSearchbar,
CisNavigationUser
},
data: () => {
return {
nav: null
}
},
computed: {
rootUrl() {
return FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/cis';
},
logoImg() {
return FHC_JS_DATA_STORAGE_OBJECT.app_root + 'public/images/logo-300x160.png';
}
},
methods: {
openNav() {
if (this.nav)
this.nav.toggle();
},
async search() {
return {data: {data: []}};
}
},
mounted() {
this.nav = new bootstrap.Offcanvas(this.$refs.nav, {backdrop: false});
},
template: `
<div class="cis-navigation-top navbar navbar-expand-lg fixed-top navbar-dark bg-primary p-0">
<button class="navbar-toggler border-0" type="button" @click="openNav">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand col-auto col-lg-2 px-3 py-0 m-0" :href="rootUrl">
<img :src="logoImg" width="90">
</a>
<div ref="nav" class="offcanvas offcanvas-start align-items-stretch mt-lg-0 w-100 px-3 px-lg-0 d-flex flex-column flex-lg-row bg-dark" tabindex="-1">
<fhc-searchbar class="fhc-searchbar w-100 me-0" :searchoptions="{types:[],actions:{}}" :searchfunction="search"></fhc-searchbar>
<ul class="navbar-nav flex-grow-1">
<li class="nav-item d-lg-none">
<a class="nav-link" href="#">Mein CIS</a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link" href="#">FHTW Campus</a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link" href="#">FHTW Services</a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link" href="#">COVID 19</a>
</li>
<li class="nav-item">
<cis-navigation-user></cis-navigation-user>
</li>
</ul>
</div>
</div>`
};
@@ -1,22 +0,0 @@
export default {
data: () => {
return {
imgSrc: FHC_JS_DATA_STORAGE_OBJECT.app_root + '/cis/public/bild.php'
}
},
created() {
axios.get(FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + '/components/cis/navigation/user').then(res => {this.imgSrc += '?src=person&person_id=' + res.data.retval});
},
template: `
<div class="dropdown dropstart">
<a class="dropdown-toggle nav-link" href="#" id="dropdown01" data-bs-toggle="dropdown" aria-expanded="false">
<img :src="imgSrc" class="avatar rounded-circle" width="45" height="45"/>
</a>
<ul class="dropdown-menu dropdown-menu-dark m-0" aria-labelledby="dropdown01">
<li><a class="dropdown-item" href="#" id="menu-profil">Profil</a></li>
<li><a class="dropdown-item" href="#">Ampeln</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Logout</a></li>
</ul>
</div>`
};