source: branches/3.18-stable/www/views/devices/list_devices.jsp @ 7938

Last change on this file since 7938 was 7938, checked in by Nicklas Nordborg, 3 months ago

References #2246: Sticky table headers

Implemented for all items in the "View" menu.

File size: 15.1 KB
Line 
1<%-- $Id $
2  ------------------------------------------------------------------
3  Copyright (C) 2017 Nicklas Nordborg
4
5  This file is part of BASE - BioArray Software Environment.
6  Available at http://base.thep.lu.se/
7
8  BASE is free software; you can redistribute it and/or
9  modify it under the terms of the GNU General Public License
10  as published by the Free Software Foundation; either version 3
11  of the License, or (at your option) any later version.
12
13  BASE is distributed in the hope that it will be useful,
14  but WITHOUT ANY WARRANTY; without even the implied warranty of
15  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
16  GNU General Public License for more details.
17
18  You should have received a copy of the GNU General Public License
19  along with BASE. If not, see <http://www.gnu.org/licenses/>.
20  ------------------------------------------------------------------
21
22  @author Nicklas
23--%>
24<%@ page pageEncoding="UTF-8" session="false"
25  import="net.sf.basedb.core.SessionControl"
26  import="net.sf.basedb.core.DbControl"
27  import="net.sf.basedb.core.Item"
28  import="net.sf.basedb.core.Include"
29  import="net.sf.basedb.core.User"
30  import="net.sf.basedb.core.UserDevice"
31  import="net.sf.basedb.core.Type"
32  import="net.sf.basedb.core.ItemQuery"
33  import="net.sf.basedb.core.ItemResultIterator"
34  import="net.sf.basedb.core.ItemContext"
35  import="net.sf.basedb.core.Nameable"
36  import="net.sf.basedb.core.Permission"
37  import="net.sf.basedb.core.PluginDefinition"
38  import="net.sf.basedb.core.plugin.GuiContext"
39  import="net.sf.basedb.core.plugin.Plugin"
40  import="net.sf.basedb.clients.web.Base"
41  import="net.sf.basedb.clients.web.ModeInfo"
42  import="net.sf.basedb.clients.web.PermissionUtil"
43  import="net.sf.basedb.clients.web.util.HTML"
44  import="net.sf.basedb.util.GeoLocation"
45  import="net.sf.basedb.util.Values"
46  import="net.sf.basedb.util.formatter.Formatter"
47  import="net.sf.basedb.clients.web.formatter.FormatterFactory"
48  import="net.sf.basedb.clients.web.extensions.ExtensionsControl"
49  import="net.sf.basedb.clients.web.extensions.JspContext"
50  import="net.sf.basedb.clients.web.extensions.renderer.PrefixSuffixRenderer"
51  import="net.sf.basedb.clients.web.extensions.toolbar.ButtonAction" 
52  import="net.sf.basedb.clients.web.extensions.toolbar.ToolbarUtil"
53  import="net.sf.basedb.clients.web.extensions.list.ListColumnAction"
54  import="net.sf.basedb.clients.web.extensions.list.ListColumnUtil"
55  import="net.sf.basedb.util.extensions.ExtensionsInvoker"
56  import="java.util.Date"
57  import="java.util.Iterator"
58  import="java.util.List"
59  import="java.util.Map"
60%>
61<%@ taglib prefix="base" uri="/WEB-INF/base.tld" %>
62<%@ taglib prefix="tbl" uri="/WEB-INF/table.tld" %>
63<%@ taglib prefix="ext" uri="/WEB-INF/extensions.tld" %>
64<%!
65  private static final Item itemType = Item.USERDEVICE;
66  private static final GuiContext guiContext = new GuiContext(itemType, GuiContext.Type.LIST);
67%>
68<%
69final SessionControl sc = Base.getExistingSessionControl(pageContext, Permission.DENIED, itemType);
70final String ID = sc.getId();
71final boolean createPermission = sc.hasPermission(Permission.CREATE, itemType);
72final ItemContext cc = Base.getAndSetCurrentContext(sc, itemType, null, null);
73
74final ModeInfo mode = ModeInfo.get(request.getParameter("mode"));
75final String callback = request.getParameter("callback");
76final String title = mode.generateTitle("device", "devices");
77final DbControl dc = sc.newDbControl();
78ItemResultIterator<UserDevice> devices = null;
79try
80{
81  final User user = cc.getInclude().contains(Include.OTHERS) ? 
82    null : User.getById(dc, sc.getLoggedInUserId());
83
84  Formatter<Date> dateFormatter = FormatterFactory.getDateFormatter(sc);
85  Formatter<Date> dateTimeFormatter = FormatterFactory.getDateTimeFormatter(sc);
86  Map<Plugin.MainType, Integer> pluginCount = PluginDefinition.countPlugins(dc, guiContext);
87  JspContext jspContext = ExtensionsControl.createContext(dc, pageContext, guiContext, null);
88  try
89  {
90    final ItemQuery<UserDevice> query = Base.getConfiguredQuery(dc, cc, jspContext, true, UserDevice.getQuery(user), mode);
91    devices = query.iterate(dc);
92  }
93  catch (Throwable t)
94  {
95    t.printStackTrace();
96    cc.setMessage(t.getMessage());
97  }
98  int numListed = 0;
99  ExtensionsInvoker<ButtonAction> invoker = ToolbarUtil.useExtensions(jspContext);
100  ExtensionsInvoker<ListColumnAction<UserDevice,?>> columnsInvoker = ListColumnUtil.useExtensions(jspContext);
101  %>
102  <base:page title="<%=title==null ? "Devices" : title%>" type="<%=mode.getPageType()%>" id="list-page">
103  <base:head scripts="table.js,~devices.js" styles="table.css,toolbar.css">
104    <ext:scripts context="<%=jspContext%>" />
105    <ext:stylesheets context="<%=jspContext%>" />
106  </base:head>
107 
108  <base:body>
109    <h1><%=title==null ? "Devices" : title%></h1>
110    <div class="content">
111    <tbl:table 
112      id="devices" 
113      columns="<%=cc.getSetting("columns")%>"
114      sortby="<%=cc.getSortProperty()%>" 
115      direction="<%=cc.getSortDirection()%>"
116      action="index.jsp"
117      sc="<%=sc%>"
118      item="<%=itemType%>"
119      filterrows="<%=cc.getFilterRows()%>"
120      subclass="fulltable"
121      stickyheaders="name"
122      >
123      <tbl:hidden 
124        name="mode" 
125        value="<%=mode.getName()%>" 
126      />
127      <tbl:hidden 
128        name="callback" 
129        value="<%=callback%>" 
130        skip="<%=callback == null%>" 
131      />
132      <tbl:columndef 
133        id="name"
134        property="name"
135        datatype="string"
136        title="Name"
137        sortable="true" 
138        filterable="true"
139        exportable="true"
140        show="always" 
141      />
142      <tbl:columndef 
143        id="id"
144        clazz="uniquecol"
145        property="id"
146        datatype="int"
147        title="ID"
148        sortable="true"
149        filterable="true"
150        exportable="true"
151      />
152      <tbl:columndef 
153        id="client"
154        property="client.name"
155        datatype="string"
156        title="Client application" 
157        sortable="true" 
158        filterable="true" 
159        exportable="true"
160      />
161      <tbl:columndef 
162        id="user"
163        property="user.name"
164        datatype="string"
165        title="User" 
166        sortable="true" 
167        filterable="true" 
168        exportable="true"
169      />
170      <tbl:columndef 
171        id="userAgent"
172        property="userAgent"
173        datatype="string"
174        title="User agent" 
175        sortable="true" 
176        filterable="true" 
177        exportable="true"
178      />
179      <tbl:columndef 
180        id="entryDate"
181        property="entryDate"
182        datatype="date"
183        title="Registered"
184        sortable="true" 
185        filterable="true"
186        exportable="true"
187        formatter="<%=dateFormatter%>"
188      />
189      <tbl:columndef 
190        id="verified"
191        property="verified"
192        datatype="boolean"
193        title="Is verified"
194        sortable="true" 
195        filterable="true"
196        exportable="true"
197      />
198      <tbl:columndef 
199        id="lastUsed"
200        property="lastUsed"
201        datatype="timestamp"
202        title="Last used"
203        sortable="true" 
204        filterable="true"
205        exportable="true"
206        formatter="<%=dateTimeFormatter%>"
207      />
208      <tbl:columndef 
209        id="lastRemoteId"
210        property="lastRemoteId"
211        datatype="string"
212        title="Last remote ID" 
213        sortable="true" 
214        filterable="true" 
215        exportable="true"
216      />
217      <tbl:columndef 
218        id="location"
219        property="location"
220        datatype="string"
221        title="Location" 
222        sortable="true" 
223        filterable="true" 
224        exportable="true"
225      />
226      <tbl:columndef 
227        id="description"
228        property="description"
229        datatype="string"
230        title="Description" 
231        sortable="true" 
232        filterable="true" 
233        exportable="true"
234      />
235      <tbl:columndef
236        id="permission"
237        title="Permission"
238      />
239      <tbl:columndef 
240        id="xt-columns" 
241        extensions="<%=columnsInvoker%>" 
242        jspcontext="<%=jspContext%>" 
243      />
244      <div class="panelgroup bg-filled-50 bottomborder">
245        <tbl:toolbar
246          subclass="bottomborder"
247          visible="<%=mode.hasToolbar()%>"
248          >
249          <tbl:button 
250            id="btnDeleteItems"
251            image="delete.png"
252            title="Delete" 
253            tooltip="Delete the selected items" 
254          />
255          <tbl:button 
256            id="btnColumns"
257            image="columns.png" 
258            title="Columns&hellip;" 
259            tooltip="Show, hide and re-order columns" 
260          />
261          <tbl:button 
262            id="btnExport"
263            data-plugin-type="EXPORT"
264            image="export.png" 
265            title="Export&hellip;" 
266            tooltip="Export data" 
267            visible="<%=pluginCount.containsKey(Plugin.MainType.EXPORT)%>"
268          />
269          <tbl:button 
270            id="btnRunPlugin"
271            data-plugin-type="OTHER"
272            image="runplugin.png" 
273            title="Run plugin&hellip;" 
274            tooltip="Run a plugin" 
275            visible="<%=pluginCount.containsKey(Plugin.MainType.OTHER)%>"
276          />
277          <ext:render extensions="<%=invoker%>" context="<%=jspContext%>" 
278            wrapper="<%=new PrefixSuffixRenderer<ButtonAction>(jspContext, "<td>", "</td>") %>"/>
279        </tbl:toolbar>
280        <tbl:panel>
281          <tbl:presetselector />
282          <tbl:navigator
283            page="<%=cc.getPage()%>" 
284            rowsperpage="<%=cc.getRowsPerPage()%>" 
285            totalrows="<%=devices == null ? 0 : devices.getTotalCount()%>" 
286            visible="<%=mode.hasNavigator()%>"
287          />
288        </tbl:panel>
289      </div>
290      <tbl:data>
291        <tbl:headers>
292          <tbl:headerrow>
293            <tbl:header clazz="row-index bg-filled-100" />
294            <tbl:columnheaders />
295          </tbl:headerrow>
296          <%
297          int numFilters = cc.getNumPropertyFilters();
298          int numRows = cc.getFilterRows();
299          for (int filterNo = 0; filterNo < numRows; filterNo++)
300          {
301            boolean lastRow = filterNo == numRows-1;
302            %>
303            <tbl:headerrow>
304              <tbl:header subclass="row-index bg-filled-100">
305                <div class="index-<%=mode.getName()%>">
306                  <div class="index"></div>
307                  <div class="check">
308                    <base:icon 
309                      subclass="link table-check"
310                      image="check_uncheck.png" 
311                      tooltip="Toggle all (use CTRL, ALT or SHIFT to check/uncheck)" 
312                      visible="<%=lastRow && mode.hasCheck()%>"
313                    />
314                  </div>
315                  <div class="icons">
316                    <base:icon
317                      subclass="link table-filter-row-action"
318                      image="add.png"
319                      tooltip="Add extra filter row"
320                      visible="<%=lastRow%>"
321                    /><base:icon
322                      subclass="link table-filter-row-action"
323                      image="remove.png"
324                      tooltip="Remove this filter row"
325                      visible="<%=numRows > 1 || numFilters > 0 %>"
326                      data-remove-row="<%=filterNo%>"
327                    />
328                  </div>
329                </div>
330              </tbl:header>
331              <tbl:propertyfilter row="<%=filterNo%>" />
332            </tbl:headerrow>
333            <%
334          }
335          %>
336          <tbl:columnsubtitles />
337        </tbl:headers>
338        <tbl:rows>
339          <%
340          if (cc.getMessage() != null)
341          {
342            %>
343            <tbl:panel subclass="bg-filled-50">
344              <div class="messagecontainer error"><%=cc.getMessage()%></div>
345            </tbl:panel>
346            <%
347            cc.setMessage(null);
348          }
349          int index = cc.getPage()*cc.getRowsPerPage();
350          int selectedItemId = cc.getId();
351          if (devices != null)
352          {
353            int currentDeviceId = sc.getDeviceId();
354            while (devices.hasNext())
355            {
356              UserDevice item = devices.next();
357              int itemId = item.getId();
358             
359              boolean deletePermission = item.hasPermission(Permission.DELETE);
360              boolean writePermission = item.hasPermission(Permission.WRITE);
361              String tooltip = mode.isSelectionMode() ?
362                  "Select this item" : "View this item" + (writePermission ? " (use CTRL, ALT or SHIFT to edit)" : "");
363              String name = HTML.encodeTags(item.getName());
364              index++;
365              numListed++;
366              %>
367              <tbl:row>
368                <tbl:header clazz="row-index bg-filled-100">
369                  <div class="index-<%=mode.getName()%>">
370                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
371                    <div class="check">
372                      <base:input
373                        type="checkbox" 
374                        name="<%=itemId%>" 
375                        value="<%=itemId%>" 
376                        title="<%=name%>" 
377                        checked="<%=cc.getSelected().contains(itemId)%>"
378                        visible="<%=mode.hasCheck()%>"
379                      />
380                      <base:input 
381                        type="radio" 
382                        name="item_id" 
383                        value="<%=itemId%>" 
384                        title="<%=name%>" 
385                        checked="<%=selectedItemId == itemId%>"
386                        visible="<%=mode.hasRadio()%>"
387                      />
388                    </div>
389                    <div class="icons">
390                      <base:icon
391                        image="star.png"
392                        tooltip="This is the current device"
393                        visible="<%=itemId == currentDeviceId%>" 
394                      />
395                    </div>
396                  </div>
397                </tbl:header>
398                <tbl:cell column="name"><div
399                  class="link table-item"
400                  data-item-id="<%=itemId%>"
401                  data-no-edit="<%=writePermission ? 0 : 1 %>" 
402                  tabindex="0"
403                  title="<%=tooltip%>"><%=name%></div></tbl:cell>
404                <tbl:cell column="id"><%=item.getId()%></tbl:cell>
405                <tbl:cell column="user"
406                  ><base:propertyvalue 
407                    item="<%=item%>" 
408                    property="user"
409                    enableEditLink="<%=mode.hasEditLink()%>" 
410                    enablePropertyLink="<%=mode.hasPropertyLink()%>"
411                  /></tbl:cell>
412                <tbl:cell column="client"
413                  ><base:propertyvalue 
414                    item="<%=item%>" 
415                    property="client"
416                    enableEditLink="<%=mode.hasEditLink()%>" 
417                    enablePropertyLink="<%=mode.hasPropertyLink()%>"
418                  /></tbl:cell>
419                <tbl:cell column="userAgent"><%=HTML.encodeTags(item.getUserAgent())%></tbl:cell>
420                <tbl:cell column="entryDate" value="<%=item.getEntryDate()%>" />
421                <tbl:cell column="verified" value="<%=item.isVerified() ? "Yes" : "No"%>" />
422                <tbl:cell column="lastUsed" value="<%=item.getLastUsed()%>" />
423                <tbl:cell column="lastRemoteId"><%=HTML.encodeTags(item.getLastRemoteId())%></tbl:cell>
424                <tbl:cell column="location"><%=HTML.encodeTags(item.getLocation())%>
425                  <% String mapURL = GeoLocation.getURLToMap(item.getLocationLatitude(), item.getLocationLongitude()); %>
426                  <base:icon href="<%=mapURL%>" image="map.png" tooltip="Show map" visible="<%=mapURL != null %>"/>
427                </tbl:cell>
428                <tbl:cell column="description"><%=HTML.encodeTags(item.getDescription())%></tbl:cell>
429                <tbl:cell column="permission"><%=PermissionUtil.getShortPermissions(item)%></tbl:cell>
430                <tbl:xt-cells dc="<%=dc%>" item="<%=item%>">
431                  <tbl:cell column="xt-columns" />
432                </tbl:xt-cells>
433              </tbl:row>
434              <%
435              }
436            }
437          if (numListed == 0)
438          {
439            %>
440            <tbl:panel subclass="bg-filled-50">
441              <div class="messagecontainer note">
442              <%=devices == null || devices.getTotalCount() == 0 ? "No devices were found" : "No devices on this page. Please select another page!" %>
443              </div>
444            </tbl:panel>
445            <%
446          }
447          %>
448        </tbl:rows>
449      </tbl:data>
450    </tbl:table>
451    </div>
452   
453    <base:buttongroup subclass="dialogbuttons">
454      <base:button id="btnOk" title="Ok" visible="<%=mode.hasOkButton()%>" />
455      <base:button id="close" title="Cancel" visible="<%=mode.hasCancelButton()%>" />
456      <base:button id="close" title="Close" visible="<%=mode.hasCloseButton()%>" />
457    </base:buttongroup>
458   
459  </base:body>
460  </base:page>
461  <%
462}
463finally
464{
465  if (devices != null) devices.close();
466  if (dc != null) dc.close();
467}
468%>
Note: See TracBrowser for help on using the repository browser.