github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-05-28 02:40:05 +08:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

Made header more responsive and added nicer settings switches

Browse Source
This commit is contained in:
Dan Brown
2015-10-18 17:29:26 +01:00
parent 13fa1080dc
commit 6c4b4e1cf9
8 changed files with 123 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
resources/assets/js/components/toggle-switch.vue Normal file
View File

@ -0,0 +1,28 @@
<template>
<div class="toggle-switch" v-on="click: switch" v-class="active: isActive">
<input type="hidden" v-attr="name: name, value: value"/>
<div class="switch-handle"></div>
</div>
</template>
<script>
module.exports = {
props: ['name', 'value'],
data: function() {
return {
isActive: this.value == true && this.value != 'false'
}
},
ready: function() {
this.value = (this.value == true && this.value != 'false') ? 'true' : 'false';
},
methods: {
switch: function() {
this.isActive = !this.isActive;
this.value = this.isActive ? 'true' : 'false';
}
}
}
</script>