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">
|
2023-06-15 17:10:56 +03:00
|
|
|
<span class="gh-setting-title mb0" 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>
|
2023-06-15 17:10:56 +03:00
|
|
|
{{#if @setting.description}}
|
2023-06-16 15:14:43 +03:00
|
|
|
<div class="gh-setting-desc" style="margin-top: 1px">{{truncate @setting.description 100}}</div>
|
2023-06-15 17:10:56 +03:00
|
|
|
{{/if}}
|
2021-10-13 19:55:17 +03:00
|
|
|
</div>
|
|
|
|
</div>
|