privly/privly-applications

{% extends "templates/new.html.template" %}

{% block javascripts %}
  <script type="text/javascript" src="../vendor/jquery.min.js">
  </script>
  <script type="text/javascript" src="../vendor/datatables/jquery.dataTables.min.js">
  </script>
  <script type="text/javascript" src="../vendor/datatables/dataTables.bootstrap.min.js">
  </script>
  <script type="text/javascript" src="js/new.js">
  </script>
  <script type="text/javascript" src="js/modal.js">
  </script>
{% endblock %}

{% block css %}
  <link href="../vendor/datatables/dataTables.bootstrap.css" rel="stylesheet"/>
  <link href="css/new.css" rel="stylesheet"/>
{% endblock %}

{% block pre_form %}
  <div class="modal fade" id="historyPreview">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <span class="pull-right">
            <button type="button" id="prev_preview" class="btn btn-primary">Prev</button>
            <button type="button" id="next_preview" class="btn btn-primary">Next</button>
          </span>
          <h4 class="modal-title" id="privly_iframe_meta">The App's contents are below</h4>
        </div>
        <div class="modal-body privly_iframe">
        </div>
        <div class="modal-footer">
          <button type="button" id="hide_preview" class="btn btn-default" data-dismiss="modal">Hide Preview</button>
          <button type="button" id="destroy_link "class="btn btn-danger" data-toggle="modal" data-target="#confirmBox">Destroy Content</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

  <div class="modal fade" id="confirmBox">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Are you sure you want to delete this message?</h4>
        </div>
        <div class="modal-body">
        <p> You'll never be able to undo this. </p>
        </div>
        <div class="modal-footer">
          <button type="button" id="ok_confirm" class="btn btn-primary">OK</button>
          <button type="button" id="cancel_confirm" class="btn btn-primary" data-dismiss="modal">Cancel</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
{% endblock %}

{% block form %}
 <div class="col-md-12" id="table_col">
    <h1>History</h1>
    <p id="loadingDiv">
      <img src="../shared/images/ajax-loader.gif" alt="loading..." />
    </p>
    <table class="display" id="posts" width="100%">
      <thead>
        <tr>
          <th>Preview</th>
          <th>Created</th>
          <th>Burnt After</th>
          <th>Updated</th>
        </tr>
      </thead>
      <tbody id="table_body">
      </tbody>
      <tfoot>
        <tr>
          <th>Preview</th>
          <th>Created</th>
          <th>Burnt After</th>
          <th>Updated</th>
        </tr>
      </tfoot>
    </table>
  </div><!-- /.col-md-12 -->
{% endblock %}

{% block app_info %}
  <hr/>
  <div class="col-md-6">
    <h2>What is History?</h2>
    <p>History is a special type of 
      <a href="http://www.privly.org/content/introducing-privly-applications" target="_blank">
        Privly application</a> that lists all the content you have stored on your content server.
        You can search all the content by typing into the search box at the top of the table.
    </p>
  </div>
  <div class="col-md-6">
    <h2>Warnings</h2>
    <ul>
      <li>Privly is still in Alpha, <strong>do not</strong> post private information until the system reaches a Beta release.</li>
    </ul>
  </div>
{% endblock %}