2021-10-19 17:26:27 +03:00
|
|
|
<div class="gh-stack-item {{if (eq @index 0) "gh-setting-first" "gh-setting"}}">
|
2021-10-13 19:55:17 +03:00
|
|
|
<div class="flex-grow-1">
|
|
|
|
<div class="flex justify-between items-center relative">
|
2021-10-19 17:26:27 +03:00
|
|
|
<span class="gh-setting-title" for={{this.checkboxId}}>
|
2021-10-13 19:55:17 +03:00
|
|
|
{{humanize-setting-key @setting.key}}
|
|
|
|
</span>
|
2021-10-19 17:26:27 +03:00
|
|
|
<div class="for-switch x-small">
|
2021-10-13 19:55:17 +03:00
|
|
|
<label for={{this.checkboxId}} class="switch">
|
|
|
|
<input type="checkbox" class="gh-input" id={{this.checkboxId}} checked={{@setting.value}} {{on "input" this.toggleValue}}>
|
|
|
|
<span class="input-toggle-component mt1"></span>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|