mirror of
https://github.com/BookStackApp/BookStack.git
synced 2025-07-30 04:23:11 +03:00
Started transfer to angularjs
This commit is contained in:
4
resources/assets/js/components/toggle-switch.html
Normal file
4
resources/assets/js/components/toggle-switch.html
Normal file
@ -0,0 +1,4 @@
|
||||
<div class="toggle-switch" ng-click="switch()" ng-class="{'active': isActive}">
|
||||
<input type="hidden" ng-attr-name="{{name}}" ng-attr-value="{{value}}"/>
|
||||
<div class="switch-handle"></div>
|
||||
</div>
|
@ -1,28 +0,0 @@
|
||||
|
||||
<template>
|
||||
<div class="toggle-switch" @click="switch" :class="{'active': isActive}">
|
||||
<input type="hidden" :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>
|
Reference in New Issue
Block a user