3996 |
14 Jun 16 |
nicklas |
1 |
<%@ page |
3996 |
14 Jun 16 |
nicklas |
2 |
pageEncoding="UTF-8" |
3996 |
14 Jun 16 |
nicklas |
3 |
session="false" |
4010 |
23 Jun 16 |
nicklas |
4 |
errorPage="error-page.jsp" |
3996 |
14 Jun 16 |
nicklas |
5 |
import="net.sf.basedb.clients.web.extensions.ExtensionsControl" |
3996 |
14 Jun 16 |
nicklas |
6 |
%> |
3996 |
14 Jun 16 |
nicklas |
7 |
<%@ taglib prefix="base" uri="/WEB-INF/base.tld" %> |
3996 |
14 Jun 16 |
nicklas |
8 |
<% |
3996 |
14 Jun 16 |
nicklas |
9 |
final String home = ExtensionsControl.getHomeUrl("net.sf.basedb.reggie"); |
3996 |
14 Jun 16 |
nicklas |
10 |
%> |
4323 |
30 Jan 17 |
nicklas |
11 |
<base:page sc="<%=null%>" type="iframe" noskin="true" title="SCAN-B Inlogging"> |
3996 |
14 Jun 16 |
nicklas |
12 |
<base:head styles="~delivery.css" scripts="~../reggie-2.js,~login.js"> |
3996 |
14 Jun 16 |
nicklas |
13 |
<style> |
3996 |
14 Jun 16 |
nicklas |
14 |
#login |
3996 |
14 Jun 16 |
nicklas |
15 |
{ |
3996 |
14 Jun 16 |
nicklas |
16 |
margin: auto; |
3996 |
14 Jun 16 |
nicklas |
17 |
margin-top: 15rem; |
3996 |
14 Jun 16 |
nicklas |
18 |
margin-top: 25vh; |
3996 |
14 Jun 16 |
nicklas |
19 |
width: 35em; |
3996 |
14 Jun 16 |
nicklas |
20 |
font-size: 2rem; |
3996 |
14 Jun 16 |
nicklas |
21 |
} |
3996 |
14 Jun 16 |
nicklas |
22 |
|
3996 |
14 Jun 16 |
nicklas |
23 |
#login form |
3996 |
14 Jun 16 |
nicklas |
24 |
{ |
3996 |
14 Jun 16 |
nicklas |
25 |
background-color: #E8E8E8; |
3996 |
14 Jun 16 |
nicklas |
26 |
border-width: 2px; |
3996 |
14 Jun 16 |
nicklas |
27 |
border-radius: 0.5rem 0.5rem; |
3996 |
14 Jun 16 |
nicklas |
28 |
} |
3996 |
14 Jun 16 |
nicklas |
29 |
|
3996 |
14 Jun 16 |
nicklas |
30 |
#login table |
3996 |
14 Jun 16 |
nicklas |
31 |
{ |
3996 |
14 Jun 16 |
nicklas |
32 |
width: 100%; |
3996 |
14 Jun 16 |
nicklas |
33 |
} |
3996 |
14 Jun 16 |
nicklas |
34 |
|
3996 |
14 Jun 16 |
nicklas |
35 |
#login tr.header |
3996 |
14 Jun 16 |
nicklas |
36 |
{ |
3996 |
14 Jun 16 |
nicklas |
37 |
border-bottom-width: 2px; |
3996 |
14 Jun 16 |
nicklas |
38 |
font-size: 3rem; |
3996 |
14 Jun 16 |
nicklas |
39 |
} |
3996 |
14 Jun 16 |
nicklas |
40 |
|
3996 |
14 Jun 16 |
nicklas |
41 |
#login th, #login td |
3996 |
14 Jun 16 |
nicklas |
42 |
{ |
3996 |
14 Jun 16 |
nicklas |
43 |
padding: 0.5rem 2rem; |
3996 |
14 Jun 16 |
nicklas |
44 |
text-align: left; |
3996 |
14 Jun 16 |
nicklas |
45 |
} |
3996 |
14 Jun 16 |
nicklas |
46 |
|
3996 |
14 Jun 16 |
nicklas |
47 |
#login th |
3996 |
14 Jun 16 |
nicklas |
48 |
{ |
3996 |
14 Jun 16 |
nicklas |
49 |
width: 10rem; |
3996 |
14 Jun 16 |
nicklas |
50 |
} |
3996 |
14 Jun 16 |
nicklas |
51 |
|
3996 |
14 Jun 16 |
nicklas |
52 |
#username, #password |
3996 |
14 Jun 16 |
nicklas |
53 |
{ |
3996 |
14 Jun 16 |
nicklas |
54 |
width: 20rem; |
3996 |
14 Jun 16 |
nicklas |
55 |
} |
3996 |
14 Jun 16 |
nicklas |
56 |
|
3996 |
14 Jun 16 |
nicklas |
57 |
#yubikey |
3996 |
14 Jun 16 |
nicklas |
58 |
{ |
3996 |
14 Jun 16 |
nicklas |
59 |
width: 100%; |
3996 |
14 Jun 16 |
nicklas |
60 |
} |
3996 |
14 Jun 16 |
nicklas |
61 |
|
3996 |
14 Jun 16 |
nicklas |
62 |
input |
3996 |
14 Jun 16 |
nicklas |
63 |
{ |
3996 |
14 Jun 16 |
nicklas |
64 |
background-position: calc(100% - 0.4rem) 50%; |
3996 |
14 Jun 16 |
nicklas |
65 |
background-repeat: no-repeat; |
3996 |
14 Jun 16 |
nicklas |
66 |
} |
3996 |
14 Jun 16 |
nicklas |
67 |
|
3996 |
14 Jun 16 |
nicklas |
68 |
input::-ms-clear |
3996 |
14 Jun 16 |
nicklas |
69 |
{ |
3996 |
14 Jun 16 |
nicklas |
70 |
display: none; |
3996 |
14 Jun 16 |
nicklas |
71 |
} |
3996 |
14 Jun 16 |
nicklas |
72 |
|
3996 |
14 Jun 16 |
nicklas |
73 |
input.not-empty |
3996 |
14 Jun 16 |
nicklas |
74 |
{ |
3996 |
14 Jun 16 |
nicklas |
75 |
background-image: url('images/ok-26.png'); |
3996 |
14 Jun 16 |
nicklas |
76 |
} |
3996 |
14 Jun 16 |
nicklas |
77 |
|
3996 |
14 Jun 16 |
nicklas |
78 |
input.not-valid |
3996 |
14 Jun 16 |
nicklas |
79 |
{ |
3996 |
14 Jun 16 |
nicklas |
80 |
background-image: url('images/not-valid-26.png'); |
3996 |
14 Jun 16 |
nicklas |
81 |
border-color: #C80000; |
3996 |
14 Jun 16 |
nicklas |
82 |
box-shadow: 0px 0px 3px; |
3996 |
14 Jun 16 |
nicklas |
83 |
} |
3996 |
14 Jun 16 |
nicklas |
84 |
|
3996 |
14 Jun 16 |
nicklas |
85 |
#btnHelp |
3996 |
14 Jun 16 |
nicklas |
86 |
{ |
3996 |
14 Jun 16 |
nicklas |
87 |
float: right; |
3996 |
14 Jun 16 |
nicklas |
88 |
} |
3996 |
14 Jun 16 |
nicklas |
89 |
|
3996 |
14 Jun 16 |
nicklas |
90 |
#btnLogin |
3996 |
14 Jun 16 |
nicklas |
91 |
{ |
3996 |
14 Jun 16 |
nicklas |
92 |
float: right; |
3996 |
14 Jun 16 |
nicklas |
93 |
margin-top: 1rem; |
3996 |
14 Jun 16 |
nicklas |
94 |
margin-right: 1rem; |
3996 |
14 Jun 16 |
nicklas |
95 |
} |
3996 |
14 Jun 16 |
nicklas |
96 |
|
3996 |
14 Jun 16 |
nicklas |
97 |
#message |
3996 |
14 Jun 16 |
nicklas |
98 |
{ |
3996 |
14 Jun 16 |
nicklas |
99 |
text-align: center; |
3996 |
14 Jun 16 |
nicklas |
100 |
font-style: italic; |
3996 |
14 Jun 16 |
nicklas |
101 |
margin-bottom: 1rem; |
3996 |
14 Jun 16 |
nicklas |
102 |
} |
3996 |
14 Jun 16 |
nicklas |
103 |
|
3997 |
14 Jun 16 |
nicklas |
104 |
.login-failed |
3997 |
14 Jun 16 |
nicklas |
105 |
{ |
3997 |
14 Jun 16 |
nicklas |
106 |
margin-top: 0.5rem; |
3997 |
14 Jun 16 |
nicklas |
107 |
font-size: 1.25rem; |
3997 |
14 Jun 16 |
nicklas |
108 |
color: #C80000; |
3997 |
14 Jun 16 |
nicklas |
109 |
} |
3997 |
14 Jun 16 |
nicklas |
110 |
|
3996 |
14 Jun 16 |
nicklas |
111 |
label |
3996 |
14 Jun 16 |
nicklas |
112 |
{ |
3996 |
14 Jun 16 |
nicklas |
113 |
text-decoration: none; |
3996 |
14 Jun 16 |
nicklas |
114 |
color: inherit; |
3996 |
14 Jun 16 |
nicklas |
115 |
} |
3996 |
14 Jun 16 |
nicklas |
116 |
label:hover |
3996 |
14 Jun 16 |
nicklas |
117 |
{ |
3996 |
14 Jun 16 |
nicklas |
118 |
text-decoration: none; |
3996 |
14 Jun 16 |
nicklas |
119 |
} |
3996 |
14 Jun 16 |
nicklas |
120 |
</style> |
3996 |
14 Jun 16 |
nicklas |
121 |
</base:head> |
4010 |
23 Jun 16 |
nicklas |
122 |
<base:body> |
3996 |
14 Jun 16 |
nicklas |
123 |
|
3996 |
14 Jun 16 |
nicklas |
124 |
<div id="login"> |
3996 |
14 Jun 16 |
nicklas |
125 |
<div id="message">Välkommen!</div> |
3996 |
14 Jun 16 |
nicklas |
126 |
|
3996 |
14 Jun 16 |
nicklas |
127 |
<form name="login"> |
3996 |
14 Jun 16 |
nicklas |
128 |
<table> |
3996 |
14 Jun 16 |
nicklas |
129 |
<tr class="header"> |
4043 |
01 Aug 16 |
nicklas |
130 |
<th colspan="2">SCAN-B Inloggning</th> |
3996 |
14 Jun 16 |
nicklas |
131 |
</tr> |
3996 |
14 Jun 16 |
nicklas |
132 |
<tr> |
3996 |
14 Jun 16 |
nicklas |
133 |
<th><label for="username">Användarnamn</label></th> |
3996 |
14 Jun 16 |
nicklas |
134 |
<td><input |
3996 |
14 Jun 16 |
nicklas |
135 |
type="text" name="username" id="username" |
3996 |
14 Jun 16 |
nicklas |
136 |
class="auto-init" |
3996 |
14 Jun 16 |
nicklas |
137 |
data-auto-init="focus-on-enter" |
3996 |
14 Jun 16 |
nicklas |
138 |
data-next-focus="password"> |
3996 |
14 Jun 16 |
nicklas |
139 |
</td> |
3996 |
14 Jun 16 |
nicklas |
140 |
</tr> |
3996 |
14 Jun 16 |
nicklas |
141 |
<tr> |
3996 |
14 Jun 16 |
nicklas |
142 |
<th><label for="password">Lösenord</label></th> |
3996 |
14 Jun 16 |
nicklas |
143 |
<td><input |
3996 |
14 Jun 16 |
nicklas |
144 |
type="password" name="password" id="password" |
3996 |
14 Jun 16 |
nicklas |
145 |
class="auto-init" |
3996 |
14 Jun 16 |
nicklas |
146 |
data-auto-init="focus-on-enter" |
3996 |
14 Jun 16 |
nicklas |
147 |
data-next-focus="yubikey"> |
3996 |
14 Jun 16 |
nicklas |
148 |
</td> |
3996 |
14 Jun 16 |
nicklas |
149 |
</tr> |
3996 |
14 Jun 16 |
nicklas |
150 |
<tr> |
3996 |
14 Jun 16 |
nicklas |
151 |
<th><label for="yubikey">YubiKey</label></th> |
3996 |
14 Jun 16 |
nicklas |
152 |
<td><input |
3996 |
14 Jun 16 |
nicklas |
153 |
type="text" name="yubikey" id="yubikey" |
3996 |
14 Jun 16 |
nicklas |
154 |
autocomplete="off"> |
3996 |
14 Jun 16 |
nicklas |
155 |
</td> |
3996 |
14 Jun 16 |
nicklas |
156 |
</tr> |
3996 |
14 Jun 16 |
nicklas |
157 |
</table> |
3996 |
14 Jun 16 |
nicklas |
158 |
</form> |
3996 |
14 Jun 16 |
nicklas |
159 |
|
3996 |
14 Jun 16 |
nicklas |
160 |
<base:button id="btnLogin" title="Logga in" image="<%=home+"/delivery/images/login-32.png"%>" /> |
3996 |
14 Jun 16 |
nicklas |
161 |
|
3997 |
14 Jun 16 |
nicklas |
162 |
<div id="wizard-status"></div> |
4185 |
28 Oct 16 |
nicklas |
163 |
|
4185 |
28 Oct 16 |
nicklas |
164 |
<div class="version"></div> |
3996 |
14 Jun 16 |
nicklas |
165 |
</div> |
4185 |
28 Oct 16 |
nicklas |
166 |
|
3996 |
14 Jun 16 |
nicklas |
167 |
</base:body> |
3996 |
14 Jun 16 |
nicklas |
168 |
</base:page> |