StudentSupportCallForm: Implement initial ipa-pill component #1450

ucdavis · Jan 16, 2018 · ff5532e · ff5532e
1 parent 99fb488
commit ff5532e
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/app/shared/directives/ipaPill/ipaPill.css b/app/shared/directives/ipaPill/ipaPill.css
diff --git a/app/shared/directives/ipaPill/ipaPill.html b/app/shared/directives/ipaPill/ipaPill.html
@@ -0,0 +1,11 @@
+<div class="ipa-pill">
+	<div class="ipa-pill__text">
+		{{ text }}
+	</div>
+	<div
+	class="ipa-pill__delete-container"
+	ng-show="canDelete"
+	ng-click="onDelete()">
+		<i class="ipa-pill__delete-btn glyphicon glyphicon-remove"></i>
+	</div>
+</div>
diff --git a/app/shared/directives/ipaPill/ipaPill.js b/app/shared/directives/ipaPill/ipaPill.js
@@ -0,0 +1,15 @@
+sharedApp.directive("ipaPill", this.ipaPill = function () {
+	return {
+		restrict: 'E',
+		templateUrl: 'ipaPill.html',
+		replace: true,
+		scope: {
+			canDelete: '<?',
+			onDelete: '&?',
+			text: '<?'
+		},
+		link: function(scope, element, attrs) {
+			// Intentionally empty
+		}
+	};
+});