privly/privly-applications

View on GitHub
Login/new.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html>
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <!--
      This was likely rendered from the Privly-application templating system
      See: https://github.com/privly/privly-applications/pull/19
     -->
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <link href="../shared/css/common.css" media="screen" rel="stylesheet" type="text/css"/>
  <script src="../vendor/polyfill/es6-promise.js">
  </script>
  <script src="../shared/javascripts/meta_loader.js" type="text/javascript">
  </script>
  <script src="../shared/javascripts/parameters.js" type="text/javascript">
  </script>
  <script src="../shared/javascripts/local_storage.js" type="text/javascript">
  </script>
  <script src="../shared/javascripts/context_messenger.js" type="text/javascript">
  </script>
  <script src="../shared/javascripts/glyph.js" type="text/javascript">
  </script>
  <script src="../shared/javascripts/storage.js" type="text/javascript">
  </script>
  <script src="../shared/javascripts/options.js" type="text/javascript">
  </script>
  <script src="../shared/javascripts/network_service.js" type="text/javascript">
  </script>
  <title>
   New Login
  </title>
  <link class="top" href="../vendor/bootstrap/css/bootstrap.min.css" media="screen" rel="stylesheet"/>
  <link class="top" href="../shared/css/top/top.css" rel="stylesheet"/>
  <script src="../shared/javascripts/event_emitter.js" type="text/javascript">
  </script>
  <script src="../shared/javascripts/viewAdapters/new.js" type="text/javascript">
  </script>
  <script src="../vendor/jquery.min.js" type="text/javascript">
  </script>
  <script src="js/new.js" type="text/javascript">
  </script>
 </head>
 <body data-privly-exclude="true">
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="../vendor/bootstrap/js/bootstrap.min.js">
  </script>
  <!-- Wrap all page content here -->
  <div id="wrap">
   <div class="navbar navbar-inverse navbar-fixed-top injected_hide mobile_hide" role="navigation">
    <div class="container">
     <div class="navbar-header">
      <button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
       <span class="sr-only">
        Toggle navigation
       </span>
       <span class="icon-bar">
       </span>
       <span class="icon-bar">
       </span>
       <span class="icon-bar">
       </span>
      </button>
      <a class="navbar-brand lobster home_domain" href="../Help/content_server.html" title="This is your current content server">
       Privly
      </a>
     </div>
     <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
       <li class="logged_in_nav" style="display:none;">
        <a href="../History/new.html">
         <span class="glyphicon glyphicon-list-alt">
         </span>
         History
        </a>
       </li>
       <li class="active logged_out_nav">
        <a class="login_url" href="../Login/new.html">
         <span class="glyphicon glyphicon-log-in">
         </span>
         Login
        </a>
       </li>
       <li class="active dropdown logged_in_nav" style="display:none;">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
         <b class="caret">
         </b>
         New Link
        </a>
        <ul class="dropdown-menu">
         <li class="dropdown-header">
          Select Application
         </li>
         <li>
          <a href="../Message/new.html">
           <span class="glyphicon glyphicon-pencil">
           </span>
           New Message
          </a>
         </li>
         <li>
          <a href="../PlainPost/new.html">
           <span class="glyphicon glyphicon-pencil">
           </span>
           New PlainPost
          </a>
         </li>
         <li>
          <a href="../Help/new.html">
           <span class="glyphicon glyphicon-info-sign">
           </span>
           Help
          </a>
         </li>
        </ul>
       </li>
       <li class="logged_in_nav" style="display:none;">
        <a class="logout_url" href="#" id="logout_link">
         <span class="glyphicon glyphicon-log-out">
         </span>
         Logout
        </a>
       </li>
      </ul>
     </div>
     <!--/.nav-collapse -->
    </div>
   </div>
   <div class="container">
    <div class="row">
     <div class="col-lg-12">
      <p class="alert alert-info" id="messages">
       Pending server check. The application is checking its connection 
              with the remote server.
      </p>
      <p class="alert alert-warning" id="login_message" style="display:none;">
       You are not currently signed into your content server. Please
       <a class="login_url btn btn-default" href="../Login/new.html">
        login
       </a>
      </p>
      <div id="copy_message" style="display:none;">
       <p class="alert alert-warning">
        <span id="step1_message">
         <strong>
          Step 1.
         </strong>
         Copy and paste the address found below to any website
                  you want to share this information through.
        </span>
        <span class="glyphicon glyphicon-link">
        </span>
        <span class="privlyUrl" data-privly-exclude="true">
        </span>
       </p>
       <p class="alert alert-warning open-app-button" style="display:none;">
        <strong>
         Step 2.
        </strong>
        Copy/paste the highlighted address anywhere you want to share it. You can also
        <a class="btn btn-default" href="" id="local_address" target="_blank">
         open the link
        </a>
        to view the content yourself.
       </p>
      </div>
     </div>
    </div>
    <div id="form" style="display:none;">
     <div class="row">
      <div aria-hidden="true" aria-labelledby="registerModal" class="modal fade" id="registerModal" role="dialog">
       <div class="modal-dialog modal-sm">
        <div class="modal-content">
         <div class="modal-header">
          <button class="close" data-dismiss="modal" type="button">
           ×
          </button>
          <h1 class="modal-title">
           Register
          </h1>
         </div>
         <div class="modal-body">
          <form action="#" id="registerForm">
           <div class="form-group">
            <label for="register_email">
             Email
            </label>
            <br/>
            <input id="register_email" name="user[email]" placeholder="Enter email" required="" size="30" type="email" value=""/>
           </div>
           <div class="form-group">
            <button class="btn btn-primary" id="register">
             Request invite on
             <span class="content_server">
             </span>
            </button>
           </div>
          </form>
         </div>
        </div>
       </div>
      </div>
      <div class="col-md-12 form-group">
       <p id="loadingDiv">
        <img alt="loading" src="../shared/images/ajax-loader.gif"/>
       </p>
       <h1>
        Sign In
       </h1>
       <noscript>
        Your browser has scripting turned off. 
      This application requires scripting to function properly.
       </noscript>
       <br/>
       <form action="#" id="loginForm">
        <div class="form-group">
         <label for="user_email">
          Email
         </label>
         <br/>
         <input id="user_email" name="user[email]" placeholder="Enter email" required="" size="30" type="email" value=""/>
        </div>
        <div class="form-group">
         <label for="user_password">
          Password
         </label>
         <br/>
         <input id="user_password" name="user[password]" placeholder="Enter Password" required="" size="30" type="password"/>
        </div>
        <br/>
        <div class="form-group">
         <button class="btn btn-primary" id="login">
          Login to
          <span class="content_server">
          </span>
         </button>
        </div>
        <a data-target="#registerModal" data-toggle="modal" href="#">
         Not signed up yet? Register here!
        </a>
       </form>
      </div>
     </div>
    </div>
   </div>
   <!-- /.container -->
   <div class="container">
    <div class="row">
     <hr/>
     <div class="col-md-3">
      <h2>
       Sign in Issues
      </h2>
      <a href="http://priv.ly/pages/servers.html" target="_blank">
       Not your host? Change your content server!
      </a>
      <a class="login_issue" data-path-sub="/users/password/new" href="#" target="_blank">
       Forgot your password?
      </a>
      <br/>
      <a class="login_issue" data-path-sub="/users/confirmation/new" href="#" target="_blank">
       Didn't receive confirmation instructions?
      </a>
      <br/>
      <a class="login_issue" data-path-sub="/users/unlock/new" href="#" target="_blank">
       Didn't receive unlock instructions?
      </a>
     </div>
     <div class="col-md-6">
      <h2>
       What is this Page?
      </h2>
      <p>
       This page logs you into the content server that hosts your content.
      Your password will be sent to the remote server so make sure the button
      has the proper address. If you don't like your current host you can find
      a new one on
       <a href="http://priv.ly/pages/servers.html" target="_blank">
        Priv.ly
       </a>
      </p>
     </div>
     <div class="col-md-3">
      <h2>
       Warning
      </h2>
      <p>
       Your password will be sent to the current content server:
       <span class="content_server">
       </span>
       . If you don't know what
      content server to send your data to you should read about
       <a href="http://priv.ly/pages/servers.html" target="_blank">
        finding a host.
       </a>
      </p>
     </div>
    </div>
    <!-- /.row -->
   </div>
   <!-- /.container -->
  </div>
  <!-- /.wrap -->
  <div id="footer">
   <div class="container">
    <p class="text-muted credit">
     <a href="https://www.priv.ly/pages/donate.html" target="_blank">
      <span class="glyphicon glyphicon-gift">
      </span>
      Donate
     </a>
     to build a more private web.
          You are viewing a
          Privly
     <span style="vertical-align: super;font-size: xx-small">
      ®
     </span>
     Application,
     <a href="https://priv.ly/pages/about" target="_blank">
      learn more
     </a>
     about Privly.
     <a class="legal_nav" href="http://priv.ly" target="_blank">
      Terms of Service
     </a>
     and
     <a class="legal_nav" href="http://priv.ly" target="_blank">
      DMCA
     </a>
     .
    </p>
   </div>
  </div>
 </body>
</html>