layout changes

This commit is contained in:
Simon Gschnell
2023-12-12 15:34:28 +01:00
parent 633cd6be0f
commit a72b8a153e
5 changed files with 17 additions and 28 deletions
@@ -13,8 +13,7 @@ export default {
funktionen_table_options: {
reactiveData:true,
height: 300,
height:400,
layout:"fitColumns",
responsiveLayout:"collapse",
responsiveLayoutCollapseUseFormatters:false,
@@ -30,7 +29,8 @@ export default {
],
columns: [
//? option when wanting to hide the collapsed list
/* {
/*
{
title: "",
field: "",
headerSort: false,
@@ -57,7 +57,7 @@ export default {
},
betriebsmittel_table_options: {
height: 300,
height:300,
layout: "fitColumns",
responsiveLayout:"collapse",
responsiveLayoutCollapseUseFormatters:false,
@@ -165,18 +165,7 @@ export default {
},
/*
<div class="dropdown">
<button class="w-100 btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-bs-toggle="dropdown" aria-expanded="false">
Quick links
</button>
<ul class="w-100 dropdown-menu" aria-labelledby="dropdownMenu2">
<li><button class="dropdown-item" type="button">Zeitwuensche</button></li>
<li><button class="dropdown-item" type="button">Lehrveranstaltungen</button></li>
<li><button class="dropdown-item" type="button">Zeitsperren von Gschnell</button></li>
</ul>
</div>
*/
template: `
@@ -207,7 +196,7 @@ export default {
</div>
</div>
</div>
</div>
<!-- END OF HIDDEN QUCK LINKS -->
@@ -417,7 +406,7 @@ export default {
<!-- START OF SIDE PANEL -->
<div class="col-md-3 col-sm-12">
<div class="col-md-3 col-sm-12" style="overflow-wrap:break-word">
<!-- SRART OF QUICK LINKS IN THE SIDE PANEL -->
@@ -11,7 +11,7 @@ export default {
funktionen_table_options: {
height: 300,
height: 400,
layout:"fitColumns",
responsiveLayout:"collapse",
responsiveLayoutCollapseUseFormatters:false,
@@ -293,7 +293,7 @@ export default {
<!-- START OF SIDE PANEL -->
<div class="col-md-3 col-sm-12">
<div class="col-md-3 col-sm-12" style="overflow-wrap:break-word">
<!-- SRART OF QUICK LINKS IN THE SIDE PANEL -->
@@ -35,7 +35,7 @@ export default {
},
zutrittsgruppen_table_options: {
height: 300,
height: 200,
layout: "fitColumns",
data: [{ bezeichnung: "test1" }],
columns: [{ title: "Zutritt", field: "bezeichnung" }],
@@ -345,7 +345,7 @@ export default {
<!-- SECOND TABLE -->
<div class="col-12" style="border:4px solid;border-color:orange">
<core-filter-cmpt title="Zutrittsgruppen" ref="zutrittsgruppenTable" :tabulator-options="zutrittsgruppen_table_options" :tableOnly :noColFilter />
<core-filter-cmpt title="Zutrittsgruppen" ref="zutrittsgruppenTable" :tabulator-options="zutrittsgruppen_table_options" :tableOnly :noColumnFilter />
</div>
<!-- END OF THE ROW WITH THE TABLES UNDER THE PROFIL INFORMATION -->
@@ -364,7 +364,7 @@ export default {
<!-- START OF SIDE PANEL -->
<div class="col-md-3 col-sm-12">
<div class="col-md-3 col-sm-12" style="overflow-wrap:break-word">
<!-- SRART OF QUICK LINKS IN THE SIDE PANEL -->
@@ -235,7 +235,7 @@ export default {
<!-- START OF SIDE PANEL -->
<div class="col-md-3 col-sm-12">
<div class="col-md-3 col-sm-12" style="overflow-wrap:break-word">
<!-- SRART OF QUICK LINKS IN THE SIDE PANEL -->
+4 -4
View File
@@ -46,7 +46,7 @@ export const CoreFilterCmpt = {
tabulatorOptions: Object,
tabulatorEvents: Array,
tableOnly: Boolean,
noColFilter:Boolean,
noColumnFilter:Boolean,
},
data: function() {
return {
@@ -154,7 +154,7 @@ export const CoreFilterCmpt = {
initTabulator() {
// Define a default tabulator options in case it was not provided
let tabulatorOptions = {...{
height: 500,
height: 500,
layout: "fitColumns",
movableColumns: true,
reactiveData: true
@@ -587,10 +587,10 @@ export const CoreFilterCmpt = {
<div class="filter-header-title">
<span v-if="!tableOnly" class="filter-header-title-span-filter">[ {{ filterName }} ]</span>
<span v-if="!tableOnly" data-bs-toggle="collapse" :data-bs-target="'#collapseFilters' + idExtra" class="filter-header-title-span-icon fa-solid fa-filter fa-xl"></span>
<span v-if="!noColFilter" data-bs-toggle="collapse" :data-bs-target="'#collapseColumns' + idExtra" class="filter-header-title-span-icon fa-solid fa-table-columns fa-xl"></span>
<span v-if="!noColumnFilter" data-bs-toggle="collapse" :data-bs-target="'#collapseColumns' + idExtra" class="filter-header-title-span-icon fa-solid fa-table-columns fa-xl"></span>
</div>
<div v-if="!noColFilter" :id="'collapseColumns' + idExtra" class="card-body collapse" :data-bs-parent="'#filterCollapsables' + idExtra">
<div v-if="!noColumnFilter" :id="'collapseColumns' + idExtra" class="card-body collapse" :data-bs-parent="'#filterCollapsables' + idExtra">
<div class="card">
<!-- Filter fields options -->
<div class="row card-body filter-options-div">