src/catedit/templates/catmodifs.html
author Nicolas DURAND <nicolas.durand@iri.centrepompidou.fr>
Sat, 03 Jan 2015 00:15:51 +0100
changeset 21 b1b002c5ff60
parent 18 37981f4fdb77
child 22 0ba28595fd4d
permissions -rw-r--r--
Added support for multiple repositories + Started work on template inheritance (only created empty base template so far)

{% if not session["user_logged"] or not session["user_can_edit"] %}
  {% set readonly="readonly" %}
{% else %}
  {% set readonly=False %}
{% endif %}
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>Soumettre mes changements</title>
      <link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">
      <link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet">
      <script src="{{ url_for('static', filename='js/jquery-1.11.1.min.js') }}" language="Javascript" type="text/javascript"></script>
      <script>
        $(document).ready(function(){
          {% for cat in cat_list %}
            $("#properties_{{cat.cat_id}}").hide();
            $("#info_button_{{cat.cat_id}}").click(function(){
              $("#properties_{{cat.cat_id}}").slideToggle();
            });
          {% endfor %}
          {% for cat in modified_cat_list %}
            $("#properties_modified_{{cat.cat_id}}").hide();
            $("#info_button_modified_{{cat.cat_id}}").click(function(){
              $("#properties_modified_{{cat.cat_id}}").slideToggle();
            });
            $("#delete_modified_{{cat.cat_id}}").hide();
            $("#remove_modifs_modified_{{cat.cat_id}}").click(function(){
              $("#delete_modified_{{cat.cat_id}}").slideToggle();
            });
          {% endfor %}
          {% for cat in created_cat_list %}
            $("#properties_created_{{cat.cat_id}}").hide();
            $("#info_button_created_{{cat.cat_id}}").click(function(){
              $("#properties_created_{{cat.cat_id}}").slideToggle();
            });
            $("#delete_created_{{cat.cat_id}}").hide();
            $("#remove_modifs_created_{{cat.cat_id}}").click(function(){
              $("#delete_created_{{cat.cat_id}}").slideToggle();
            });
          {% endfor %}
        });
      </script>
  </head>
  <body>
    <div class="navbar navbar-inverse" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <a class="navbar-brand" href="{{ url_for('cat_index') }}">
              <img alt="Brand" src="{{ url_for('static', filename='img/catedit_brand.png') }}" class="navbar-img" width="32" height="32">
            </a>
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </div>
          <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
              <li><a href="{{ url_for('cat_index') }}">Page d'accueil</a></li>
              {% if session.get("user_logged", None) %}
              <li><a href="{{ url_for('cat_recap', repository=current_repository) }}">Atelier</a></li>
              {% endif %}
              <li class="active"><a>Soumission</a></li>
            </ul>
            <div class="navbar-text navbar-right">
              {% if not session.get("user_logged", None)%}Non authentifié - <a href="{{ url_for('github_login') }}" class="navbar-link">S'authentifier</a>
              {% else %} Authentifié: {{ session["user_login"] }} - <a href="{{ url_for('logout') }}" class="navbar-link">Quitter</a>{% endif %}
            </div>
            {% if session["user_logged"] %}
            <form class="navbar-form navbar-right">
              <select class="form-control select-repo" name="navrepo" onchange="window.location.href=this.form.navrepo.options[this.form.navrepo.selectedIndex].value">
                {% for repo in config["REPOSITORY_LIST"] %}
                  <option value="{{url_for('cat_recap', repository=repo)}}" {% if repo==current_repository %}selected="selected"{% endif %}>{{repo}}</option>
                {% endfor %}
              </select>
            </form>
            {% endif %}
          </div>
        </div>
    </div>
    <div class="container">
      <h2> <b>CatEdit</b> - <small>{{current_repository}}</small></h2>
      <h3> Catégories existantes </h3>
      <table class="table table-bordered table-condensed">
        <thead>
          <tr class="active">
            <th class="col-md-2"><b>Nom de la catégorie</b></th>
            <th class="col-md-10"><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'a été créée pour l'instant. {% if not readonly %}<a href="{{ url_for('cat_editor', repository=current_repository) }}">Créer une catégorie</a>{% endif %}</td>
            </tr>
          {% else %}
            {% for cat in cat_list %}
              <tr>
                <td class="col-md-2">{{ cat.cat_label }}</td>
                <td class="col-md-8">{{ cat.cat_description}}</td>
                  <td class="text-center">
                      <a title="Détails catégorie"><button class="btn btn-default" id="info_button_{{ cat.cat_id }}"><span class="glyphicon glyphicon glyphicon-plus-sign"/></button></a>
                  </td>
                  {% if cat.cat_id not in deleted_cat_namelist and cat.cat_id not in modified_cat_namelist %}
                  <td class="text-center">
                    <a href="{{ url_for('cat_editor', cat_id=cat.cat_id, repository=current_repository)}}" title="Editer catégorie" class="btn btn-default"><span class="glyphicon glyphicon glyphicon-pencil"/></a>
                  </td>
                  <td class="text-center">
                    <a title="Supprimer catégorie">
                      <form method="POST" action="{{ url_for('cat_modifs', deleted_cat_id=cat.cat_id, repository=current_repository) }}" class="form-inline form-button">
                        <fieldset {% if readonly %}disabled{% endif %}>
                          <button type="submit" class="btn btn-default">
                            <span class="glyphicon glyphicon-trash" title="Supprimer catégorie"/>
                          </button>
                        </fieldset>
                      </form>
                    </a>
                  </td>
                  {% else %}
                  <td colspan="2">
                  </td>
                  {% endif %}
              </tr>
                <tr>
                  <td colspan="2">
                    <div id="properties_{{cat.cat_id}}">
                      <dl class="dl-horizontal">
                      {% if cat.cat_properties|length == 0 %} <dt></dt><dd>Aucune autre propriété</dd>
                      {% else %}
                        {% for (predicate, object) in cat.cat_properties %}
                          <dt>{{ config["PROPERTY_LIST"][predicate]["descriptive_label_fr"] }}</dt>
                          <dd>
                            {% if config["PROPERTY_LIST"][predicate]["object_type"]=="uriref-category" %}
                              {% for cat in cat_list %}
                                {% if object == config["CATEGORY_NAMESPACE"]+cat.cat_id %}
                                  {{ cat.cat_label }}
                                {% endif %}
                              {% endfor %}
                            {% elif config["PROPERTY_LIST"][predicate]["object_type"]=="uriref-link" %}
                              <a href="{{ object }}">{{ object }}</a>
                            {% else %}
                              {{ object }}
                            {% endif %}
                          </dd>
                        {% endfor %}
                      {% endif %}
                      </dl>
                    </div>
                  </td>
                </tr>
            {% endfor %}
          {% endif %}
        {% endif %}
        </tbody>
      </table>

      <h3> Mes modifications </h3>
      <table class="table table-bordered table-condensed">
        <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="3">
            <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
            <span class="sr-only">Attention:</span>
            Veuillez vous identifier pour visualiser les modifications
          </td>
        </tr>
        {% else %}
          <tr class="success">
            <td class="col-md-12" colspan="3">
              <b> Catégories ajoutées</b>
            </td>
          </tr>
          {% if created_cat_list|length == 0 %}
            <tr>
              <td class="col-md-12" colspan="3">Aucune catégorie n'a été ajoutée pour l'instant.</td>
            </tr>
          {% else %}
            {% for cat in created_cat_list %}
              <tr class="success">
                <td class="col-md-2">{{ cat.cat_label }}</td>
                <td class="col-md-8">{{ cat.cat_description}}</td>
                <td class="col-md-2 text-center">
                  <a title="Détails catégorie"><button class="btn btn-default" id="info_button_created_{{ cat.cat_id }}"><span class="glyphicon glyphicon-plus-sign"/></button></a>
                  <a href="{{ url_for('cat_editor', cat_id=cat.cat_id, repository=current_repository)}}" title="Editer catégorie" class="btn btn-default"><span class="glyphicon glyphicon glyphicon-pencil"/></a>
                  <a title="Supprimer modifications"><button class="btn btn-default" id="remove_modifs_created_{{ cat.cat_id }}"><span class="glyphicon glyphicon-remove-sign"/></button></a>
                </td>
              </tr>
              <tr class="success">
                <td colspan="3">
                  <div id="properties_created_{{cat.cat_id}}">
                    <dl class="dl-horizontal">
                    {% if cat.cat_properties|length == 0 %} <dt></dt><dd>Aucune autre propriété</dd>
                    {% else %}
                      {% for (predicate, object) in cat.cat_properties %}
                        <dt>{{ config["PROPERTY_LIST"][predicate]["descriptive_label_fr"] }}</dt>
                        <dd>
                          {% if config["PROPERTY_LIST"][predicate]["object_type"]=="uriref-category" %}
                            {% for cat in cat_list %}
                              {% if object == config["CATEGORY_NAMESPACE"]+cat.cat_id %}
                                {{ cat.cat_label }}
                              {% endif %}
                            {% endfor %}
                          {% elif config["PROPERTY_LIST"][predicate]["object_type"]=="uriref-link" %}
                            <a href="{{ object }}">{{ object }}</a>
                          {% else %}
                            {{ object }}
                          {% endif %}
                        </dd>
                      {% endfor %}
                    {% endif %}
                    </dl>
                  </div>
                  <div id="delete_created_{{cat.cat_id}}">
                    <form method="POST" action="{{ url_for('cat_modifs', deleted_modifs_id=cat.cat_id, repository=current_repository) }}" class="form-inline align-center">
                      <fieldset {% if readonly %}disabled{% endif %}>
                        <div class="input-group">
                          <div class="input-group-addon">
                            Vous allez supprimer les changements faits sur cette catégorie.
                          </div>
                          <input type="submit" class="btn btn-default" value="Supprimer">
                        </div>
                      </fieldset>
                    </form>
                  </div>
                </td>
              </tr>
            {% endfor %}
          {% endif %}
          <tr class="warning">
            <td class="col-md-12" colspan="3">
              <b> Catégories modifiées</b>
            </td>
          </tr>
          {% if modified_cat_list|length == 0 %}
          <tr>
            <td class="col-md-12" colspan="3">Aucune catégorie n'a été modifiée pour l'instant.</td>
          </tr>
          {% else %}
            {% for cat in modified_cat_list %}
              <tr class="warning">
                <td class="col-md-2">{{ cat.cat_label }}</td>
                <td class="col-md-8">{{ cat.cat_description}}</td>
                <td class="col-md-2 text-center">
                  <a title="Détails catégorie"><button class="btn btn-default" id="info_button_modified_{{ cat.cat_id }}"><span class="glyphicon glyphicon-plus-sign"/></button></a>
                  <a href="{{ url_for('cat_editor', cat_id=cat.cat_id, repository=current_repository)}}" title="Editer catégorie" class="btn btn-default"><span class="glyphicon glyphicon glyphicon-pencil"/></a>
                  <a title="Supprimer modifications"><button class="btn btn-default" id="remove_modifs_modified_{{ cat.cat_id }}"><span class="glyphicon glyphicon-remove-sign"/></button></a>
                </td>
              </tr>
              <tr class="warning">
                <td colspan="3">
                  <div id="properties_modified_{{cat.cat_id}}">
                    <dl class="dl-horizontal">
                    {% if cat.cat_properties|length == 0 %} <dt></dt><dd>Aucune autre propriété</dd>
                    {% else %}
                      {% for (predicate, object) in cat.cat_properties %}
                        <dt>{{ config["PROPERTY_LIST"][predicate]["descriptive_label_fr"] }}</dt>
                        <dd>
                          {% if config["PROPERTY_LIST"][predicate]["object_type"]=="uriref-category" %}
                            {% for cat in cat_list %}
                              {% if object == config["CATEGORY_NAMESPACE"]+cat.cat_id %}
                                {{ cat.cat_label }}
                              {% endif %}
                            {% endfor %}
                          {% elif config["PROPERTY_LIST"][predicate]["object_type"]=="uriref-link" %}
                            <a href="{{ object }}">{{ object }}</a>
                          {% else %}
                            {{ object }}
                          {% endif %}
                        </dd>
                      {% endfor %}
                    {% endif %}
                    </dl>
                  </div>
                  <div id="delete_modified_{{cat.cat_id}}">
                    <form method="POST" action="{{ url_for('cat_modifs', deleted_modifs_id=cat.cat_id, repository=current_repository) }}" class="form-inline align-center">
                      <fieldset {% if readonly %}disabled{% endif %}>
                        <div class="input-group">
                          <div class="input-group-addon">
                            Vous allez supprimer les changements faits sur cette catégorie.
                          </div>
                          <input type="submit" class="btn btn-default" value="Supprimer">
                        </div>
                      </fieldset>
                    </form>
                  </div>
                </td>
              </tr>
            {% endfor %}
          {% endif %}

          <tr class="danger">
            <td class="col-md-12" colspan="3">
              <b> Catégories supprimées</b>
            </td>
          </tr>
          {% if deleted_cat_namelist|length == 0 %}
          <tr>
            <td class="col-md-12" colspan="3">Aucune catégorie n'a été supprimée pour l'instant.</td>
          </tr>
          {% else %}
            {% for deleted_cat in deleted_cat_namelist %}
              {% for existing_cat in cat_list %}
                {% if existing_cat.cat_id == deleted_cat %}
                  <tr class="danger">
                    <td class="col-md-2">{{ existing_cat.cat_label }}</td>
                    <td class="col-md-8"><i>Cette catégorie va être supprimée quand vous soumettrez vos modifications.</i></td>
                    <td class="col-md-2 text-center">
                      <form method="POST" action="{{ url_for('cat_modifs', deleted_cat_id=deleted_cat, repository=current_repository) }}">
                        <fieldset {% if readonly %}disabled{% endif %}>
                          <input type="submit" class="btn btn-default" value="Restaurer">
                        </fieldset>
                      </form>
                    </td>
                  </tr>
                {% endif %}
              {% endfor %}
            {% endfor %}
          {% endif %}
        {% endif %}
        </tbody>
      </table>
      <h3> Soumettre mes changements </h3>
      <div class="col-md-12">
        <form method="POST" action="{{ url_for('cat_modifs', repository=current_repository)}}">
          <fieldset {% if readonly %}disabled{% endif %}>
            {{ commit_form.hidden_tag() }}
            <div class="form-group">
              {{ commit_form.commit_message.label }}
              {{ commit_form.commit_message(size=40, class="form-control", readonly=readonly) }}
            </div>
            <button type="submit" class="btn btn-default">Soumettre modifications</button>
            <a href="{{ url_for('cat_recap', repository=current_repository)}}"class="btn btn-default">Retour</a>
          </fieldset>
        </form><br>
      </div>
    </div>
  </body>
</html>