StudentSupportCallForm: add ipaInput shared component #1450

ucdavis · Jan 16, 2018 · 0f9aa3e · 0f9aa3e
1 parent 1f0e790
commit 0f9aa3e
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 0 deletions.
diff --git a/app/shared/directives/ipaInput/ipaInput.css b/app/shared/directives/ipaInput/ipaInput.css
@@ -0,0 +1,21 @@
+.ipa-input {
+	border: 1px solid #d9d9d9;
+	border-top-color: #c0c0c0;
+	background-color: white;
+	border-radius: 3px;
+	box-sizing: border-box;
+	height: 31px;
+	width: 100%;
+	padding: 5px;
+}
+
+.ipa-input:hover {
+	border-color: #b9b9b9;
+	border-top-color: #a0a0a0;
+	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
+}
+
+.ipa-input:focus {
+	outline: 0;
+	border-color: #4d90fe;
+}
diff --git a/app/shared/directives/ipaInput/ipaInput.html b/app/shared/directives/ipaInput/ipaInput.html
@@ -0,0 +1,2 @@
+<input class="ipa-input" ng-model="value">
+</input>
diff --git a/app/shared/directives/ipaInput/ipaInput.js b/app/shared/directives/ipaInput/ipaInput.js
@@ -0,0 +1,14 @@
+sharedApp.directive("ipaInput", this.ipaInput = function () {
+	return {
+		restrict: 'E',
+		templateUrl: 'ipaInput.html',
+		replace: true,
+		scope: {
+			onUpdate: '&?',
+			value: '='
+		},
+		link: function(scope, element, attrs) {
+			// Intentionally empty
+		}
+	};
+});
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<input class="ipa-input" ng-model="value">
		</input>