source: trunk/www/verify_device.jsp @ 7451

<%-- $Id $
  ------------------------------------------------------------------
  Copyright (C) 2017 Nicklas Nordborg

  This file is part of BASE - BioArray Software Environment.
  Available at http://base.thep.lu.se/

  BASE is free software; you can redistribute it and/or
  modify it under the terms of the GNU General Public License
  as published by the Free Software Foundation; either version 3
  of the License, or (at your option) any later version.

  BASE is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with BASE. If not, see <http://www.gnu.org/licenses/>.
  ------------------------------------------------------------------

  @author Nicklas
--%>
<%@ page pageEncoding="UTF-8" session="false"
  import="net.sf.basedb.core.Application"
  import="net.sf.basedb.core.SessionControl"
  import="net.sf.basedb.core.SessionControl.UnverifiedDeviceInfo"
  import="net.sf.basedb.core.DbControl"
  import="net.sf.basedb.clients.web.Base"
  import="net.sf.basedb.clients.web.util.HTML"
  import="net.sf.basedb.util.Values"
  import="java.util.Date"
%>
<%@ taglib prefix="base" uri="/WEB-INF/base.tld" %>
<%
final String root = request.getContextPath()+"/";
final String deviceId = Values.getString(request.getParameter("deviceId"), "");
final SessionControl sc = Base.getSessionControl(pageContext, true);
final UnverifiedDeviceInfo ui = sc.getUnverifiedDeviceInfo();
final String ID = sc.getId();
final DbControl dc = sc.newDbControl();

try
{
  %>
  <base:page type="default">
  <base:head styles="login.css" scripts="~verify_device.js" />
  <base:body style="padding-top: 5em;">
    <form name="verification" action="login.jsp" method="post">
    <input type="hidden" name="cmd" value="VerifyDevice">
    <input type="hidden" name="ID" value="<%=ID%>">
    <input type="hidden" name="useAutoStartPage" value="1">
    <input type="hidden" name="deviceToken" value="<%=HTML.encodeTags(ui.getDeviceToken())%>">
    
    <table style="margin: auto; width: 700px;">
    <tr>
    <td>
      <div class="messagecontainer help" id="login-help" style="text-align: center; padding: 1em;">
        <b style="font-size: 125%;">This is the first time you are logging in from this device</b>
        <div style="margin-top: 1em;">
          A verification code has been sent to your registered email address:
          <div style="margin: 0.5em; font-weight: bold;">
            <%=HTML.encodeTags(ui.getUserName())%> &lt;<%=HTML.encodeTags(ui.getUserEmail())%>&gt;
          </div>
          Please enter the verification code in the form below to complete the login.<br>
          The code can only be used once.
        </div>
      </div>
      
      <table style="width: 100%; margin-top: 1em; border-collapse: separate;">
      <tr>
        <td class="base-logo"><img src="images/baselogo.png" alt="BASE logo"></td>
        <td style="width: 515px;">
          <div id="loginform">
          <table style="width: 100%;">
            <tr id="password-row">
              <th class="bg-filled-100">Verification code</th>
              <td><input class="text auto-init" data-auto-init="focus" 
                  name="verificationCode" id="verificationCode"
                  type="text" autocomplete="off"
                  maxlength="80" tabindex="0">
              </td>
            </tr>
            <tr>
              <th class="bg-filled-100">Remember this device</th>
              <td>
                <input type="checkbox" name="rememberDevice" id="rememberDevice" 
                  <%=ui.getDefaultRememberDevice() ? "checked" :"" %> 
                  style="width: auto;">
              </td>
              <td>
                <base:button 
                  id="btnVerify"
                  image="login.png" title="Continue" 
                />
              </td>
            </tr>
            <tr><th class="bg-filled-100 subprompt">&nbsp;</th></tr>
            </table>
          </div>
        </td>
      </tr>
      </table>

    </form>
  </base:body>
  </base:page>
  <%
}
finally
{
  if (dc != null) dc.close();
}
%>