mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-14 20:40:17 -05:00
c96bb1551c
Move style for selected toggle item GitOrigin-RevId: 516e77839c708c77510ad0e77137dd45f54ff3ed
36 lines
884 B
JavaScript
36 lines
884 B
JavaScript
import App from '../../../base'
|
|
|
|
export default 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"><span>{{labelFalse}}</span></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"><span>{{labelTrue}}</span></label>
|
|
</fieldset>\
|
|
`,
|
|
}))
|