Преглед изворни кода

Support disabling the review-panel toggle, like a standard checkbox.

Paulo Reis пре 9 година
родитељ
комит
f50967295d

+ 9 - 2
services/web/public/coffee/ide/review-panel/directives/reviewPanelToggle.coffee

@@ -6,16 +6,23 @@ define [
 		scope: 
 		scope: 
 			onToggle: '='
 			onToggle: '='
 			ngModel: '='
 			ngModel: '='
+			disabled: '=?'
+			onDisabledClick: '=?'
 		link: (scope) ->
 		link: (scope) ->
+			if !scope.disabled?
+				scope.disabled = false
 			scope.onChange = (args...) ->
 			scope.onChange = (args...) ->
 				scope.onToggle(scope.localModel)
 				scope.onToggle(scope.localModel)
+			scope.handleClick = () ->
+				if scope.disabled
+					scope.onDisabledClick()
 			scope.localModel = scope.ngModel
 			scope.localModel = scope.ngModel
 			scope.$watch "ngModel", (value) ->
 			scope.$watch "ngModel", (value) ->
 				scope.localModel = value
 				scope.localModel = value
 
 
 		template: """
 		template: """
-<div class="rp-toggle">
-	<input id="rp-toggle-{{$id}}" type="checkbox" class="rp-toggle-hidden-input" ng-model="localModel" ng-change="onChange()" />
+<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>
 	<label for="rp-toggle-{{$id}}" class="rp-toggle-btn"></label>
 </div>
 </div>
 """
 """

+ 1 - 1
services/web/public/stylesheets/app/editor/review-panel.less

@@ -643,7 +643,7 @@
 .rp-toggle {
 .rp-toggle {
 	display: inline-block;
 	display: inline-block;
 	vertical-align: middle;
 	vertical-align: middle;
-	margin-left: 5px;
+	padding-left: 5px;
 }
 }
 	.rp-toggle-hidden-input {
 	.rp-toggle-hidden-input {
 		display: none;
 		display: none;