mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-14 20:40:17 -05:00
37 lines
950 B
CoffeeScript
37 lines
950 B
CoffeeScript
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}}"
|
|
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}}"
|
|
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>
|
|
</fieldset>
|
|
"""
|