mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-06-07 23:29:28 +00:00
layout changes
This commit is contained in:
@@ -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 -->
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user