{% extends "social/comment_thread_layout.html" %}
{% if not session["user_logged"] or not session["user_can_edit"][current_repository] %}
  {% set readonly="readonly" %}
{% else %}
  {% set readonly=False %}
{% endif %}
{% block title %}{{super()}}{% endblock title %}
{% block head %}
  {{super()}}
  <script src="{{ url_for('static', filename='js/jquery-1.11.1.min.js') }}" language="Javascript" type="text/javascript"></script>
  <script>
    $(document).ready(function(){
      $(".cat-info-div").hide();
      $(".cat-table-toggle").click(function(evt){
        $(".cat-table").slideToggle(function(){
          $(".cat-table-toggle").children().toggleClass("glyphicon-chevron-up");
          $(".cat-table-toggle").children().toggleClass("glyphicon-chevron-down");
        });
      });
      $(".cat-info-toggle").click(function(evt){
        $("#properties_"+evt.target.id.split('_').slice(2,5).join('_')).slideToggle(function(){
          $("#info_button_"+evt.target.id.split('_').slice(2,5).join('_')).children().toggleClass("glyphicon-plus-sign");
          $("#info_button_"+evt.target.id.split('_').slice(2,5).join('_')).children().toggleClass("glyphicon-minus-sign");
        });
      });
    });
  </script>
{% endblock head%}
{% block navbar_items %}
  {{super()}}
  <li><a class="navbar-decorative">></a></li>
  <li class="active"><a>Discussion: changements</a></li>
{% endblock navbar_items %}
{% block additional_content %}
<h3><strong>Etat de l'ensemble des catégories pour ces modifications </strong>
  <a title="Afficher/Cacher tableau" class="btn btn-default cat-table-toggle">
    <span class="glyphicon glyphicon-chevron-up"/>
  </a>
</h3>
<div class="cat-table">
  <table class="table table-condensed table-bordered">
    <thead>
      <tr class="active">
        <th class="col-md-2"><b>Nom de la catégorie</b></th>
        <th class="col-md-10" colspan="2"><b>Description de la catégorie</b></th>
      </tr>
    </thead>
    <tbody>
    {% if not session["user_logged"] %}
    <tr>
      <td class="col-md-12" colspan="2">
        <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
        <span class="sr-only">Attention:</span>
        Veuillez vous identifier pour visualiser les catégories
      </td>
    </tr>
    {% else %}
      {% if cat_list|length == 0 %}
        <tr>
          <td class="col-md-12" colspan="2">Aucune catégorie n'existait suite à ces changements. {% if not readonly %}<a href="{{ url_for('categories.editor', repository=current_repository) }}">Créer une catégorie</a>{% endif %}</td>
        </tr>
      {% else %}
        {% import "macros.html" as macros %}
        {{ macros.category_table(cat_list, current_repository, state_list=["original"], interactive=False) }}
      {% endif %}
    {% endif %}
    </tbody>
  </table>
</div>
{% endblock additional_content %}
{% block comment_posting_target %}{{url_for("social.changeset", changeset_id=changeset_id, repository=current_repository)}}{% endblock %}
{% block page_content %}
  {{super()}}
{% endblock page_content %}