-
Notifications
You must be signed in to change notification settings - Fork 2
/
addLocation.html
217 lines (203 loc) · 13.9 KB
/
addLocation.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Digital ATX</title>
<!-- Bootstrap -->
<link href="asset/bootstrap.min.css" rel="stylesheet">
<link href="asset/css/main.css" rel="stylesheet">
<link href="asset/css/addLocation.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
<script src="public/angular_modules/addLocation.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body ng-app="addLocationModule" ng-controller="addLocationCtrl">
<div class="container-fluid">
<div class="mainHeader"> <!-- MAIN HEADER -->
<img src="images/DECABanner.jpg" alt="Digital Inclusion banner" class="decaBanner">
<div class="loginContainer">
<div class="loginButton">LOGIN</div>
</div>
</div> <!-- MAIN HEADER -->
<div class="secondHeader"> <!-- SECOND HEADER -->
<div class="homeLinkContainer secondHeaderLink">
<a href="/">
HOME
</a>
</div>
<div class="labProfilesLinkContainer secondHeaderLink">
<a href="/locationInventory.html">
LAB PROFILES
</a>
</div>
<div class="storytellingProfilesLinkContainer secondHeaderLink">
<a href="/storytelling">
STORYTELLING
</a>
</div>
</div> <!-- SECOND HEADER -->
<div id="mainContent">
<form name="addLocationForm" class="simple-form" novalidate>
<div id="locationFields">
<div class="fieldLabel">Location Name:</div>
<input type="text" class="fieldInput" ng-model="location.name"></input>
<br />
<div class="fieldLabel">Street Address:</div>
<input type="text" class="fieldInput" ng-model="location.address"></input>
<br />
<div class="fieldLabel">Zipcode:</div>
<input type="text" class="fieldInput" ng-model="location.zipcode"></input>
<br />
<div class="fieldLabel">Number of Machines:</div>
<input type="number" class="fieldInput" ng-model="location.numberOfMachines"></input>
<br />
<div class="fieldLabel">On-Site Trainer (Yes/No):</div>
<input type="radio" ng-model="location.onSiteTrainer" value="yes" />Yes
<input type="radio" ng-model="location.onSiteTrainer" value="no" />No
<br />
<div class="fieldLabel">Paid or Volunteer:</div>
<input type="checkbox" ng-model="location.onSiteTrainerPaid" />Paid
<input type="checkbox" ng-model="location.onSiteTrainerVolunteer" />Volunteer
<input type="checkbox" ng-model="location.onSiteTrainerNa" value="NotApplicable" />N/A
<br />
<div class="fieldLabel">Hours Available:</div>
Monday: <input type="text" class="fieldInput" ng-model="location.hours.monday"></input><br />
Tuesday: <input type="text" class="fieldInput" ng-model="location.hours.tuesday"></input><br />
Wednesday: <input type="text" class="fieldInput" ng-model="location.hours.wednesday"></input><br />
Thursday: <input type="text" class="fieldInput" ng-model="location.hours.thursday"></input><br />
Friday: <input type="text" class="fieldInput" ng-model="location.hours.friday"></input><br />
Saturday: <input type="text" class="fieldInput" ng-model="location.hours.saturday"></input><br />
Sunday: <input type="text" class="fieldInput" ng-model="location.hours.sunday"></input>
<br />
<div class="fieldLabel">Provided by Organization:</div>
<input type="text" class="fieldInput" ng-model="location.onSiteTrainerProvidedByOrganization">
<br />
<div class="fieldLabel">Status: (Open/Closed)</div>
<input type="radio" value="open" ng-model="location.programStatus"></input> Open
<br />
<input type="radio" value="closed" ng-model="location.programStatus"></input> Closed
<br />
<div class="fieldLabel">Public Access Status/Restrictions:</div>
<textarea class="fieldInput" ng-model="location.publicAccess"></textarea>
<br />
<div class="fieldLabel">Language Capabilities:</div>
<input type="text" class="fieldInput" ng-model="location.languages"></input>
<br />
<div class="fieldLabel">Assistive Technology Availability:</div>
<input type="text" class="fieldInput" ng-model="location.assistiveTechnology"></input>
<br />
<div class="fieldLabel">Childcare Availability:</div>
<textarea class="fieldInput" ng-model="location.childcare"></textarea>
<br />
<input type="checkbox" ng-model="location.freeParking"></input> Free Parking
<br />
<div class="fieldLabel">Bus stops:</div>
<input type="radio" value="one block" ng-model="location.busStops"></input> Within 1 block
<br />
<input type="radio" value="five blocks" ng-model="location.busStops"></input> Within 5 blocks
<br />
<input type="radio" value="not close" ng-model="location.busStops"></input> Not close
<br />
<div class="fieldLabel">Upload Picture:</div>
<input type="file" fileread="uploadedPicture" />
<input type="submit" value="submit" class="submitButton" ng-click="saveFormData(location, programs)"></input>
</div> <!-- LOCATION FIELDS -->
<div id="programs">
<h4 class="programsHeader">Programs at the Location:</h4>
<div class="program" ng-repeat="program in programs">
<div class="programSummary">Program {{$index + 1}}: {{program.programName}}</div>
<div class="programFields">
<div class="fieldLabel">Program Name:</div>
<input type="text" class="fieldInput" ng-model="program.programName"></input>
<br />
<div class="fieldLabel">Provided by Organization:</div>
<input type="text" class="fieldInput" ng-model="program.programProvidedByOrganization">
<br />
<div class="fieldLabel">Program Description:</div>
<textarea class="fieldInput" ng-model="program.programDescription"></textarea>
<br />
<div class="fieldLabel">Skills Training:</div>
<input type="checkbox" ng-model="program.programSkillsTraining.basic" ng-true-value="'basic'"></input> Basic Skills
<br />
<input type="checkbox" ng-model="program.programSkillsTraining.microsoftOffice" ng-true-value="'Microsoft Office'"></input> Microsoft Office
<br />
<input type="checkbox" ng-model="program.programSkillsTraining.email" ng-true-value="'Email'"></input> Email
<br />
<input type="checkbox" ng-model="program.programSkillsTraining.generalWebSearching" ng-true-value="'General Web Searching'"></input> General Web Searching
<br />
<input type="checkbox" ng-model="program.programSkillsTraining.resumeDevelopment" ng-true-value="'Resume Development'"></input> Resume Development
<br />
<input type="checkbox" ng-model="program.programSkillsTraining.onlineJobSearches" ng-true-value="'Online Job Searches'"></input> Online Job Searches
<br />
<input type="checkbox" ng-model="program.programSkillsTraining.aisdParentCloud" ng-true-value="'AISD Parent Cloud'"></input> AISD Parent Cloud
<br />
<input type="checkbox" ng-model="program.programSkillsTraining.hardware" ng-true-value="'Hardware'"></input> Hardware
<br />
<input type="checkbox" ng-model="program.programSkillsTraining.software" ng-true-value="'Software'"></input> Software
<br />
<input type="checkbox" ng-model="program.programSkillsTraining.collegePrep" ng-true-value="'College Prep'"></input> College Prep
<br />
<input type="checkbox" ng-model="program.programSkillsTraining.stem" ng-true-value="'STEM'"></input> STEM
<br />
<input type="checkbox" ng-model="program.programSkillsTraining.webDevelopment" ng-true-value="'Web Development'"></input> Web Development
<br />
<input type="checkbox" ng-model="program.programSkillsTraining.socialConnections" ng-true-value="'Social Connections'"></input> Social Connections
<br />
<input type="checkbox" ng-model="program.programSkillsTraining.other" ng-true-value="'Other'"></input> Other
<br />
<div class="fieldLabel">Program website:</div>
<input type="url" class="fieldInput" ng-model="program.programWebsite"></input>
<br />
<div class="fieldLabel">Email contact for this program:</div>
<input type="email" class="fieldInput" ng-model="program.programEmail"></input>
<br />
<div class="fieldLabel">Program Dates/Hours:</div>
<input type="text" class="fieldInput" ng-model="program.programDatesAndHours"></input>
<br />
<div class="fieldLabel">Cost (Free / Low cost or sliding scale / Not free):</div>
<input type="radio" ng-model="program.programCost" value="free"></input> Free
<br />
<input type="radio" ng-model="program.programCost" value="lowCostOrSlidingScale"></input> Low cost or sliding scale
<br />
<input type="radio" ng-model="program.programCost" value="notFree"></input> Not free
<br />
<div class="fieldLabel">Clientele Served [Tags]</div>
<input type="checkbox" ng-model="program.programClientele.children" ng-true-value="'Children 5-12'"> Children 5-12
<br />
<input type="checkbox" ng-model="program.programClientele.youth" ng-true-value="'Youth 13-18'"> Youth 13-18
<br />
<input type="checkbox" ng-model="program.programClientele.adults" ng-true-value="'Adults'"> Adults
<br />
<input type="checkbox" ng-model="program.programClientele.seniors" ng-true-value="'Seniors'"> Seniors
<br />
<input type="checkbox" ng-model="program.programClientele.disabled" ng-true-value="'Disabled'"> Disabled
<br />
<input type="checkbox" ng-model="program.programClientele.homeless" ng-true-value="'Homeless'"> Homeless
<br />
<input type="checkbox" ng-model="program.programClientele.immigrant" ng-true-value="'Immigrant'"> Immigrant
<br />
<input type="checkbox" ng-model="program.programClientele.other" ng-true-value="'Other'"> Other
</div> <!-- PROGRAM FIELDS -->
<br />
</div>
<button class="addProgramButton" ng-click="addProgram()">Add Program</button>
</div>
<br />
</form>
</div> <!-- MAIN CONTENT -->
<pre>form data = {{formData}}</pre>
</div><!-- /.container -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="asset/bootstrap.min.js"></script>
</body>
</html>