btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

Use returned value from toggle component on change event

Browse Source
This commit is contained in:
Hossein Nedaee
2019-10-22 23:04:17 +03:30
parent 3208cec882
commit cbbc0e5efa
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/toggle.vue
View File

@@ -92,8 +92,8 @@
methods: { methods: {
toggle() { toggle() {
this.$refs.toggle.classList.toggle("on"); const containsOnClass = this.$refs.toggle.classList.toggle("on");
this.$emit('change', this.$refs.toggle.classList.contains("on")); this.$emit('change', containsOnClass);
} }
} }

2
pages/index.vue
View File

@@ -100,7 +100,7 @@
<ul> <ul>
<li> <li>
<span> <span>
<pw-toggle :on="rawInput" @change="rawInput = !rawInput"> <pw-toggle :on="rawInput" @change="rawInput = $event">
Raw Input {{ rawInput ? "Enabled" : "Disabled" }} Raw Input {{ rawInput ? "Enabled" : "Disabled" }}
</pw-toggle> </pw-toggle>
</span> </span>

4
pages/settings.vue
View File

@@ -25,7 +25,7 @@
<li> <li>
<h3 class="title">Frames</h3> <h3 class="title">Frames</h3>
<span> <span>
<pw-toggle :on="!settings.DISABLE_FRAME_COLORS" @change="toggleSetting('DISABLE_FRAME_COLORS')"> <pw-toggle :on="!settings.DISABLE_FRAME_COLORS" @change="applySetting('DISABLE_FRAME_COLORS', $event)">
Multi-color {{ settings.DISABLE_FRAME_COLORS ? "Disabled" : "Enabled" }} Multi-color {{ settings.DISABLE_FRAME_COLORS ? "Disabled" : "Enabled" }}
</pw-toggle> </pw-toggle>
</span> </span>
@@ -35,7 +35,7 @@
<pw-section class="blue" icon="public" label="Proxy"> <pw-section class="blue" icon="public" label="Proxy">
<ul> <ul>
<li> <li>
<pw-toggle :on="settings.PROXY_ENABLED" @change="toggleSetting('PROXY_ENABLED')"> <pw-toggle :on="settings.PROXY_ENABLED" @change="applySetting('PROXY_ENABLED', $event)">
Proxy {{ settings.PROXY_ENABLED ? "enabled" : "disabled" }} Proxy {{ settings.PROXY_ENABLED ? "enabled" : "disabled" }}
</pw-toggle> </pw-toggle>
</li> </li>