mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2026-11-14 06:03:45 +01:00
Add switch-toggle directive
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
define [
|
||||
"ide/editor/Document"
|
||||
"ide/editor/directives/aceEditor"
|
||||
"ide/editor/directives/toggleSwitch"
|
||||
"ide/editor/controllers/SavingNotificationController"
|
||||
], (Document) ->
|
||||
class EditorManager
|
||||
|
||||
@@ -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>
|
||||
"""
|
||||
Reference in New Issue
Block a user