-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
executable file
·154 lines (117 loc) · 6.4 KB
/
index.php
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
<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<title>Koha</title>
<link rel="SHORTCUT ICON" href="favicon.ico" />
<link rel="icon" href="favicon.ico" type="image/ico" />
<meta name="keywords" content="wellington,koha, service, catalyst cloud, catalyst">
<meta name="description" content="This webpage is a front for a site testing registration and deployment of sites on the Koha as a Service system" />
<meta name="author" content="Webpage:Francesca Moore; Koha as a Service: Callum Dickinson" />
<meta name="copyright" content="Copyright 2015 Callum Dickinson and Francesca Moore " />
<meta name="robots"content= "noindex, nofollow" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="css/mobile.css" media="only all and (max-width: 480px)" />
<link rel="stylesheet" href="css/tablet.css" media="only all and (min-width: 481px)" />
<link rel="stylesheet" href="css/styles.css" media="only all and (min-width: 960px)" />
<link rel="stylesheet" href="css/default.css" media="only all and (min-width: 480px") /><!---works in conjuction with mobile and tablet style sheets--->
<!-- the following script operates for older browsers incl. mobile -->
<!--[if lt IE 9 & !IEMobile]>
<link rel="stylesheet" href="css/mobile.css" />
<link rel="stylesheet" href="css/laptop.css" />
<![endif]-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!---load jquery---><script type="text/javascript" src="//code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
<div id="container"> <!--this holds everything-->
<header>
<img src="assets/koha.png" alt="koha logo"/>
<hgroup>
<h1><i>Koha as a Service</i></h1>
<h2>You are here: registration/home</h2>
</hgroup>
</header>
<nav class="clearfix">
<ul>
<li><a href="http://koha-community.org">Koha main webpage</a></li>
<li><a href="http://dashboard.koha-community.org/">Koha Dashboard</a></li>
<li><a href="http://wiki.koha-community.org/wiki/Main_Page">Koha Wiki</a></li>
<li><a href="https://www.catalyst.net.nz/content/homepage-products">Catalyst IT</a></li>
</ul>
</nav>
<article>
<a id="easynav" class="mobile-only" href="#jumpbottom" >To Navigation</a>
<a id="easynav" class="mobile-only" name="jumptop"></a> <!---these links are for mobile only, they allow easy navigation whilst on a mobile device.--->
<h1>Welcome</h1>
<p>Hello and welcome to the Koha as a Service webpage. To register a domain please fill out all fields in the form below.</p>
<h1>Register a domain</h1>
<p>Please note that all fields <strong>must</strong> be filled out before you can register a domain. Please do not refesh this page until all information is correct - you will lose your form data.</p>
<div id="domain">
<form name="register" onSubmit=" return password()" method="post">
<p>
<label for="firstname">First name</label>
<input id="name" type="text" name="firstname" placeholder="Enter your first name" required> <!---makes field a requirment--->
</p>
<p>
<label for="surname">Surname</label>
<input id="lastname" type="text" name="surname" placeholder="Enter your last name"
required>
</p>
<p>
<label for="opac">OPAC server</label>
<input id="opac" type="text" name="opacname" placeholder="Enter your site domain" required>
</p>
<p>
<label for="intra">INTRA server</label>
<input id="intra" type="text" name="intraname" placeholder="Enter the intra server domain" required>
<p>
<label for="email">Email adress</label>
<input id="email" type="email" name="email" placeholder="Enter your email" required>
</p>
<p>
<label for="password">Password</label>
<input id="pass1" type="password" name="pword" placeholder="Enter a password for your koha instance" required>
<p>
<label for="confirmpassword">Confirm password</label>
<input id="pass2" type="password" name="confirmpword" placeholder="Confirm password" required >
</p>
<div id="password"></div> <!---this is where the password error will show--->
<script><!---javascript to check if passwords match--->
function password() {
var pass1 = document.getElementById("pass1").value;
var pass2 = document.getElementById("pass2").value;
if (pass1 != pass2) {
$("#password").html("<p>passwords don't match</p>");
document.getElementById("pass1").style.borderColor = "#E34234";
document.getElementById("pass2").style.borderColor = "#E34234";
}
else {
sessionStorage.setItem("name", document.getElementById("name").value);
sessionStorage.setItem("lastname", document.getElementById("lastname").value);
sessionStorage.setItem("opac", document.getElementById("opac").value);
sessionStorage.setItem("intra", document.getElementById("intra").value);
sessionStorage.setItem("email", document.getElementById("email").value);
sessionStorage.setItem("pass1", document.getElementById("pass1").value);
sessionStorage.setItem("pass2", document.getElementById("pass2").value);
window.location.href = "confirm.php";
}
return false;
}
</script>
<input type="submit" value="Submit">
</form>
</div>
</article>
<a id="easynav" class="mobile-only" name="jumpbottom"></a>
<a id="easynav" class="mobile-only" href="#jumptop" >Back to top</a>
<footer>
<ul class="mobile-only">
<li><a href="http://koha-community.org">Koha main webpage</a></li>
<li><a href="http://dashboard.koha-community.org/">Koha Dashboard</a></li>
</ul>
<div class="no-mobile"><p>© Callum Dickinson and Francesca Moore 2015 <?php echo date("d/m/Y");?></p></div> <!---copyright and date will not show on mobile--->
</footer>
</body>