mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-29 14:03:07 +00:00
32 lines
No EOL
928 B
CoffeeScript
32 lines
No EOL
928 B
CoffeeScript
define [
|
|
"base"
|
|
], (App) ->
|
|
App.directive "reviewPanelToggle", () ->
|
|
restrict: "E"
|
|
scope:
|
|
onToggle: '&'
|
|
ngModel: '='
|
|
valWhenUndefined: '=?'
|
|
disabled: '=?'
|
|
onDisabledClick: '&?'
|
|
link: (scope) ->
|
|
if !scope.disabled?
|
|
scope.disabled = false
|
|
scope.onChange = (args...) ->
|
|
scope.onToggle({ isOn: scope.localModel })
|
|
scope.handleClick = () ->
|
|
if scope.disabled and scope.onDisabledClick?
|
|
scope.onDisabledClick()
|
|
scope.localModel = scope.ngModel
|
|
scope.$watch "ngModel", (value) ->
|
|
if scope.valWhenUndefined? and !value?
|
|
value = scope.valWhenUndefined
|
|
scope.localModel = value
|
|
|
|
template: """
|
|
<div class="rp-toggle" ng-click="handleClick();">
|
|
<input id="rp-toggle-{{$id}}" ng-disabled="disabled" type="checkbox" class="rp-toggle-hidden-input" ng-model="localModel" ng-change="onChange()" />
|
|
<label for="rp-toggle-{{$id}}" class="rp-toggle-btn"></label>
|
|
</div>
|
|
"""
|
|
|