c3lf/c3lf-system-3
9
0
Fork 0
Code Issues 55 Pull requests Projects 2 Releases Wiki Activity Actions

make indentation consistent

Browse source
This commit is contained in:
j3d1 2023-11-27 01:14:52 +01:00
parent d52575aa42
commit 9f63414ba2
27 changed files with 858 additions and 804 deletions
Download patch file Download diff file Expand all files Collapse all files

66
web/src/components/Navbar.vue
View file

@ -3,7 +3,7 @@
<div class="dropdown">
<button class="btn text-light dropdown-toggle btn-heading" type="button" id="dropdownMenuButton"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{getEventSlug}}
{{ getEventSlug }}
</button>
<div class="dropdown-menu bg-dark" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item text-light" href="#" v-for="(event, index) in events" v-bind:key="index"
@ -13,7 +13,8 @@
<div class="custom-control-inline mr-1">
<button type="button" class="btn mx-1 text-nowrap btn-success" @click="$emit('addClicked')">
<font-awesome-icon icon="plus"/><span class="d-none d-md-inline">&nbsp;Add</span>
<font-awesome-icon icon="plus"/>
<span class="d-none d-md-inline">&nbsp;Add</span>
</button>
<div class="btn-group btn-group-toggle">
<button :class="['btn', 'btn-info', { active: layout === 'cards' }]" @click="setLayout('cards')">
@ -32,13 +33,13 @@
<form class="form-inline mt-1 my-lg-auto my-xl-auto w-100 d-inline">
<input
class="form-control w-100"
type="search"
placeholder="Search"
aria-label="Search"
v-debounce:500ms="myFunc"
@input="searchEventItems($event.target.value)"
disabled
class="form-control w-100"
type="search"
placeholder="Search"
aria-label="Search"
v-debounce:500ms="myFunc"
@input="searchEventItems($event.target.value)"
disabled
>
</form>
@ -47,10 +48,11 @@
<li class="nav-item dropdown">
<button class="btn nav-link dropdown-toggle" type="button" id="dropdownMenuButton2"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{getActiveView}}
{{ getActiveView }}
</button>
<ul class="dropdown-menu bg-dark" aria-labelledby="dropdownMenuButton2">
<li class="" v-for="(link, index) in views" v-bind:key="index" :class="{ active: link.path === getActiveView }">
<li class="" v-for="(link, index) in views" v-bind:key="index"
:class="{ active: link.path === getActiveView }">
<a class="nav-link text-nowrap" href="#" @click="changeView(link)">{{ link.title }}</a>
</li>
</ul>
@ -66,31 +68,31 @@
</template>
<script>
import { mapState, mapActions, mapMutations, mapGetters } from 'vuex';
import {mapState, mapActions, mapMutations, mapGetters} from 'vuex';
export default {
name: 'Navbar',
data: () => ({
views: [
{'title':'items','path':'items'},
{'title':'boxes','path':'boxes'},
//{'title':'mass-edit','path':'massedit'},
],
links: [
{'title':'howto engel','path':'/howto/'}
]
}),
computed: {
...mapState(['events', 'activeEvent', 'layout']),
...mapGetters(['getEventSlug', 'getActiveView']),
},
methods: {
...mapActions(['changeEvent', 'changeView','searchEventItems']),
...mapMutations(['setLayout'])
}
name: 'Navbar',
data: () => ({
views: [
{'title': 'items', 'path': 'items'},
{'title': 'boxes', 'path': 'boxes'},
//{'title':'mass-edit','path':'massedit'},
],
links: [
{'title': 'howto engel', 'path': '/howto/'}
]
}),
computed: {
...mapState(['events', 'activeEvent', 'layout']),
...mapGetters(['getEventSlug', 'getActiveView']),
},
methods: {
...mapActions(['changeEvent', 'changeView', 'searchEventItems']),
...mapMutations(['setLayout'])
}
};
</script>
<style lang="scss">
@import "../scss/navbar.scss";
@import "../scss/navbar.scss";
</style>