This repository has been archived by the owner on Oct 9, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
400 lines (375 loc) · 20.9 KB
/
index.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
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- BLOCK: uniform campus head -->
<link rel="dns-prefetch" href="https://static.ucsc.edu"/>
<meta charset="UTF-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<meta content="width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0" name="viewport"/>
<link href="https://www.ucsc.edu/favicon.ico" rel="shortcut icon"/>
<link href="https://www.ucsc.edu/apple-touch-icon.png" rel="apple-touch-icon"/>
<link href="https://static.ucsc.edu/_responsive/css/ucsc.css?t=20180412082400" rel="stylesheet" type="text/css"/>
<link href="css/main.css" rel="stylesheet" type="text/css"/>
<script src="https://static.ucsc.edu/_responsive/lib/modernizr/modernizr.js" type="text/javascript"></script>
<script src="https://static.ucsc.edu/_responsive/lib/jquery/dist/jquery.js" type="text/javascript"></script>
<script async="async" src="https://static.ucsc.edu/_responsive/js/main.js?t=20180409144600" type="text/javascript"></script>
<script defer="true" src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<!-- UI -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.0/vue.js"></script>
<script>
window.onload = function () {
var dataURL = 'usersData.json';
var App = new Vue({
el: '#app',
data: {
search: '',
filters_undergraduate: null,
filters_graduate: null,
filters_faculty: null,
filters_staff: null,
filters_witness: null,
userData: [], // initialize empty array
},
created() { // when the Vue app is booted up, this is run automatically.
var self = this // create a closure to access component in the callback below
$.getJSON(dataURL, function(data) {
self.userData = data.final;
});
},
// Reset selections
methods: {
undergraduateChanged() {
this.filters_graduate = null;
this.filters_faculty = null;
this.filters_staff = null;
this.filters_witness = null;
},
graduateChanged() {
this.filters_undergraduate = null;
this.filters_faculty = null;
this.filters_staff = null;
this.filters_witness = null;
},
facultyChanged() {
this.filters_undergraduate = null;
this.filters_graduate = null;
this.filters_staff = null;
this.filters_witness = null;
},
staffChanged() {
this.filters_undergraduate = null;
this.filters_graduate = null;
this.filters_faculty = null;
this.filters_witness = null;
},
witnessChanged() {
this.filters_undergraduate = null;
this.filters_graduate = null;
this.filters_faculty = null;
this.filters_staff = null;
},
searchChanged() {
this.filters_undergraduate = null;
this.filters_graduate = null;
this.filters_faculty = null;
this.filters_staff = null;
this.filters_witness = null;
}
},
// Search and filtering data
computed:{
searchData() {
let helpResources = this.userData.filter(final => {
// input search values
let match = final.i_am.toLowerCase().match(this.search.toLowerCase()) || final.department_name.toLowerCase().match(this.search.toLowerCase()) || final.phone.toLowerCase().match(this.search.toLowerCase()) || final.category.toLowerCase().match(this.search.toLowerCase()) || final.filter_term.toLowerCase().match(this.search.toLowerCase()) || final.description.toLowerCase().match(this.search.toLowerCase());
// selections filter value
if (this.filters_undergraduate != null) {
return (match && final.filter_term.toLowerCase().match(this.filters_undergraduate.toLowerCase()));
}
if (this.filters_graduate != null) {
return (match && final.filter_term.toLowerCase().match(this.filters_graduate.toLowerCase()));
}
if (this.filters_faculty != null) {
return (match && final.filter_term.toLowerCase().match(this.filters_faculty.toLowerCase()));
}
if (this.filters_staff != null) {
return (match && final.filter_term.toLowerCase().match(this.filters_staff.toLowerCase()));
}
if (this.filters_witness != null) {
return (match && final.filter_term.toLowerCase().match(this.filters_witness.toLowerCase()));
}
return this.search != '' && match;
});
return helpResources;
}
}
})
}
</script>
<!-- END BLOCK: included uniform campus head -->
<title>UC Santa Cruz | Get Help</title>
</head>
<body class="single-column dept">
<!-- Accessibility links. Hidden until they receive :focus -->
<ul id="access-links">
<li><a href="#main">Skip to main content</a></li>
<li><a href="#mainNav">Skip to primary navigation</a></li>
</ul>
<div id="wrap">
<div id="container">
<div id="content">
<div class="site-header" role="banner">
<div class="page-top">
<div class="row">
<div class="page-top-left"> <a class="campus-secondary" href="https://www.ucsc.edu/index.html" id="logo">UC Santa Cruz</a> </div>
<div class="page-top-right">
<ul id="topNav">
<li><a href="https://my.ucsc.edu" title="The student portal">MyUCSC</a></li>
<li><a href="https://www.ucsc.edu/tools/people.html" title="Campus directory">People</a></li>
<li><a href="https://www.ucsc.edu/tools/calendars.html" title="Upcoming events, academic, and administrative calendars">Calendars</a></li>
<li><a href="https://www.ucsc.edu/visit/maps-directions.html">Maps</a></li>
<li><a href="https://www.ucsc.edu/tools/azindex.html" title="A to Z index of UCSC websites">A-Z Index</a></li>
</ul>
<div class="search" role="search">
<!-- Google Custom Search -->
<form action="https://www.ucsc.edu/search/" id="cse-search-box-site">
<div>
<label class="hide" for="search-site">Search</label>
<input class="query" id="search-site" name="q" placeholder="Search this Site" type="text"/>
<input class="srchBtn" type="submit"/>
</div>
</form>
<!-- end Google Custom Search -->
</div>
</div>
</div>
</div>
<div class="main-header">
<div class="row names">
<div class="secondary-name"> <a class="mobile-menu" href="#mainNav"></a> </div>
</div>
</div>
</div>
<div class="row" id="sprflt">
<div id="main" role="main">
<div class="main-content" id="mainContent">
<div class="content contentBox">
<!-- Content -->
<h1 class="page-title" id="title">Get Help.</h1>
<a href="https://google.com" class="hide-page">Hide Page Now</a>
<!-- Help top -->
<div id="app">
<form>
<div class="help-search-container">
<h2>Need emergency assistance now?</h2>
<span>Call 911 or campus police: 831-459-2231</span>
<input type="text" v-model="search" placeholder="Search for help resources" class="help-search-box" v-on:click="searchChanged">
<input type="submit" value="Submit" class="help-submit">
</div>
<!-- Help Top -->
</form>
<div class="help-options-container">
<form>
<ul class="help-options">
<li>
<div class="left">
I am an <span>undergraduate</span> affected by:
</div>
<div class="right">
<select v-model="filters_undergraduate" id="undergraduate" v-on:change="search = ''" @change="undergraduateChanged">
<option :value="null">Select an Option</option>
<!-- <option v-for="data in userData" v-if="data.i_am == 'Undergraduate students'" :value="data.filter_term">{{data.category}}</option> -->
<option value="Undergraduate students Sexual Assault">Sexual Assault</option>
<option value="Undergraduate students Sexual Harassment">Sexual Harassment</option>
<option value="Undergraduate students Relationship Violence or Stalking">Relationship Violence or Stalking</option>
<option value="Undergraduate students Race/Ethnicity Discrimination or Harassment">Race/Ethnicity Discrimination or Harassment</option>
<option value="Undergraduate students Disability Discrimination or Harassment">Disability Discrimination or Harassment</option>
<option value="Undergraduate students Whistleblower Complaint">Whistleblower Complaint (e.g. Fraud)</option>
<option value="Undergraduate students Other Crime">Other Crime (e.g. Robbery, Theft)</option>
<option value="Undergraduate students Student Employment Concerns">Student Employment Concerns (not related to discrimination or harassment)</option>
<option value="Undergraduate students FERPA violations">FERPA violations</option>
<option value="Undergraduate students Suicide Prevention">Suicide Prevention</option>
</select>
</div>
</li>
<li>
<div class="left">
I am a <span>graduate student</span> affected by:
</div>
<div class="right">
<select v-model="filters_graduate" id="graduate" v-on:change="search = ''" @change="graduateChanged">
<option :value="null">Select an Option</option>
<option value=" Graduate students Sexual Assault">Sexual Assault</option>
<option value=" Graduate students Sexual Harassment">Sexual Harassment</option>
<option value=" Graduate students Relationship Violence or Stalking">Relationship Violence or Stalking</option>
<option value=" Graduate students Race/Ethnicity Discrimination or Harassment">Race/Ethnicity Discrimination or Harassment</option>
<option value=" Graduate students Disability Discrimination or Harassment">Disability Discrimination or Harassment</option>
<option value=" Graduate students Whistleblower Complaint">Whistleblower Complaint (e.g. Fraud)</option>
<option value=" Graduate students Other Crime">Other Crime (e.g. Robbery, Theft)</option>
<option value=" Graduate students Bullying and abusive conduct in the workplace">Bullying and abusive conduct in the workplace</option>
<option value=" Graduate students FERPA violations">FERPA violations</option>
<option value=" Graduate students Suicide Prevention">Suicide Prevention</option>
</select>
</div>
</li>
<li>
<div class="left">
I am a <span>faculty member</span> affected by:
</div>
<div class="right">
<select v-model="filters_faculty" id="faculty" v-on:change="search = ''" @change="facultyChanged">
<option :value="null">Select an Option</option>
<option value="Faculty Sexual Assault">Sexual Assault</option>
<option value="Faculty Sexual Harassment">Sexual Harassment</option>
<option value="Faculty Relationship Violence or Stalking">Relationship Violence or Stalking</option>
<option value="Faculty Race/Ethnicity Discrimination or Harassment">Race/Ethnicity Discrimination or Harassment</option>
<option value="Faculty Disability Discrimination or Harassment">Disability Discrimination or Harassment</option>
<option value="Faculty Whistleblower Complaint Local Official">Whistleblower Complaint Local Official (e.g. Fraud)</option>
<option value="Faculty Whistleblower Complaint">Whistleblower Complaint (e.g. Fraud)</option>
<option value="Faculty Other Crime Non-emergency">Other Crime Non-emergency (e.g. Robbery, Theft)</option>
<option value="Faculty Other Crime Anonymous">Other Crime Anonymous (e.g. Robbery, Theft)</option>
<option value="Faculty Bullying and abusive conduct in the workplace">Bullying and abusive conduct in the workplace</option>
<option value="Faculty Suicide Prevention">Suicide Prevention</option>
</select>
</div>
</li>
<li>
<div class="left">
I am a <span>staff member</span> affected by:
</div>
<div class="right">
<select v-model="filters_staff" id="staff" v-on:change="search = ''" @change="staffChanged">
<option :value="null">Select an Option</option>
<option value="Staff Sexual Assault">Sexual Assault</option>
<option value="Staff Sexual Harassment">Sexual Harassment</option>
<option value="Staff Relationship Violence or Stalking">Relationship Violence or Stalking</option>
<option value="Staff Race/Ethnicity Discrimination or Harassment">Race/Ethnicity Discrimination or Harassment</option>
<option value="Staff Disability Discrimination or Harassment">Disability Discrimination or Harassment</option>
<option value="Staff Whistleblower Complaint Local Official">Whistleblower Complaint Local Official (e.g. Fraud)</option>
<option value="Staff Whistleblower Complaint">Whistleblower Complaint (e.g. Fraud)</option>
<option value="Staff Other Crime Non-emergency">Other Crime Non-emergency (e.g. Robbery, Theft)</option>
<option value="Staff Other Crime Anonymous">Other Crime Anonymous (e.g. Robbery, Theft)</option>
<option value="Staff Bullying and abusive conduct in the workplace">Bullying and abusive conduct in the workplace</option>
<option value="Staff Suicide Prevention">Suicide Prevention</option>
</select>
</div>
</li>
<li>
<div class="left">
I am a <span>witness</span> to:
</div>
<div class="right">
<select v-model="filters_witness" id="witness" v-on:change="search = ''" @change="witnessChanged">
<option :value="null">Select an Option</option>
<option value="Witness Sexual Assault">Sexual Violence</option>
<option value="Witness Sexual Harassment">Sexual Harassment</option>
<option value="Witness Relationship Violence or Stalking">Relationship Violence or Stalking</option>
<option value="Witness Race/Ethnicity Discrimination or Harassment">Race/Ethnicity Discrimination or Harassment</option>
<option value="Witness Whistleblower Complaint Local Official">Whistleblower Complaint Local Official (e.g. Fraud)</option>
<option value="Witness Whistleblower Complaint">Whistleblower Complaint (e.g. Fraud)</option>
<option value="Witness Other Crime Non-emergency">Other Crime Non-emergency (e.g. Robbery, Theft)</option>
<option value="Witness Other Crime">Other Crime (e.g. Robbery, Theft)</option>
</select>
</div>
</li>
</ul>
</form>
<div class="report-right">
<a href="feedback/index.html" class="btn">Feedback</a>
</div>
</div>
<h3><span>{{search || filters_undergraduate || filters_graduate || filters_faculty || filters_staff || filters_witness}}</span></h3>
<table class="help-data">
<tr>
<th>Department Name</th>
<th>Phone/Email</th>
<th></th>
<th>Website</th>
<th>Report Site</th>
</tr>
<tr v-for="data in searchData">
<td wrap>{{data.department_name}}</td>
<td>{{data.phone}}</td>
<td><span v-if="data.description != ''">{{data.description}}</span></td>
<td nowrap><a v-bind:href="data.website_url" v-if="data.website_url != ''">View website</a></td>
<td nowrap><a v-bind:href="data.report_url" v-if="data.report_url != ''">File a Report</a><span v-if="data.report_url == ''">N/A</span></td>
</tr>
</table>
</div>
</div>
<!-- End content -->
</div>
</div>
</div>
</div>
</div>
<div class="report-right-mobile">
<a href="feedback/index.html" class="btn">Feedback</a>
</div>
<div class="main-footer" role="contentinfo">
<div class="row" id="footer">
<div class="footer-left">
<h3>Confidential Resources</h3>
<!-- Footer container -->
<div class="container">
<!-- Left -->
<div class="left"> <span>CARE Advocate
<ul>
<li><a href="mailto:care@ucsc.edu">care@ucsc.edu</a></li>
<li><a href="https://care.ucsc.edu">care.ucsc.edu</a></li>
</ul>
</span> </div>
<!-- End left -->
<!-- Right -->
<div class="right"> <span>Counseling & Psychological Services
<ul>
<li>931-459-2628</li>
<li><a href="https://caps.ucsc.edu">caps.ucsc.edu</a></li>
</ul>
</span> </div>
<!-- End right -->
</div>
<!-- End Footer container -->
</div>
</div>
<div class="sub-footer row">
<div class="legal">
<ul class="legal">
<li><a href="http://academicaffairs.ucsc.edu/accreditation/">Accreditation</a></li>
<li><a href="https://diversity.ucsc.edu/eeo-aa/images/non-discrimination-policy.pdf">Non-Discrimination Policy</a></li>
<li><a href="http://www.ucsc.edu/about/employment.html">Employment</a></li>
<li><a href="http://its.ucsc.edu/terms/">Privacy Policy & Terms of Use</a></li>
<li><a href="http://safe.ucsc.edu">Sexual Violence Prevention & Response</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- /content -->
</div>
<!-- /container -->
</div>
<!-- /wrap -->
<!-- BLOCK: uniform campus bottom scripts -->
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-5RFHNC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5RFHNC');</script>
<!-- End Google Tag Manager -->
<!-- Siteimprove -->
<script type="text/javascript">
/*<![CDATA[*/
(function() {
var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true;
sz.src = '//siteimproveanalytics.com/js/siteanalyze_8343.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s);
})();
/*]]>*/
</script>
<!-- end Siteimprove -->
</body>
</html>