{% 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").hide();

      $(".before-cat-table-toggle").click(function(evt){
        $(".before-cat-table-toggle").toggleClass("btn-info")
        $(".before-box").toggleClass("alert-info");

        $(".after-cat-table-toggle").removeClass("btn-info")
        $(".after-box").removeClass("alert-info");

        $(".changes-table-toggle").removeClass("btn-info")
        $(".changes-box").removeClass("alert-info");

        $(".before-cat-table").slideToggle(function(){
          $(".before-cat-table-toggle").children().toggleClass("glyphicon-chevron-up glyphicon-chevron-down")
        });
        $(".after-cat-table").slideUp(function(){
          $(".after-cat-table-toggle").children().removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
        });
        $(".changes-table").slideUp(function(){
          $(".changes-table-toggle").children().removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
        });
      });

      $(".after-cat-table-toggle").click(function(evt){
        $(".after-cat-table-toggle").toggleClass("btn-info")
        $(".after-box").toggleClass("alert-info");

        $(".before-cat-table-toggle").removeClass("btn-info")
        $(".before-box").removeClass("alert-info");

        $(".changes-table-toggle").removeClass("btn-info")
        $(".changes-box").removeClass("alert-info");

        $(".after-cat-table").slideToggle(function(){
          $(".after-cat-table-toggle").children().toggleClass("glyphicon-chevron-up glyphicon-chevron-down")
        });
        $(".before-cat-table").slideUp(function(){
          $(".before-cat-table-toggle").children().removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
        });
        $(".changes-table").slideUp(function(){
          $(".changes-table-toggle").children().removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
        });
      });

      $(".changes-table-toggle").click(function(evt){
        $(".changes-table-toggle").toggleClass("btn-info")
        $(".changes-box").toggleClass("alert-info");

        $(".before-cat-table-toggle").removeClass("btn-info")
        $(".before-box").removeClass("alert-info");

        $(".after-cat-table-toggle").removeClass("btn-info")
        $(".after-box").removeClass("alert-info");

        $(".changes-table").slideToggle(function(){
          $(".changes-table-toggle").children().toggleClass("glyphicon-chevron-up glyphicon-chevron-down")
        });
        $(".before-cat-table").slideUp(function(){
          $(".before-cat-table-toggle").children().removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
        });
        $(".after-cat-table").slideUp(function(){
          $(".after-cat-table-toggle").children().removeClass("glyphicon-chevron-up").addClass("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 %}
<div class="container changeset-menu">
  <div class="col-md-4 before-box alert">
    <h4><strong>Avant modifications </strong>
    <a title="Afficher/Cacher tableau" class="btn btn-default before-cat-table-toggle">
      <span class="glyphicon glyphicon-chevron-down"/>
    </a></h4>
    <p class="text-justified">
      Permet de visualiser l'état de l'ensemble de catégories {{current_repository}} avant que ne soient pris en compte
      les changements considérés.
    </p>
  </div>
  <div class="col-md-4 changes-box alert">
    <h4><strong>Résumé des modifications </strong>
    <a title="Afficher/Cacher tableau" class="btn btn-default changes-table-toggle">
      <span class="glyphicon glyphicon-chevron-down"/>
    </a></h4>
    <p class="text-justified">
      Permet de visualiser les différences entre l'ensemble de catégories {{current_repository}} avant les modifications considérées
      et le même ensemble après les modifications
    </p>
  </div>
  <div class="col-md-4 after-box alert">
    <h4><strong>Après modifications </strong>
    <a title="Afficher/Cacher tableau" class="btn btn-default after-cat-table-toggle">
      <span class="glyphicon glyphicon-chevron-down"/>
    </a></h4>
    <p class="text-justified">
      Permet de visualiser l'état de l'ensemble de catégories {{current_repository}} après prise en compte
      les changements considérés.
    </p>
  </div>
</div><br>
<div class="before-cat-table cat-table">
  <table class="table table-condensed table-bordered">
    <thead>
      <tr class="active">
        <th class="col-md-2"><b>Nom</b></th>
        <th class="col-md-10" colspan="2"><b>Description</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 old_cat_list|length == 0 %}
        <tr>
          <td class="col-md-12" colspan="2">Aucune catégorie n'existait avant 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(old_cat_list, current_repository, state_list=["original"], interactive=False) }}
      {% endif %}
    {% endif %}
    </tbody>
  </table>
</div>
<div class="changes-table cat-table">
  <table class="table table-striped">
    <tr>
      <td>
        placeholder
      </td>
    </tr>
  </table>
</div>
<div class="after-cat-table cat-table">
  <table class="table table-condensed table-bordered">
    <thead>
      <tr class="active">
        <th class="col-md-2"><b>Nom</b></th>
        <th class="col-md-10" colspan="2"><b>Description</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 new_cat_list|length == 0 %}
        <tr>
          <td class="col-md-12" colspan="2">Aucune catégorie n'existe 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(new_cat_list, current_repository, state_list=["modified"], 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 %}