{% extends 'layout.html' %} {% block title %}{{ collectionName }}{% endblock %} {% block styles %}
<link href="{{ baseHref }}public/css/codemirror.css" rel="stylesheet"> {% if editorTheme != "default" %}
<link href="{{ baseHref }}public/css/theme/{{ editorTheme }}.css" rel="stylesheet"> {% endif %}

<style type="text/css">
  .CodeMirror-scroll {
    height: 120px;
    overflow: auto;
  }

  .modal-body .CodeMirror .CodeMirror-scroll {
    height: auto;
    min-height: 200px;
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
  }

  .tab-pane>form {
    padding-bottom: 5px;
  }

  .sorting-button {
    white-space: nowrap;
  }

  @media (min-width: 992px) {
    /* meduim and up */
    #advanced .form-group .btn {
      height: 150px;
    }
  }

  #indexes td {
    vertical-align: middle;
  }
</style>
{% endblock %} {% block breadcrumb %}
<li>
  <a href="{{ baseHref }}db/{{ dbName}}">База данных:</a>
</li>
<li class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ dbName }}
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    {% for db in databases %}
    <li>
      <a href="{{ baseHref }}db/{{ db }}/">{{ db }}</a>
    </li>
    {% endfor %}
  </ul>
</li>
<li>
  <a href="{{ baseHref }}db/{{ dbName}}">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</li>
<li>
  <a href="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}">Коллекция:</a>
</li>
<li class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ collectionName }}
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    {% for collection in collections %}
    <li>
      <a href="{{ baseHref }}db/{{ dbName }}/{{ collection | url_encode }}">{{ collection }}</a>
    </li>
    {% endfor %}
  </ul>
</li>
{% endblock %} {% block content %} {% if !settings.read_only %}
<p>
  <button type="button" data-toggle="modal" data-target="#addDocument" class="btn btn-success btn-large">
    <span class="glyphicon glyphicon-pencil"></span>
    Новый документ
  </button>
  <button type="button" data-toggle="modal" data-target="#addIndex" class="btn btn-success btn-large">
    <span class="glyphicon glyphicon-pencil"></span>
    Новый индекс
  </button>
</p>
{% endif %}

<ul id="tabs" class="nav nav-pills nav-justified" data-tabs="tabs">
  <li class="active">
    <a href="#simple" data-toggle="tab">
      <span class="glyphicon glyphicon-tag"></span> Простой</a>
  </li>
  <li>
    <a href="#advanced" data-toggle="tab">
      <span class="glyphicon glyphicon-tags"></span> Сложный</a>
  </li>
</ul>
<div id="my-tab-content" class="tab-content">
  <div class="tab-pane active" id="simple">
    <form class="well" method="get" action="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}">
      {% for column in columns %}
      <input type="checkbox" name="sort[{{column}}]" class="hide sort-{{column}}" {% if sort[column] %}value="{{sort[column]}}"
        checked="checked" {% endif %}/> {% endfor %}
      <div class="row">
        <div class="form-group col-sm-6 col-md-4">
          <input style="width:100%;" class="input-medium form-control" type="text" id="key" name="key" placeholder="Key" title="Key"
            value="{{ key }}">
        </div>
        <div class="form-group col-sm-6 col-md-4">
          <input style="width:100%;" class="input-medium form-control" type="text" id="value" name="value" placeholder="Value" title="Value"
            value="{{ value }}">
        </div>
        <div class="form-group col-sm-6 col-md-2">
          <select name="type" class="form-control">
            <option value="S" {% if type=='S' %}selected {% endif %}>String</option>
            <option value="R" {% if type=='R' %}selected {% endif %}>Regex</option>
            <option value="J" {% if type=='J' %}selected {% endif %}>JSON, bool</option>
            <option value="N" {% if type=='N' %}selected {% endif %}>Number</option>
            <option value="O" {% if type=='O' %}selected {% endif %}>ObjectID</option>
          </select>
        </div>
        <div class="form-group col-sm-6 col-md-2">
          <button type="submit" class="btn btn-primary btn-block">
            <span class="glyphicon glyphicon-search"></span>
            Искать
          </button>
        </div>
      </div>
    </form>
  </div>
  <div class="tab-pane" id="advanced">
    <form class="well" method="get" action="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}">
      {% for column in columns %}
      <input type="checkbox" name="sort[{{column}}]" class="hide sort-{{column}}" {% if sort[column] %}value="{{sort[column]}}"
        checked="checked" {% endif %}/> {% endfor %}
      <div class="row">
        <div class="form-group col-sm-6 col-md-5">
          <textarea class="input-medium form-control" style="width: 100%; height: 150px" id="query" name="query" placeholder="Query"
            title="Query">{{ query }}</textarea>
        </div>
        <div class="form-group col-sm-6 col-md-5">
          <textarea class="input-medium form-control" style="width: 100%; height: 150px" id="projection" name="projection" placeholder="Projection"
            title="Projection">{{ projection }}</textarea>
        </div>
        <div class="form-group col-md-2">
          <button style="height:150px;" type="submit" class="btn btn-primary btn-block">
            <span class="glyphicon glyphicon-search"></span>
            Искать
          </button>
        </div>
      </div>
    </form>
  </div>
</div>
{% if !settings.read_only && count > 0 %}
<p>
  <form id="deleteListForm" method="POST" style="display:inline;" action="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}?key={{ key }}&value={{ value }}&type={{ type }}&query={{ query }}&projection={{ projection }}">
    {# Router is smart enough to transform method=POST + _method=delete into actual HTTP DELETE, which is what we want #}
    <input type="hidden" name="_method" value="delete">
    <button type="button" data-toggle="modal" data-target="#deleteListModal" class="btn btn-danger btn-large btn-block">
      <span class="glyphicon glyphicon-trash"></span>
      Удалить все {{count}} документы
    </button>
  </form>
</p>
{% endif %}
<br/>

<!-- Add Document Modal -->
<div class="modal fade" id="addDocument" role="dialog" tabindex="-1">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <form id="addDocumentForm" method="post" action="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}">

        <div class="modal-header">
          <button class="close" data-dismiss="modal">×</button>
          <h2>Добавить документ</h2>
        </div>
        <div class="modal-body" id="document-modal-body">
          <textarea id="document" name="document">{
        "_id": ObjectID()
}</textarea>
        </div>

        <div class="modal-footer">
          <button class="btn btn-error" data-dismiss="modal">Закрыть</button>
          <button type="submit" class="btn btn-success" onclick="return checkValidJSON()">
            <span class="glyphicon glyphicon-pencil"></span>
            Save
          </button>
        </div>

      </form>
    </div>
  </div>
</div>
<!-- End Add Document Modal -->

<!-- Add Index Modal -->
<div class="modal fade" id="addIndex" role="dialog" tabindex="-1">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <form id="addIndexForm" method="post" action="{{ baseHref }}db/{{ dbName }}/addIndex/{{ collectionName | url_encode }}">

        <div class="modal-header">
          <button class="close" data-dismiss="modal">×</button>
          <h2>Добавить индексы</h2>

        </div>
        <div class="modal-body" id="index-modal-body">
          <textarea id="index" name="index">{
        "key": 1
}</textarea>
        </div>
        <div class="modal-footer">
          <button class="btn btn-error" data-dismiss="modal">Закрыть</button>
          <button type="submit" class="btn btn-success" onclick="return checkValidIndexJSON()">
            <span class="glyphicon glyphicon-pencil"></span>
            Сохранить
          </button>
        </div>

      </form>
    </div>
  </div>
</div>
<!-- End Add Index Modal -->


{% if documents.length == 0 %}
<p class="well">
  Документы не найдены
</p>
{% else %} {% if pagination %}
<ul class="pager span7">
  <li class="previous{% if prev.skip < 0 %} disabled{% endif %}">
    <a{% if prev.skip>= 0 %} href="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}?skip=0&key={{ key }}&value={{ value }}&type={{
      type }}&query={{ query }}&projection={{ projection }}{% for k, v in sort %}&sort[{{ k }}]={{ v }}{% endfor %}"{% endif
      %}>&larr; Первый</a>
  </li>

  <li{% if prev.skip < 0 %} class="disabled" {% endif %}>
    <a{% if prev.skip>= 0 %} href="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}?skip={{ prev.skip }}&key={{ key }}&value={{
      value }}&type={{ type }}&query={{ query }}&projection={{ projection }}{% for k, v in sort %}&sort[{{ k }}]={{ v }}{%
      endfor %}"{% endif %}>&larr; Предыдущий</a>
      </li>

      <li{% if next.skip>= stats.count %} class="disabled"{% endif %}>
        <a{% if next.skip < stats.count %} href="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}?skip={{ next.skip }}&key={{ key }}&value={{ value }}&type={{ type }}&query={{ query }}&projection={{ projection }}{% for k, v in sort %}&sort[{{ k }}]={{ v }}{% endfor %}"
          {% endif %}>Следующий &rarr;</a>
          </li>

          <li class="next{% if next.skip >= stats.count %} disabled{% endif %}">
            <a{% if next.skip < stats.count %} href="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}?skip={{ last }}&key={{ key }}&value={{ value }}&type={{ type }}&query={{ query }}&projection={{ projection }}{% for k, v in sort %}&sort[{{ k }}]={{ v }}{% endfor %}"
              {% endif %}>Последний &rarr;</a>
          </li>
</ul>
{% endif %}

<div class="fadeToWhite" id="fadeToWhiteID"></div>
<div class="table-responsive tableWrapper">
  <table class="table table-striped tableHeaderFooterBars">
    <thead>
      {% for column in columns %}
      <th class="sorting-button" data-column="{{column}}" data-direction="{{sort[column]}}" title="Sort by {{column}}">
        {{column}} {% if sort[column] == 1 %}
        <span class="glyphicon glyphicon-triangle-top"></span>
        {% elseif sort[column] == -1 %}
        <span class="glyphicon glyphicon-triangle-bottom"></span>
        {% endif %}
      </th>
      {% endfor %}
    </thead>
    {% for document in docs %}
    <tr onclick="loadDocument('{{ document._id | json | safe | url_encode }}')">
      {% for column in columns %}
      <td>
        <div class="tableContent">
          {% if !settings.read_only && column === '_id' && collectionName !== 'system.indexes' %}
          <form class="deleteButtonDocument" method="POST" style="display:inline;" action="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}/{{ document._id | json | safe | url_encode }}?skip={{ skip }}&key={{ key }}&value={{ value }}&type={{ type }}&query={{ query }}&projection= {{ projection }}">
            <input type="hidden" name="_method" value="delete">
            <button type="submit" class="btn btn-danger">
              <span class="glyphicon glyphicon-trash"></span>
            </button>
          </form>
          {% endif %} {{ document[column] | stringDocIDs | to_display | safe }}
        </div>
      </td>
      {% endfor %}
    </tr>
    {% endfor %}
  </table>
</div>

{% if pagination %}
<nav>
  <div class="text-center">
    <ul class="pagination">
      {%- if prev2.skip >= 0 %}
      <li>
        <a href="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}?skip={{ prev2.skip }}&key={{ key }}&value={{ value }}&type={{ type }}&query={{ query }}&projection={{ projection }}{% for k, v in sort %}&sort[{{ k }}]={{ v }}{% endfor %}">{{ prev2.page }}</a>
      </li>
      {% else %}
      <li>
        <a>&nbsp;</a>
      </li>
      {%- endif %} {%- if prev.skip >= 0 %}
      <li>
        <a href="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}?skip={{ prev.skip }}&key={{ key }}&value={{ value }}&type={{ type }}&query={{ query }}&projection={{ projection }}{% for k, v in sort %}&sort[{{ k }}]={{ v }}{% endfor %}">{{ prev.page }}</a>
      </li>
      {% else %}
      <li>
        <a>&nbsp;</a>
      </li>
      {%- endif %}

      <li class="active">
        <a href="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}?skip={{ skip }}&key={{ key }}&value={{ value }}&type={{ type }}&query={{ query }}&projection={{ projection }}{% for k, v in sort %}&sort[{{ k }}]={{ v }}{% endfor %}">{{ here }}</a>
      </li>

      {%- if next.skip
      < stats.count %} <li>
        <a href="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}?skip={{ next.skip }}&key={{ key }}&value={{ value }}&type={{ type }}&query={{ query }}&projection={{ projection }}{% for k, v in sort %}&sort[{{ k }}]={{ v }}{% endfor %}">{{ next.page }}</a>
        </li>
        {% else %}
        <li>
          <a>&nbsp;</a>
        </li>
        {% endif %} {%- if next2.skip
        < stats.count %} <li>
          <a href="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}?skip={{ next2.skip }}&key={{ key }}&value={{ value }}&type={{ type }}&query={{ query }}&projection={{ projection }}{% for k, v in sort %}&sort[{{ k }}]={{ v }}{% endfor %}">{{ next2.page }}</a>
          </li>
          {% else %}
          <li>
            <a>&nbsp;</a>
          </li>
          {% endif %}
    </ul>
  </div>
</nav>
{% endif %} {% endif %}

<div class="row">
  {% if !settings.read_only %}
  <div class="col-md-12">
    <h2>Переименование коллекции</h2>
    <form method="POST" action="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}" class="well form-inline">
      <input type="hidden" name="_method" value="put">
      <div class="form-group">
        <span class="add-on">{{ dbName }} . </span>
        <input class="form-control" type="text" id="collection" name="collection" placeholder="{{ collectionName }}">
      </div>
      <button type="submit" class="btn btn-primary">
        <span class="glyphicon glyphicon-pencil"></span>
        Переименовать
      </button>
    </form>
  </div>
  {% endif %}

</div>
<h2>Инструменты</h2>
<div class="row">
  <div class="col-sm-6 {% if !settings.read_only %}col-lg-3{% endif %}">
    <div class="well">
      <a href="{{ baseHref }}db/{{ dbName }}/export/{{ collectionName | url_encode }}?key={{ key }}&value={{ value }}&type={{ type }}&query={{ query | url_encode }}&projection= {{ projection | url_encode }}"
        class="btn btn-warning btn-block">
        <span class="glyphicon glyphicon-floppy-save"></span>
        <br>Экспортировать
      </a>
    </div>
  </div>

  <div class="col-sm-6 {% if !settings.read_only %}col-lg-3{% endif %}">
    <div class="well">
      <a href="{{ baseHref }}db/{{ dbName }}/expArr/{{ collectionName | url_encode }}?key={{ key }}&value={{ value }}&type={{ type }}&query={{ query | url_encode }}&projection= {{ projection | url_encode }}"
        class="btn btn-warning btn-block">
        <span class="glyphicon glyphicon-floppy-save"></span>
        <br>Экспортировать --jsonArray
      </a>
    </div>
  </div>

  <div class="col-sm-6 {% if !settings.read_only %}col-lg-3{% endif %}">
    <div class="well">
      <a href="{{ baseHref }}db/{{ dbName }}/expCsv/{{ collectionName | url_encode }}?key={{ key }}&value={{ value }}&type={{ type }}&query={{ query | url_encode }}&projection= {{ projection | url_encode }}"
        class="btn btn-warning btn-block">
        <span class="glyphicon glyphicon-floppy-save"></span>
        <br>Экспортировать --csv
      </a>
    </div>
  </div>

  <div class="col-sm-6 {% if !settings.read_only %}col-lg-3{% endif %}">
    <div class="well">
      <a href="{{ baseHref }}db/{{ dbName }}/reIndex/{{ collectionName | url_encode }}" class="btn btn-warning btn-block">
        <span class="glyphicon glyphicon-resize-small"></span>
        <br>РеИндексирование
      </a>
    </div>
  </div>

  {% if !settings.read_only %}
  <div class="col-sm-6 col-lg-3">
    <form method="POST" action="{{ baseHref }}db/{{ dbName }}/{{ collectionName | url_encode }}" id="db-{{ dbName }}-{{ collectionName }}"
      class="well">
      <input type="hidden" name="_method" value="delete">
      <input type="submit" class="hidden" />
      <button class="btn btn-danger deleteButtonCollection btn-block" collection-name="{{ collectionName }}" childof="db-{{ dbName }}-{{ collectionName }}">
        <span class="glyphicon glyphicon-trash"></span>
        <br>Удалить
      </button>
    </form>

  </div>

  <div id="confirm-deletion-document" class="modal fade" role="dialog" aria-labelledby="confirmDeletionDocumentLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-body">
          Вы уверены?
        </div>
        <div class="modal-footer">
          <button type="button" data-dismiss="modal" class="btn btn-danger" id="delete">Удалить</button>
          <button type="button" data-dismiss="modal" class="btn">Отменить</button>
        </div>
      </div>
    </div>
  </div>

  <div id="deleteListModal" class="modal fade" role="dialog" aria-labelledby="confirmDeletionListLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-body">
          Вы уверены что хотите удалить все {{count}} документы?
        </div>
        <div class="modal-footer">
          <button type="button" data-dismiss="modal" class="btn btn-danger" id="deleteListConfirmButton">Удалить</button>
          <button type="button" data-dismiss="modal" class="btn">Отменить</button>
        </div>
      </div>
    </div>
  </div>


  <div id="confirm-deletion-collection" class="modal fade" role="dialog" aria-labelledby="confirmDeletionCollectionLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title" id="myModalLabel">Удалить коллекцию</h4>
        </div>
        <div class="modal-body">
          <p>
            Be careful! You are about to delete whole
            <strong>
              <span id="modal-collection-name"></span>
            </strong> collection.
          </p>
          <p>
            <label for="confirmation-input">Type the collection name to proceed.</label>
            <input type="text" id="confirmation-input" name="confirmation-input" shouldbe="" value="" />
          </p>
        </div>

        <div class="modal-footer">
          <button type="button" data-dismiss="modal" class="btn btn-danger" id="delete">Удалить</button>
          <button type="button" data-dismiss="modal" class="btn">Отменить</button>
        </div>

      </div>
    </div>
  </div>
  {% endif %}

  <!-- <div class="stats col-md-12">
    <h2>Collection Stats</h2>
    <table class="table table-bordered table-striped">
      <tr>
        <td>
          <strong>Documents</strong>
        </td>
        <td>
          {{ stats.count }}
        </td>
      </tr>
      <tr>
        <td>
          <strong>Total doc size</strong>
        </td>
        <td>
          {{ stats.size|convertBytes }}
        </td>
      </tr>
      <tr>
        <td>
          <strong>Average doc size</strong>
        </td>
        <td>
          {{ stats.avgObjSize|convertBytes }}
        </td>
      </tr>
      <tr>
        <td>
          <strong>Pre-allocated size</strong>
        </td>
        <td>
          {{ stats.storageSize|convertBytes }}
        </td>
      </tr>
      <tr>
        <td>
          <strong>Indexes</strong>
        </td>
        <td>
          {{ stats.nindexes }}
        </td>
      </tr>
      <tr>
        <td>
          <strong>Total index size</strong>
        </td>
        <td>
          {{ stats.totalIndexSize|convertBytes }}
        </td>
      </tr>
      <tr>
        <td>
          <strong>Padding factor</strong>
        </td>
        <td>
          {{ stats.paddingFactor }}
        </td>
      </tr>
      <tr>
        <td>
          <strong>Extents</strong>
        </td>
        <td>
          {{ stats.numExtents }}
        </td>
      </tr>
    </table>
  </div> -->

  <div class="col-md-12">
    <h2>Indexes</h2>
    <table id="indexes" class="table table-bordered table-striped">
      <tr>
        <th>Name</th>
        <th>Columns</th>
        <th>Size</th>
        <th>Attributes</th>
        <th>Actions</th>
      </tr>
      {% for index in indexes %}
      <tr>
        <td>
          {{ index.name }}
        </td>
        <td>
          {% for sort in index.key %}
          <div>{{ loop.key }} &nbsp; {% if sort == 1 %} ASC {% else %} DSC {% endif %}</div>
          {% endfor %}
        </td>
        <td>
          {{ index.size|convertBytes }}
        </td>
        <td>
          {% for k,v in index %}
          <div>{% if k != 'key' && k != 'v' && k != 'name' && k != 'ns' && k != 'size'%} {{ k }}: &nbsp;{{ v }} {% endif %}</div>
          {% endfor %}
        </td>
        {% if !settings.read_only %}
        <td>
          <a class="btn btn-danger" href="{{ baseHref }}db/{{ dbName }}/dropIndex/{{ collectionName | url_encode }}?name={{ index.name }}">
            <span class="glyphicon glyphicon-trash"></span> &nbsp;DEL
          </a>
        </td>
        {% else %}
        <td>
        </td>
        {% endif %}
      </tr>
      {% endfor %}
    </table>
  </div>
  {% endblock %} {% block scripts %}
  <script src="{{ baseHref }}{{assets.codemirror.js}}"></script>
  <script src="{{ baseHref }}{{assets.collection.js}}"></script> {% endblock %}