askupasoftware /
mivhak.js
| Total Complexity | 4 |
| Complexity/F | 1.33 |
| Lines of Code | 20 |
| Function Count | 3 |
| Duplicated Lines | 0 |
| Ratio | 0 % |
| Changes | 1 | ||
| Bugs | 0 | Features | 0 |
| 1 | Mivhak.component('toggle', { |
||
| 2 | template: '<div class="mivhak-toggle"><div class="mivhak-toggle-knob"></div></div>', |
||
| 3 | props: { |
||
| 4 | on: true |
||
| 5 | }, |
||
| 6 | events: { |
||
| 7 | click: function() { |
||
| 8 | this.toggle(); |
||
| 9 | } |
||
| 10 | }, |
||
| 11 | created: function() { |
||
| 12 | this.$el.addClass('mivhak-toggle-'+(this.on?'on':'off')); |
||
| 13 | }, |
||
| 14 | methods: { |
||
| 15 | toggle: function() { |
||
| 16 | this.on = !this.on; |
||
| 17 | this.$el.toggleClass('mivhak-toggle-on').toggleClass('mivhak-toggle-off'); |
||
| 18 | } |
||
| 19 | } |
||
| 20 | }); |
