From 0f9aa3eee257b49bea4c31de3707f5fb8c5f2bf9 Mon Sep 17 00:00:00 2001
From: Lloyd Wheeler <ltwheeler@ucdavis.edu>
Date: Fri, 8 Dec 2017 11:11:30 -0800
Subject: [PATCH] StudentSupportCallForm: add ipaInput shared component #1450

---
 app/shared/directives/ipaInput/ipaInput.css  | 21 ++++++++++++++++++++
 app/shared/directives/ipaInput/ipaInput.html |  2 ++
 app/shared/directives/ipaInput/ipaInput.js   | 14 +++++++++++++
 3 files changed, 37 insertions(+)
 create mode 100644 app/shared/directives/ipaInput/ipaInput.css
 create mode 100644 app/shared/directives/ipaInput/ipaInput.html
 create mode 100644 app/shared/directives/ipaInput/ipaInput.js

diff --git a/app/shared/directives/ipaInput/ipaInput.css b/app/shared/directives/ipaInput/ipaInput.css
new file mode 100644
index 000000000..2be7075d9
--- /dev/null
+++ 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;
+}
\ No newline at end of file
diff --git a/app/shared/directives/ipaInput/ipaInput.html b/app/shared/directives/ipaInput/ipaInput.html
new file mode 100644
index 000000000..1c258f01f
--- /dev/null
+++ b/app/shared/directives/ipaInput/ipaInput.html
@@ -0,0 +1,2 @@
+<input class="ipa-input" ng-model="value">
+</input>
\ No newline at end of file
diff --git a/app/shared/directives/ipaInput/ipaInput.js b/app/shared/directives/ipaInput/ipaInput.js
new file mode 100644
index 000000000..7866888b1
--- /dev/null
+++ 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
+		}
+	};
+});
\ No newline at end of file