StudentSupportCallForm: Create new directive structure #1450

ucdavis · Nov 27, 2017 · cb28d82 · cb28d82
1 parent 757d903
commit cb28d82
Show file tree

Hide file tree

Showing 25 changed files with 196 additions and 1 deletion.
diff --git a/app/instructionalSupport/instructionalSupport.html b/app/instructionalSupport/instructionalSupport.html
@@ -28,8 +28,16 @@
 	<link rel="stylesheet" href="/css/instructorSupportCallFormModal.css">
 	<link rel="stylesheet" href="/css/instructionalSupportCallConfig.css">
 
-	<script src="/js/lib.js"></script>
+	<link rel="stylesheet" href="/css/studentComments.css">
+	<link rel="stylesheet" href="/css/studentPreferences.css">
+	<link rel="stylesheet" href="/css/teachingQualifications.css">
+	<link rel="stylesheet" href="/css/studentAvailabilities.css">
+	<link rel="stylesheet" href="/css/crnAvailable.css">
+	<link rel="stylesheet" href="/css/gridAvailable.css">
+	<link rel="stylesheet" href="/css/studentFormFreview.css">
+	<link rel="stylesheet" href="/css/confirmEligible.css">
 
+	<script src="/js/lib.js"></script>
 </head>
 <body class="page-body ng-cloak" ng-app="instructionalSupportApp" ng-cloak ng-controller="SharedCtrl">
 		<base href="/instructionalSupport/">

diff --git a/...nstructionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.css b/...nstructionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.css
diff --git a/...structionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.html b/...structionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.html
diff --git a/...instructionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.js b/...instructionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.js
@@ -0,0 +1,22 @@
+summaryApp.directive("confirmEligible", this.confirmEligible = function () {
+	return {
+		restrict: 'E',
+		templateUrl: 'confirmEligible.html',
+		replace: true,
+		scope: {
+			state: '<'
+		},
+		link: function (scope, element, attrs) {
+			scope.props = {};
+			scope.mapStateToProps(scope.state);
+
+			$rootScope.$on('supportStaffFormStateChanged', function (event, data) {
+				scope.mapStateToProps(data);
+			});
+
+			scope.mapStateToProps = function(state) {
+				return state;
+			};
+		}
+	};
+});
diff --git a/...ort/studentSupportCallForm/directives/studentAvailabilities/crnAvailable/crnAvailable.css b/...ort/studentSupportCallForm/directives/studentAvailabilities/crnAvailable/crnAvailable.css
diff --git a/...rt/studentSupportCallForm/directives/studentAvailabilities/crnAvailable/crnAvailable.html b/...rt/studentSupportCallForm/directives/studentAvailabilities/crnAvailable/crnAvailable.html
diff --git a/...port/studentSupportCallForm/directives/studentAvailabilities/crnAvailable/crnAvailable.js b/...port/studentSupportCallForm/directives/studentAvailabilities/crnAvailable/crnAvailable.js
@@ -0,0 +1,22 @@
+summaryApp.directive("crnAvailable", this.crnAvailable = function () {
+	return {
+		restrict: 'E',
+		templateUrl: 'crnAvailable.html',
+		replace: true,
+		scope: {
+			state: '<'
+		},
+		link: function (scope, element, attrs) {
+			scope.props = {};
+			scope.mapStateToProps(scope.state);
+
+			$rootScope.$on('supportStaffFormStateChanged', function (event, data) {
+				scope.mapStateToProps(data);
+			});
+
+			scope.mapStateToProps = function(state) {
+				return state;
+			};
+		}
+	};
+});
diff --git a/...t/studentSupportCallForm/directives/studentAvailabilities/gridAvailable/gridAvailable.css b/...t/studentSupportCallForm/directives/studentAvailabilities/gridAvailable/gridAvailable.css
diff --git a/.../studentSupportCallForm/directives/studentAvailabilities/gridAvailable/gridAvailable.html b/.../studentSupportCallForm/directives/studentAvailabilities/gridAvailable/gridAvailable.html
diff --git a/...rt/studentSupportCallForm/directives/studentAvailabilities/gridAvailable/gridAvailable.js b/...rt/studentSupportCallForm/directives/studentAvailabilities/gridAvailable/gridAvailable.js
@@ -0,0 +1,22 @@
+summaryApp.directive("gridAvailable", this.gridAvailable = function () {
+	return {
+		restrict: 'E',
+		templateUrl: 'gridAvailable.html',
+		replace: true,
+		scope: {
+			state: '<'
+		},
+		link: function (scope, element, attrs) {
+			scope.props = {};
+			scope.mapStateToProps(scope.state);
+
+			$rootScope.$on('supportStaffFormStateChanged', function (event, data) {
+				scope.mapStateToProps(data);
+			});
+
+			scope.mapStateToProps = function(state) {
+				return state;
+			};
+		}
+	};
+});
diff --git a/...Support/studentSupportCallForm/directives/studentAvailabilities/studentAvailabilities.css b/...Support/studentSupportCallForm/directives/studentAvailabilities/studentAvailabilities.css
diff --git a/...upport/studentSupportCallForm/directives/studentAvailabilities/studentAvailabilities.html b/...upport/studentSupportCallForm/directives/studentAvailabilities/studentAvailabilities.html
diff --git a/...lSupport/studentSupportCallForm/directives/studentAvailabilities/studentAvailabilities.js b/...lSupport/studentSupportCallForm/directives/studentAvailabilities/studentAvailabilities.js
@@ -0,0 +1,22 @@
+summaryApp.directive("studentAvailabilities", this.studentAvailabilities = function () {
+	return {
+		restrict: 'E',
+		templateUrl: 'studentAvailabilities.html',
+		replace: true,
+		scope: {
+			state: '<'
+		},
+		link: function (scope, element, attrs) {
+			scope.props = {};
+			scope.mapStateToProps(scope.state);
+
+			$rootScope.$on('supportStaffFormStateChanged', function (event, data) {
+				scope.mapStateToProps(data);
+			});
+
+			scope.mapStateToProps = function(state) {
+				return state;
+			};
+		}
+	};
+});
diff --git a/...nstructionalSupport/studentSupportCallForm/directives/studentComments/studentComments.css b/...nstructionalSupport/studentSupportCallForm/directives/studentComments/studentComments.css
@@ -0,0 +1,3 @@
+.student-comments {
+
+}
diff --git a/...structionalSupport/studentSupportCallForm/directives/studentComments/studentComments.html b/...structionalSupport/studentSupportCallForm/directives/studentComments/studentComments.html
@@ -0,0 +1,8 @@
+<div class="student-comments">
+	<div ng-show="view.state.supportCallResponse.collectGeneralComments" class="input-box-area ">
+		<h5 class="pull-left">Comments</h5>
+		<textarea class="form-control"
+		ng-model="view.params.supportCallResponse.generalComments"
+		auto-input on-blur="updateSupportCallResponse()"></textarea>
+	</div>
+</div>
diff --git a/...instructionalSupport/studentSupportCallForm/directives/studentComments/studentComments.js b/...instructionalSupport/studentSupportCallForm/directives/studentComments/studentComments.js
@@ -0,0 +1,22 @@
+summaryApp.directive("studentComments", this.studentComments = function () {
+	return {
+		restrict: 'E',
+		templateUrl: 'studentComments.html',
+		replace: true,
+		scope: {
+			state: '<'
+		},
+		link: function (scope, element, attrs) {
+			scope.props = {};
+			scope.mapStateToProps(scope.state);
+
+			$rootScope.$on('supportStaffFormStateChanged', function (event, data) {
+				scope.mapStateToProps(data);
+			});
+
+			scope.mapStateToProps = function(state) {
+				return state;
+			};
+		}
+	};
+});
diff --git a/...uctionalSupport/studentSupportCallForm/directives/studentFormReview/studentFormReview.css b/...uctionalSupport/studentSupportCallForm/directives/studentFormReview/studentFormReview.css
diff --git a/...ctionalSupport/studentSupportCallForm/directives/studentFormReview/studentFormReview.html b/...ctionalSupport/studentSupportCallForm/directives/studentFormReview/studentFormReview.html
diff --git a/...ructionalSupport/studentSupportCallForm/directives/studentFormReview/studentFormReview.js b/...ructionalSupport/studentSupportCallForm/directives/studentFormReview/studentFormReview.js
@@ -0,0 +1,22 @@
+summaryApp.directive("studentFormReview", this.studentFormReview = function () {
+	return {
+		restrict: 'E',
+		templateUrl: 'studentFormReview.html',
+		replace: true,
+		scope: {
+			state: '<'
+		},
+		link: function (scope, element, attrs) {
+			scope.props = {};
+			scope.mapStateToProps(scope.state);
+
+			$rootScope.$on('supportStaffFormStateChanged', function (event, data) {
+				scope.mapStateToProps(data);
+			});
+
+			scope.mapStateToProps = function(state) {
+				return state;
+			};
+		}
+	};
+});
diff --git a/...tionalSupport/studentSupportCallForm/directives/studentPreferences/studentPreferences.css b/...tionalSupport/studentSupportCallForm/directives/studentPreferences/studentPreferences.css
diff --git a/...ionalSupport/studentSupportCallForm/directives/studentPreferences/studentPreferences.html b/...ionalSupport/studentSupportCallForm/directives/studentPreferences/studentPreferences.html
diff --git a/...ctionalSupport/studentSupportCallForm/directives/studentPreferences/studentPreferences.js b/...ctionalSupport/studentSupportCallForm/directives/studentPreferences/studentPreferences.js
@@ -0,0 +1,22 @@
+summaryApp.directive("studentPreferences", this.studentPreferences = function () {
+	return {
+		restrict: 'E',
+		templateUrl: 'studentPreferences.html',
+		replace: true,
+		scope: {
+			state: '<'
+		},
+		link: function (scope, element, attrs) {
+			scope.props = {};
+			scope.mapStateToProps(scope.state);
+
+			$rootScope.$on('supportStaffFormStateChanged', function (event, data) {
+				scope.mapStateToProps(data);
+			});
+
+			scope.mapStateToProps = function(state) {
+				return state;
+			};
+		}
+	};
+});
diff --git a/...pport/studentSupportCallForm/directives/teachingQualifications/teachingQualifications.css b/...pport/studentSupportCallForm/directives/teachingQualifications/teachingQualifications.css
diff --git a/...port/studentSupportCallForm/directives/teachingQualifications/teachingQualifications.html b/...port/studentSupportCallForm/directives/teachingQualifications/teachingQualifications.html
diff --git a/...upport/studentSupportCallForm/directives/teachingQualifications/teachingQualifications.js b/...upport/studentSupportCallForm/directives/teachingQualifications/teachingQualifications.js
@@ -0,0 +1,22 @@
+summaryApp.directive("teachingQualifications", this.teachingQualifications = function () {
+	return {
+		restrict: 'E',
+		templateUrl: 'teachingQualifications.html',
+		replace: true,
+		scope: {
+			state: '<'
+		},
+		link: function (scope, element, attrs) {
+			scope.props = {};
+			scope.mapStateToProps(scope.state);
+
+			$rootScope.$on('supportStaffFormStateChanged', function (event, data) {
+				scope.mapStateToProps(data);
+			});
+
+			scope.mapStateToProps = function(state) {
+				return state;
+			};
+		}
+	};
+});