github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-07 20:31:06 -05:00
Code Issues Projects Releases Packages Wiki Activity

Add switch-toggle directive

Browse source
This commit is contained in:
Alasdair Smith 2018-04-16 09:36:10 +01:00
parent c87cb1d361
commit 591f341f5f
2 changed files with 38 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
services/web/public/coffee/ide/editor/EditorManager.coffee
View file

@ -1,6 +1,7 @@
define [ define [
"ide/editor/Document" "ide/editor/Document"
"ide/editor/directives/aceEditor" "ide/editor/directives/aceEditor"
"ide/editor/directives/toggleSwitch"
"ide/editor/controllers/SavingNotificationController" "ide/editor/controllers/SavingNotificationController"
], (Document) -> ], (Document) ->
class EditorManager class EditorManager

37
services/web/public/coffee/ide/editor/directives/toggleSwitch.coffee Normal file
View file

@ -0,0 +1,37 @@
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="editor-mode"
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="editor-mode"
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"></span>
</fieldset>
"""