-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (59 loc) · 2.63 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
<!DOCTYPE html>
<html>
<head>
<title>PFR API Test</title>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- allow the http call to the api -->
<meta http-equiv="Content-Security-Policy: default-src 'self' *.plantandfood.co.nz http:/*" >
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/milligram/1.4.0/milligram.css">
<link rel="stylesheet" href="styles.css">
<script src="app.js" defer></script>
</head>
<body>
<main class="wrapper" >
<section id='preamble' class="container">
<h1>PFR Reference API Test</h1>
<input type="checkbox" id="uselocalhost" name="uselocalhost" >
<label style="display:inline" for="uselocalhost">Use Localhost API server</label>
</section>
<section id='people' class="container">
<h3>Log in to get API token</h3>
<div class="row">
<div class="column column-25" >
<input type="text" id="username" name="username" placeholder="username">
<input type="password" id="password" name="password" placeholder="password">
<button id="loginBtn">Log in</button>
</div>
</div>
</section>
<section id='people' class="container">
<h2>Person Picker</h2>
<input type="search" id="nameSearch" name="nameSearch"
autofocus
placeholder="name" size="30"
>
<ul class='tight' id="personResults"></ul>
</section>
<section id='projects' class="container">
<h2>Project Picker</h2>
<input type="search" id="projectSearch" name="projectSearch"
placeholder="project code or keyword" size="30"
>
<ul class='tight' id="projectResults"></ul>
</section>
<!-- <section id="Help" class="container">
<h3>Enable Mixed Content</h3>
<p>This page is hosted on github using https. The PFR Reference API is on uat test under http.
This means that the page will try to load content from an insecure source and this is blocked by default.
</p>
<h4>Enabling mixed content in Google Chrome</h4>
<ul>
<li>Click the lock or caution icon, then click Site settings.</li>
<li>Scroll to Insecure content, then use the drop-down list to change Block (default) to Allow.</li>
</ul>
</section> -->
</main>
</html>