extensions/net.sf.basedb.reggie/trunk/resources/delivery/index.jsp

Code
Comments
Other
Rev Date Author Line
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>