arangodb/html/admin/js/templates/documentsView.ejs

<ul class="thumbnails2">
  <div id="transparentHeader">
    <div id="documentsToolbar" class="pagination pagination-small pagination-right">

    <!-- remove marker for docupdiv--!>
    <ul><li class="enabled"><a id="filterCollection"><span class="glyphicon glyphicon-filter" title="Filter collection"></span></a></li></ul>
    <ul><li class="enabled"><a id="importCollection"><span class="glyphicon glyphicon-paperclip" title="Upload documents"></span></a></li></ul>
    <ul><li class="enabled"><a id="addDocumentButton"><span class="glyphicon glyphicon-plus-sign" title="Add a document"></span></a></li></ul>

    <ul>
      <li class="enabled"><a id="collectionPrev"><i class="icon icon-white icon-chevron-left"></i></a></li>
      <li class="enabled"><a id="collectionNext"><i class="icon icon-white icon-chevron-right"></i></a></li>
    </ul>
    </div>

  </div>
</ul>

<div id="filterHeader" style="display:none">
    <div class="queryline">
       <input id="attribute_name0" type="text" placeholder="Attribute name"><select name="operator" id="operator0">
           <option value="==">==</option>
           <option value="!=">!=</option>
           <option value="&lt;">&lt;</option>
           <option value="&lt;=">&lt;=</option>
           <option value="&gt;">&gt;</option>
           <option value="&gt;=">&gt;=</option>
       </select><input id="attribute_value0" type="text" placeholder="Attribute value" class="filterValue">
        <a id="addFilterItem"><i class="icon-plus"></i></a>
        <button id="resetView" class="btn btn-primary btn-success">Reset</button>
        <button id="filterSend" class="btn btn-primary btn-success">Filter</button>
    </div>
</div>

<div id="importHeader" style="display:none">
    <div class="queryline">
      <input id="importDocuments" name="importDocuments" type="file" accept="application/json" />
      <button id="confirmDocImport" class="btn btn-success" style="float:right">
        <img id="uploadIndicator" style="display: none;" src="/_admin/html/img/ajax-loader.gif"/>Import
      </button>
    </div>
</div>

<div id="documentsDiv">
<div id="uploadMessages"></div>
<table cellpadding="0" cellspacing="0" border="0" class="display" id="documentsTableID">
  <thead>
    <tr>
      <th>Content</th>
      <th>_key</th>
      <th></th>
    </tr>
  </thead>
</table>

    <div id="documentsToolbarFL">
        <div id="documentsToolbarF" class="pagination pagination-small pagination-centered">
        </div>
    </div>

<!-- Delete Modal -->
<div id="docDeleteModal" style="display:none" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Delete Document?</h3>
  </div>
  <div class="modal-body" id="deleteDoc">
    <p>Theres no way back…</p>
  </div>
  <div class="modal-footer">
    <button class="btn btn-close" data-dismiss="modal" aria-hidden="true">Close</button>
    <button id="confirmDeleteBtn" class="btn btn-danger" style="float:right" disabled="true">Delete</button>
  </div>
</div>

<!-- Create Edge Modal -->
<div id="edgeCreateModal" style="display:none" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Create Edge</h3>
  </div>
  <div class="modal-body" id="createEdge">
    <p>Please complete your task:</p>
    <table>
      <tr>
        <th class="collectionTh">_from:</th>
        <th><input type="text" id="new-document-from" name="from" value=""/></th>
        <th><a class="modalTooltips" title="Document _id: document handle of the linked vertex (incoming relation)"><i class="icon-info-sign"></i></a></th>
      </tr>
      <tr>
        <th class="collectionTh">_to:</th>
        <th><input type="text" id="new-document-to" name="to" value=""/></th>
        <th><a class="modalTooltips" title="Document _id: document handle of the linked vertex (outgoing relation)"><i class="icon-info-sign"></i></a></th>
      </tr>
    </table>
  </div>
  <div class="modal-footer">
    <button class="btn btn-close" data-dismiss="modal" aria-hidden="true">Close</button>
    <button id="confirmCreateEdge" class="btn btn-success" style="float:right">Create</button>
  </div>
</div>

<!-- Document Import Modal -->
<div id="docImportModal" style="display:none" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Import documents</h3>
  </div>
  <div class="modal-body" id="importDocument">
    <p style="float:left">Choose your file:</p>
    <i class="icon-info-sign modalImportTooltips" title="Supported filetype: json" style="float:right"></i>
    <br></br>
    <table>
      <tr>
        <input id="importDocuments" name="importDocuments" type="file" accept="application/json" />
      </tr>
      <tr>
      </tr>
    </table>
  </div>
  <div class="modal-footer">
    <button class="btn btn-close" data-dismiss="modal" aria-hidden="true">Close</button>
    <button id="confirmDocImport" class="btn btn-success" style="float:right">
      <img id="uploadIndicator" style="display: none;" src="/_admin/html/img/ajax-loader.gif"/>Import
    </button>
  </div>
</div>