blackicedbear/FHC-Core
1
0
Fork 0
mirror of https://github.com/FH-Complete/FHC-Core.git synced 2026-06-24 07:29:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

changes the layout of the searchbar to be the same in the mobile view and in the desktop view

Browse Source
This commit is contained in:
SimonGschnell
2024-07-01 14:43:43 +02:00
parent f4f08c0710
commit ff0f2320e1
2 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
application/views/templates/CISHTML-Header.php
+1 -2
View File
@@ -31,7 +31,7 @@ if (!isset($menu)) {
<button id="nav-main-btn" class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#nav-main" aria-controls="nav-main" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<fhc-searchbar id="nav-search" class="px-2 d-lg-none fhc-searchbar w-100" @updatesearchtypes="updatesearchtypes" :selectedtypes="selectedtypes" :searchoptions="searchbaroptions" :searchfunction="searchfunction"></fhc-searchbar>
<fhc-searchbar id="nav-search" class=" fhc-searchbar w-100" @updatesearchtypes="updatesearchtypes" :selectedtypes="selectedtypes" :searchoptions="searchbaroptions" :searchfunction="searchfunction"></fhc-searchbar>
<a id="nav-logo" href="<?= site_url(''); ?>">
<img src="<?= base_url('/public/images/logo-300x160.png'); ?>" alt="Logo">
</a>
@@ -42,7 +42,6 @@ if (!isset($menu)) {
</button>
</div>
<div class="offcanvas-body p-0">
<fhc-searchbar id="nav-search" class="d-none d-lg-block fhc-searchbar w-100" @updatesearchtypes="updatesearchtypes" :selectedtypes="selectedtypes" :searchoptions="searchbaroptions" :searchfunction="searchfunction"></fhc-searchbar>
<button id="nav-user-btn" class="btn btn-link rounded-0" type="button" data-bs-toggle="collapse" data-bs-target="#nav-user-menu" aria-expanded="false" aria-controls="nav-user-menu">
<img src="<?= site_url('Cis/Pub/bild/person/' . getAuthPersonId()); ?>" class="avatar rounded-circle"/>
</button>
public/js/components/searchbar/searchbar.js
+11 -6
View File
@@ -54,8 +54,8 @@ export default {
</template>
</div>
<div @[\`show.bs.collapse\`]="calcSearchSettingsExtent" class="collapse" id="searchSettings" ref="settings"
class="searchbar_settings text-white" tabindex="-1">
<div id="searchSettings" ref="settings"
class="top-100 end-0 searchbar_settings text-white collapse" tabindex="-1">
<div class="d-flex flex-column m-3" v-if="this.searchoptions.types.length > 0">
<span class="fw-light mb-2">Suche filtern nach:</span>
<template v-for="(type, index) in this.searchoptions.types" :key="type">
@@ -79,13 +79,18 @@ export default {
},
beforeMount: function() {
this.updateSearchOptions();
},
mounted(){
window.addEventListener('resize', (event) =>{
console.log(this.$refs.settings,"this is the refs of the settings")
this.$refs.settings.hide();
console.log("resizing")
});
//console.log(this.$refs.settings.show,"this are the refs")
},
methods: {
calcSearchSettingsExtent: function(){
this.$refs.settings.style.top = Math.floor(this.$refs.settingsbutton.offsetHeight ) + 'px';
this.$refs.settings.style.right = 0;
},
updateSearchOptions: function() {
this.searchsettings.types = [];