{% extends "base.html" %}

{% block title %}{{ application_name }} Development Console - Datastore Viewer{% endblock %}

{% block head %}

  <style type="text/css">{% include "css/datastore.css" %}</style>

  <style type="text/css">{% include "css/pager.css" %}</style>

  <script type="text/javascript">

  //<![CDATA[

  function disableCreateButton() {

    var input = document.getElementById("kind_input");

    var button = document.getElementById("create_button");

    if (input && button) {

      if (input.value.length == 0) {

        button.disabled = true;

      } else {

        button.disabled = false;

      }

    }

  }

  {% if entities %}

  function checkAllEntities() {

    var allCheckBox = document.getElementById("allkeys");

    var check = allCheckBox.checked;

    for (var i = 1; i <= {{ entities|length }}; i++) {

      var box = document.getElementById("key" + i);

      if (box)

        box.checked = check;

    }

    updateDeleteButtonAndCheckbox();

  }

  function updateDeleteButtonAndCheckbox() {

    var button = document.getElementById("delete_button");

    var uncheck = false;

    var disable = true;

    for (var i = 1; i <= {{ entities|length }}; i++) {

      var box = document.getElementById("key" + i);

      if (box) {

        if (box.checked) {

          disable = false;

        } else {

          uncheck = true;

        }

      }

    }

    button.disabled = disable;

    if (uncheck)

      document.getElementById("allkeys").checked = false;

  }

  {% endif %}

  //]]>

  </script>

{% endblock %}

{% block body %}

  <h3>Datastore Viewer</h3>

  {% if message %}

  <div id="message">

    {{ message }}

  </div>

  {% endif %}

  {% if entities %}

  <div id="pagetotal">

    Results <span class="count">{{ start|add:1 }}</span> - <span class="count">{{ entities|length|add:start }}</span> of <span class="count">{{ total }}</span>

  </div>

  {% endif %}

  <form action="{{ request.path }}" method="get">

    <div id="datastore_search">

      <span class="field">

        <span class="name">Entity Kind:</span>

        <span class="value"><input id="kind_input" name="kind" type="text" size="8" value="{{ kind|escape }}" onkeyup="disableCreateButton()" onkeydown="disableCreateButton()"/></span>

      </span>

      <span class="buttons">

        <input type="submit" value="List Entities"/>

        <input type="button" id="create_button"  onclick="location.href='{{ datastore_edit_path }}?kind=' + encodeURIComponent(document.getElementById('kind_input').value) + '&amp;next={{ request.uri|urlencode }}'" value="Create New Entity"/>

      </span>

    </div>

  </form>

  {% if entities %}

    <form action="{{ datastore_batch_edit_path }}" method="post">

      <input type="hidden" name="kind" value="{{ kind|escape }}"/>

      <input type="hidden" name="numkeys" value="{{ entities|length }}"/>

      <input type="hidden" name="next" value="{{ start_base_url }}"/>

      <input type="hidden" name="action" value="Delete"/>

      <table class="entities">

        <thead>

        <tr>

          <th><input id="allkeys" type="checkbox" onclick="checkAllEntities();"/></th>

          <th>Key</th>

          <th>ID</th>

          <th>Key Name</th>

          {% for header in headers %}

            <th style="cursor: pointer" onclick="document.location.href='{{ order_base_url }}&amp;order={% ifequal order header.name %}-{% endifequal %}{{ header.name|urlencode }}&amp;order_type={{ header.type|urlencode }}'"><a href="{{ order_base_url }}&amp;order={% ifequal order header.name %}-{% endifequal %}{{ header.name|urlencode }}&amp;order_type={{ header.type|urlencode }}">{{ header.name }}</a></th>

          {% endfor %}

        </tr>

        {% for entity in entities %}

          <tr class="{% if forloop.counter|divisibleby:2 %}even{% else %}odd{% endif %}">

            <td><input id="key{{ forloop.counter }}" type="checkbox" name="key{{ forloop.counter }}" value="{{ entity.key|escape }}" onclick="updateDeleteButtonAndCheckbox();"/></td>

            <td onclick="location.href='{{ entity.edit_uri|escape }}'"><a href="{{ entity.edit_uri|escape }}" title="Edit entity #{{ entity.key|escape }}">{{ entity.shortened_key|escape }}</a></td>

            <td>

              {% if entity.key_id %}

                {{entity.key_id}}

              {% endif %}

            </td>

            <td>

              {% if entity.key_name %}

                {{entity.key_name}}

              {% endif %}

            </td>

            {% for attribute in entity.attributes %}

              <td onclick="location.href='{{ entity.edit_uri|escape }}&amp;focus={{ attribute.name|urlencode }}'">{{ attribute.short_value|truncatewords:20|escape }}</td>

            {% endfor %}

          </tr>

        {% endfor %}

      </table>

       <div class="entities g-section g-tpl-50-50">

          <div class="g-unit g-first">

            <div id="entities-control"><input id="delete_button" type="submit" value="Delete" onclick="return confirm('Are you sure you wish to delete these entities?')" /></div>

          </div>

          <div class="g-unit">

            <div id="entities-pager">

            {% if pages %}

              {% include "pager.html" %}

            {% endif %}

            </div>

          </div>

        </div>

    </form>

  {% else %}

    {% if kind %}

      <p style="font-size: medium">Sorry, there are no entities of kind &quot;{{ kind|escape }}&quot; in your datastore.</p>

    {% endif %}

  {% endif %}

{% endblock %}

{% block final %}

  <script type="text/javascript">

  //<![CDATA[

  disableCreateButton();

  updateDeleteButtonAndCheckbox();

  document.getElementById("kind_input").focus();

  //]]>

  </script>

{% endblock %}