overleaf/services/web/public/coffee/ide/editor/directives/toggleSwitch.coffee

38 lines
950 B
CoffeeScript
Raw Normal View History

2018-04-16 04:36:10 -04:00
define [
"base"
], (App) ->
App.directive "toggleSwitch", () ->
restrict: "E"
scope:
description: "@"
labelFalse: "@"
labelTrue: "@"
ngModel: "="
template: """
<fieldset class="toggle-switch">
<legend class="sr-only">{{description}}</legend>
<input
type="radio"
name="toggle-switch-{{$id}}"
2018-04-16 04:36:10 -04:00
class="toggle-switch-input"
id="toggle-switch-false-{{$id}}"
ng-value="false"
ng-model="ngModel"
>
<label for="toggle-switch-false-{{$id}}" class="toggle-switch-label">{{labelFalse}}</label>
<input
type="radio"
class="toggle-switch-input"
name="toggle-switch-{{$id}}"
2018-04-16 04:36:10 -04:00
id="toggle-switch-true-{{$id}}"
ng-value="true"
ng-model="ngModel"
>
<label for="toggle-switch-true-{{$id}}" class="toggle-switch-label">{{labelTrue}}</label>
<span class="toggle-switch-selection" aria-hidden="true"></span>
2018-04-16 04:36:10 -04:00
</fieldset>
"""