overleaf/services/web/public/coffee/ide/review-panel/directives/reviewPanelToggle.coffee

22 lines
No EOL
564 B
CoffeeScript

define [
"base"
], (App) ->
App.directive "reviewPanelToggle", () ->
restrict: "E"
scope:
onToggle: '='
ngModel: '='
link: (scope) ->
scope.onChange = (args...) ->
scope.onToggle(scope.localModel)
scope.localModel = scope.ngModel
scope.$watch "ngModel", (value) ->
scope.localModel = value
template: """
<div class="rp-toggle">
<input id="rp-toggle-{{$id}}" type="checkbox" class="rp-toggle-hidden-input" ng-model="localModel" ng-change="onChange()" />
<label for="rp-toggle-{{$id}}" class="rp-toggle-btn"></label>
</div>
"""