StudentSupportCallForm: Add support for disabling priority button #1450

ucdavis · Jan 16, 2018 · 68b3138 · 68b3138
1 parent 5ae9b4e
commit 68b3138
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 5 deletions.
diff --git a/...rm/directives/studentPreferences/studentPreferenceTable/priorityButton/priorityButton.css b/...rm/directives/studentPreferences/studentPreferenceTable/priorityButton/priorityButton.css
@@ -14,7 +14,11 @@
 	padding-left: 5px;
 }
 
-.priority-button:hover {
+.priority-button--disabled {
+	cursor: default;
+}
+
+.priority-button:hover:not(.priority-button--disabled) {
 	background-color: #e6ebf1;
 	background-image: linear-gradient(-180deg, #f0f3f6 0%, #e6ebf1 90%);
 	border-color: rgba(27,31,35,0.35);

diff --git a/...m/directives/studentPreferences/studentPreferenceTable/priorityButton/priorityButton.html b/...m/directives/studentPreferences/studentPreferenceTable/priorityButton/priorityButton.html
@@ -1,6 +1,14 @@
-<div class="priority-button" ng-click="onClick()">
-	<div class="priority-button__icon-container icon-container">
-		<div ng-class="iconClass">
+<div class="priority-button" ng-class="{'priority-button--disabled': isDisabled }">
+	<div ng-show="!(isDisabled)" ng-click="onClick()">
+		<div class="priority-button__icon-container icon-container">
+			<div ng-class="iconClass">
+			</div>
+		</div>
+	</div>
+	<div ng-show="(isDisabled)">
+		<div class="priority-button__icon-container icon-container">
+			<div ng-class="iconClass">
+			</div>
 		</div>
 	</div>
 </div>
diff --git a/...orm/directives/studentPreferences/studentPreferenceTable/priorityButton/priorityButton.js b/...orm/directives/studentPreferences/studentPreferenceTable/priorityButton/priorityButton.js
@@ -15,7 +15,8 @@ sharedApp.directive("priorityButton", this.ipaButton = function () {
 		replace: true,
 		scope: {
 			onClick: '&?',
-			iconClass: '<?'
+			iconClass: '<?',
+			isDisabled: '<?'
 		},
 		link: function(scope, element, attrs) {
 			// Intentionally empty