privly/privly-applications

View on GitHub
Index/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 Index
  </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="logged_out_nav">
        <a class="login_url" href="../Login/new.html">
         <span class="glyphicon glyphicon-log-in">
         </span>
         Login
        </a>
       </li>
       <li class="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 class="row">
     <div class="col-md-12">
      <h1>
       This application is deprecated. Please view the
       <a href="../History/new.html">
        History
       </a>
       application.
      </h1>
     </div>
    </div>
    <div id="form" style="display:none;">
     <div class="row">
      <div class="col-md-8">
       <noscript>
        Your browser has scripting turned off. 
                  This application requires scripting to function properly.
       </noscript>
       <h2>
        <span class="glyphicon glyphicon-pencil">
        </span>
        Create New Index Link
       </h2>
       <p id="loadingDiv">
        <img alt="loading" src="../shared/images/ajax-loader.gif"/>
       </p>
       <label for="content">
        Content you want to share
       </label>
       <textarea class="form-control" id="content" placeholder="Enter content here" rows="4" title="Enter a message to Post to Privly here."></textarea>
       <div id="destruction_select_block">
        <label for="seconds_until_burn">
         Time until content is destroyed
        </label>
        <select class="form-control" id="seconds_until_burn" name="seconds_until_burn">
         <option value="86400">
          1 Day
         </option>
         <option value="604800">
          7 Days
         </option>
         <option value="1209600">
          14 Days
         </option>
         <option selected="" value="2419200">
          28 Days
         </option>
         <option value="">
          Infinite? - WARNING! Data in Alpha may still be destroyed.
         </option>
        </select>
       </div>
       <br/>
       <button class="btn btn-default" disabled="" id="save">
        <span class="glyphicon glyphicon-cloud-upload">
        </span>
        Save
       </button>
      </div>
      <div class="col-md-4">
       <h2 id="preview_heading">
        Preview
       </h2>
       <hr/>
       <div id="preview">
       </div>
      </div>
     </div>
    </div>
   </div>
   <!-- /.container -->
   <div class="container">
    <div class="row">
    </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>