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

Code
Comments
Other
Rev Date Author Line
4000 17 Jun 16 nicklas 1 <%@ page
4000 17 Jun 16 nicklas 2   pageEncoding="UTF-8"
4000 17 Jun 16 nicklas 3   session="false"
4010 23 Jun 16 nicklas 4   errorPage="error-page.jsp"
4000 17 Jun 16 nicklas 5   import="net.sf.basedb.core.SessionControl"
4010 23 Jun 16 nicklas 6   import="net.sf.basedb.clients.web.Base"
4000 17 Jun 16 nicklas 7 %>
4000 17 Jun 16 nicklas 8 <%@ taglib prefix="base" uri="/WEB-INF/base.tld" %>
4000 17 Jun 16 nicklas 9 <%
4000 17 Jun 16 nicklas 10 final SessionControl sc = Base.getExistingSessionControl(request, "net.sf.basedb.reggie.delivery", true);
4000 17 Jun 16 nicklas 11 final String ID = sc.getId();
4000 17 Jun 16 nicklas 12 %>
4323 30 Jan 17 nicklas 13 <base:page sc="<%=sc%>" type="iframe" noskin="true" title="Prov med ankomstdatum de senaste 30 dagarna">
4000 17 Jun 16 nicklas 14 <base:head 
4000 17 Jun 16 nicklas 15   scripts="~../reggie-2.js,~list.js" 
4000 17 Jun 16 nicklas 16   styles="~delivery.css"
4000 17 Jun 16 nicklas 17   >
4000 17 Jun 16 nicklas 18 <style>
4000 17 Jun 16 nicklas 19 .content
4000 17 Jun 16 nicklas 20 {
4000 17 Jun 16 nicklas 21   font-size: 1.5rem;
4000 17 Jun 16 nicklas 22   margin: 1rem 2rem;
4000 17 Jun 16 nicklas 23   border-width: 2px;
4000 17 Jun 16 nicklas 24   border-radius: 0.5rem 0.5rem;
4000 17 Jun 16 nicklas 25 }
4000 17 Jun 16 nicklas 26
4000 17 Jun 16 nicklas 27 h1
4000 17 Jun 16 nicklas 28 {
4000 17 Jun 16 nicklas 29   background-color: #E8E8E8;
4000 17 Jun 16 nicklas 30   border-bottom-width: 2px;
4000 17 Jun 16 nicklas 31   font-size: 2rem;
4000 17 Jun 16 nicklas 32   color: #000000;
4005 21 Jun 16 nicklas 33   padding: 0.5rem 1.5rem;
4000 17 Jun 16 nicklas 34   border-radius: 0.25rem 0.25rem 0 0;
4000 17 Jun 16 nicklas 35 }
4000 17 Jun 16 nicklas 36
4000 17 Jun 16 nicklas 37 table
4000 17 Jun 16 nicklas 38 {
4000 17 Jun 16 nicklas 39   width: 100%;
4000 17 Jun 16 nicklas 40 }
4000 17 Jun 16 nicklas 41
4000 17 Jun 16 nicklas 42 thead
4000 17 Jun 16 nicklas 43 {
4000 17 Jun 16 nicklas 44   background-color: #E8E8E8;
4000 17 Jun 16 nicklas 45   border-top-width: 2px;
4000 17 Jun 16 nicklas 46 }
4000 17 Jun 16 nicklas 47
4000 17 Jun 16 nicklas 48 tbody
4000 17 Jun 16 nicklas 49 {
4000 17 Jun 16 nicklas 50   border-top-width: 2px;
4000 17 Jun 16 nicklas 51 }
4000 17 Jun 16 nicklas 52
4000 17 Jun 16 nicklas 53 th, td
4000 17 Jun 16 nicklas 54 {
4000 17 Jun 16 nicklas 55   padding: 0.25rem;
4000 17 Jun 16 nicklas 56   text-align: left;
4000 17 Jun 16 nicklas 57 }
4000 17 Jun 16 nicklas 58
4000 17 Jun 16 nicklas 59 td.section-header
4000 17 Jun 16 nicklas 60 {
4000 17 Jun 16 nicklas 61   border-right-width: 2px;
4181 27 Oct 16 nicklas 62   vertical-align: top;
4181 27 Oct 16 nicklas 63   height: 12rem; /* To make sure the text fits. If needed override this on specific element */
4000 17 Jun 16 nicklas 64   max-width: 2rem;
4005 21 Jun 16 nicklas 65   min-width: 2rem;
4000 17 Jun 16 nicklas 66   white-space: nowrap;
4000 17 Jun 16 nicklas 67 }
4000 17 Jun 16 nicklas 68
4005 21 Jun 16 nicklas 69 td.section-header.small
4005 21 Jun 16 nicklas 70 {
4005 21 Jun 16 nicklas 71   height: 2rem;
4005 21 Jun 16 nicklas 72 }
4005 21 Jun 16 nicklas 73
4000 17 Jun 16 nicklas 74 tr.new-report
4000 17 Jun 16 nicklas 75 {
4000 17 Jun 16 nicklas 76   background-color: #f8f8d8;
4000 17 Jun 16 nicklas 77 }
4000 17 Jun 16 nicklas 78
4000 17 Jun 16 nicklas 79
4000 17 Jun 16 nicklas 80 tr.new-report .section-header
4000 17 Jun 16 nicklas 81 {
4000 17 Jun 16 nicklas 82   background-color: rgb(255, 255, 0);  
4000 17 Jun 16 nicklas 83 }
4000 17 Jun 16 nicklas 84
4000 17 Jun 16 nicklas 85 tr.work-in-progress .section-header
4000 17 Jun 16 nicklas 86 {
4000 17 Jun 16 nicklas 87   background-color: rgb(192, 192, 255);  
4000 17 Jun 16 nicklas 88 }
4000 17 Jun 16 nicklas 89
4000 17 Jun 16 nicklas 90
4000 17 Jun 16 nicklas 91 .rotate
4000 17 Jun 16 nicklas 92 {
4181 27 Oct 16 nicklas 93   transform: rotate(-90deg) translateX(-0.5rem) translateY(-2px);
4181 27 Oct 16 nicklas 94   direction: rtl; /* to make it go down from the top instead of up */
4000 17 Jun 16 nicklas 95 }
4005 21 Jun 16 nicklas 96
4005 21 Jun 16 nicklas 97 #control-section
4005 21 Jun 16 nicklas 98 {
4005 21 Jun 16 nicklas 99   position: relative;
4007 21 Jun 16 nicklas 100   margin: 0.5rem;
4007 21 Jun 16 nicklas 101   padding: 1rem;
4007 21 Jun 16 nicklas 102   height: 7rem;
4005 21 Jun 16 nicklas 103 }
4005 21 Jun 16 nicklas 104
4005 21 Jun 16 nicklas 105 #user-section
4005 21 Jun 16 nicklas 106 {
4005 21 Jun 16 nicklas 107   position: absolute;
4005 21 Jun 16 nicklas 108   top: 0;
4007 21 Jun 16 nicklas 109   right: 0.5rem;
4007 21 Jun 16 nicklas 110   text-align: right;
4005 21 Jun 16 nicklas 111 }
4005 21 Jun 16 nicklas 112
4005 21 Jun 16 nicklas 113 #current-username
4005 21 Jun 16 nicklas 114 {
4005 21 Jun 16 nicklas 115   font-weight: bold;
4005 21 Jun 16 nicklas 116   font-style: italic;
4005 21 Jun 16 nicklas 117 }
4005 21 Jun 16 nicklas 118
4005 21 Jun 16 nicklas 119 #btnLogout
4005 21 Jun 16 nicklas 120 {
4007 21 Jun 16 nicklas 121   margin-top: 0.25rem;
4005 21 Jun 16 nicklas 122 }
4005 21 Jun 16 nicklas 123
4007 21 Jun 16 nicklas 124 #auto-logout
4007 21 Jun 16 nicklas 125 {
4007 21 Jun 16 nicklas 126   font-size: 1rem;
4007 21 Jun 16 nicklas 127 }
4007 21 Jun 16 nicklas 128
4006 21 Jun 16 nicklas 129 #search
4006 21 Jun 16 nicklas 130 {
4006 21 Jun 16 nicklas 131   width: 35rem; 
4006 21 Jun 16 nicklas 132   margin-right: 1rem;
4006 21 Jun 16 nicklas 133 }
4007 21 Jun 16 nicklas 134
4009 23 Jun 16 nicklas 135 #month-list
4008 22 Jun 16 nicklas 136 {
4008 22 Jun 16 nicklas 137   position: absolute;
4008 22 Jun 16 nicklas 138   max-height: 40rem;
4008 22 Jun 16 nicklas 139   width: 18rem;
4008 22 Jun 16 nicklas 140   overflow: auto;
4008 22 Jun 16 nicklas 141   background-color: #FFFFFF;
4008 22 Jun 16 nicklas 142   border-width: 2px;
4008 22 Jun 16 nicklas 143   border-radius: 0.5rem;
4008 22 Jun 16 nicklas 144   box-shadow: 0px 0px 6px #B8B8B8;
4008 22 Jun 16 nicklas 145 }
4008 22 Jun 16 nicklas 146
4009 23 Jun 16 nicklas 147 #month-list .month
4008 22 Jun 16 nicklas 148 {
4008 22 Jun 16 nicklas 149   padding: 0.5rem 1rem 0.5rem 3rem;
4008 22 Jun 16 nicklas 150 }
4008 22 Jun 16 nicklas 151
4009 23 Jun 16 nicklas 152 #month-list .new-year
4008 22 Jun 16 nicklas 153 {
4008 22 Jun 16 nicklas 154   border-top-width: 1px;
4008 22 Jun 16 nicklas 155 }
4008 22 Jun 16 nicklas 156
4009 23 Jun 16 nicklas 157 #month-list .month:hover
4008 22 Jun 16 nicklas 158 {
4008 22 Jun 16 nicklas 159   cursor: pointer;
4008 22 Jun 16 nicklas 160   background-color: #E8E8E8;
4008 22 Jun 16 nicklas 161 }
4008 22 Jun 16 nicklas 162
4009 23 Jun 16 nicklas 163 #month-list .full-year
4008 22 Jun 16 nicklas 164 {
4008 22 Jun 16 nicklas 165   padding-left: 1rem;
4008 22 Jun 16 nicklas 166   font-weight: bold;
4008 22 Jun 16 nicklas 167 }
4008 22 Jun 16 nicklas 168
4009 23 Jun 16 nicklas 169 #message-text
4009 23 Jun 16 nicklas 170 {
4009 23 Jun 16 nicklas 171   text-align: center;
4009 23 Jun 16 nicklas 172   padding: 1.5rem;
4009 23 Jun 16 nicklas 173 }
4008 22 Jun 16 nicklas 174
4009 23 Jun 16 nicklas 175 .error-text
4009 23 Jun 16 nicklas 176 {
4009 23 Jun 16 nicklas 177   margin-top: 0.5rem;
4009 23 Jun 16 nicklas 178   font-size: 1.25rem;
4009 23 Jun 16 nicklas 179   color: #C80000;
4009 23 Jun 16 nicklas 180 }
4008 22 Jun 16 nicklas 181
4040 29 Jul 16 nicklas 182 .completed-without-report
4040 29 Jul 16 nicklas 183 {
4040 29 Jul 16 nicklas 184 }
4040 29 Jul 16 nicklas 185
4000 17 Jun 16 nicklas 186 </style>
4000 17 Jun 16 nicklas 187 </base:head>
4000 17 Jun 16 nicklas 188 <base:body data-session-id="<%=ID%>">
4000 17 Jun 16 nicklas 189
4000 17 Jun 16 nicklas 190   <div class="content">
4006 21 Jun 16 nicklas 191     <h1 id="page-title">Prov med ankomstdatum de senaste 30 dagarna</h1>
4000 17 Jun 16 nicklas 192
4005 21 Jun 16 nicklas 193     <div id="control-section">
4007 21 Jun 16 nicklas 194       <div id="user-section" style="display: none;">
4007 21 Jun 16 nicklas 195         Inloggad som <span id="current-username">-</span><br>
4007 21 Jun 16 nicklas 196         <span id="auto-logout"></span><br>
4037 29 Jul 16 nicklas 197         <base:button id="btnLogout" title="Logga ut" />
4005 21 Jun 16 nicklas 198       </div>
4005 21 Jun 16 nicklas 199       
4005 21 Jun 16 nicklas 200       <div id="search-reports">
4006 21 Jun 16 nicklas 201         <input id="search" type="text" 
4037 29 Jul 16 nicklas 202           placeholder="Personnummer, PAD eller SCAN-B ID" 
4006 21 Jun 16 nicklas 203           ><img id="btnSearch" class="link" src="images/search-26.png">
4005 21 Jun 16 nicklas 204       </div>
4005 21 Jun 16 nicklas 205
4005 21 Jun 16 nicklas 206       <div style="margin-top: 0.5rem;">
4008 22 Jun 16 nicklas 207         Visa rapporter för en <span id="search-by-month" class="link">annan månad</span>
4006 21 Jun 16 nicklas 208         / <span id="search-last-30" class="link">de senaste 30 dagarna</span>.
4005 21 Jun 16 nicklas 209       </div>
4008 22 Jun 16 nicklas 210     </div>
4005 21 Jun 16 nicklas 211
4009 23 Jun 16 nicklas 212     <div id="month-list" style="display: none;"></div>
4000 17 Jun 16 nicklas 213     
4000 17 Jun 16 nicklas 214     <table>
4000 17 Jun 16 nicklas 215     <thead>
4000 17 Jun 16 nicklas 216       <tr>
4000 17 Jun 16 nicklas 217         <th></th>
4000 17 Jun 16 nicklas 218         <th>Personnummer</th>
4000 17 Jun 16 nicklas 219         <th>Namn</th>
4037 29 Jul 16 nicklas 220         <th>PAD</th>
4000 17 Jun 16 nicklas 221         <th>SCAN-B ID</th>
4000 17 Jun 16 nicklas 222         <th>Ankomstdatum</th>
4000 17 Jun 16 nicklas 223         <th>Rapportdatum</th>
4005 21 Jun 16 nicklas 224         <th>Nerladdad</th>
4000 17 Jun 16 nicklas 225         <th></th>
4000 17 Jun 16 nicklas 226       </tr>
4000 17 Jun 16 nicklas 227     </thead>
4000 17 Jun 16 nicklas 228
4000 17 Jun 16 nicklas 229     <tbody id="new-reports-section" style="display: none;"></tbody>
4000 17 Jun 16 nicklas 230     <tbody id="work-in-progress-section" style="display: none;"></tbody>
4000 17 Jun 16 nicklas 231     <tbody id="archive-section" style="display: none;"></tbody>
4009 23 Jun 16 nicklas 232     <tbody id="message-section" style="display: none;">
4009 23 Jun 16 nicklas 233       <tr><td colspan="8" id="message-text"></td></tr>
4005 21 Jun 16 nicklas 234     </tbody>
4000 17 Jun 16 nicklas 235     </table>
4185 28 Oct 16 nicklas 236     
4185 28 Oct 16 nicklas 237     <div class="version"></div>
4000 17 Jun 16 nicklas 238   </div>
4009 23 Jun 16 nicklas 239       
4000 17 Jun 16 nicklas 240 </base:body>
4000 17 Jun 16 nicklas 241 </base:page>