src/catedit/templates/social/changeset.html
changeset 46 5bd3fb023396
parent 42 dac9b1248e0f
child 47 ddba4624d661
equal deleted inserted replaced
45:1506da593f40 46:5bd3fb023396
     9   {{super()}}
     9   {{super()}}
    10   <script src="{{ url_for('static', filename='js/jquery-1.11.1.min.js') }}" language="Javascript" type="text/javascript"></script>
    10   <script src="{{ url_for('static', filename='js/jquery-1.11.1.min.js') }}" language="Javascript" type="text/javascript"></script>
    11   <script>
    11   <script>
    12     $(document).ready(function(){
    12     $(document).ready(function(){
    13       $(".cat-info-div").hide();
    13       $(".cat-info-div").hide();
    14       $(".cat-table-toggle").click(function(evt){
    14       $(".cat-table").hide();
    15         $(".cat-table").slideToggle(function(){
    15 
    16           $(".cat-table-toggle").children().toggleClass("glyphicon-chevron-up");
    16       $(".before-cat-table-toggle").click(function(evt){
    17           $(".cat-table-toggle").children().toggleClass("glyphicon-chevron-down");
    17         $(".before-cat-table-toggle").toggleClass("btn-info")
    18         });
    18         $(".before-box").toggleClass("alert-info");
    19       });
    19 
       
    20         $(".after-cat-table-toggle").removeClass("btn-info")
       
    21         $(".after-box").removeClass("alert-info");
       
    22 
       
    23         $(".changes-table-toggle").removeClass("btn-info")
       
    24         $(".changes-box").removeClass("alert-info");
       
    25 
       
    26         $(".before-cat-table").slideToggle(function(){
       
    27           $(".before-cat-table-toggle").children().toggleClass("glyphicon-chevron-up glyphicon-chevron-down")
       
    28         });
       
    29         $(".after-cat-table").slideUp(function(){
       
    30           $(".after-cat-table-toggle").children().removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
       
    31         });
       
    32         $(".changes-table").slideUp(function(){
       
    33           $(".changes-table-toggle").children().removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
       
    34         });
       
    35       });
       
    36 
       
    37       $(".after-cat-table-toggle").click(function(evt){
       
    38         $(".after-cat-table-toggle").toggleClass("btn-info")
       
    39         $(".after-box").toggleClass("alert-info");
       
    40 
       
    41         $(".before-cat-table-toggle").removeClass("btn-info")
       
    42         $(".before-box").removeClass("alert-info");
       
    43 
       
    44         $(".changes-table-toggle").removeClass("btn-info")
       
    45         $(".changes-box").removeClass("alert-info");
       
    46 
       
    47         $(".after-cat-table").slideToggle(function(){
       
    48           $(".after-cat-table-toggle").children().toggleClass("glyphicon-chevron-up glyphicon-chevron-down")
       
    49         });
       
    50         $(".before-cat-table").slideUp(function(){
       
    51           $(".before-cat-table-toggle").children().removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
       
    52         });
       
    53         $(".changes-table").slideUp(function(){
       
    54           $(".changes-table-toggle").children().removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
       
    55         });
       
    56       });
       
    57 
       
    58       $(".changes-table-toggle").click(function(evt){
       
    59         $(".changes-table-toggle").toggleClass("btn-info")
       
    60         $(".changes-box").toggleClass("alert-info");
       
    61 
       
    62         $(".before-cat-table-toggle").removeClass("btn-info")
       
    63         $(".before-box").removeClass("alert-info");
       
    64 
       
    65         $(".after-cat-table-toggle").removeClass("btn-info")
       
    66         $(".after-box").removeClass("alert-info");
       
    67 
       
    68         $(".changes-table").slideToggle(function(){
       
    69           $(".changes-table-toggle").children().toggleClass("glyphicon-chevron-up glyphicon-chevron-down")
       
    70         });
       
    71         $(".before-cat-table").slideUp(function(){
       
    72           $(".before-cat-table-toggle").children().removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
       
    73         });
       
    74         $(".after-cat-table").slideUp(function(){
       
    75           $(".after-cat-table-toggle").children().removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
       
    76         });
       
    77       });
       
    78 
    20       $(".cat-info-toggle").click(function(evt){
    79       $(".cat-info-toggle").click(function(evt){
    21         $("#properties_"+evt.target.id.split('_').slice(2,5).join('_')).slideToggle(function(){
    80         $("#properties_"+evt.target.id.split('_').slice(2,5).join('_')).slideToggle(function(){
    22           $("#info_button_"+evt.target.id.split('_').slice(2,5).join('_')).children().toggleClass("glyphicon-plus-sign");
    81           $("#info_button_"+evt.target.id.split('_').slice(2,5).join('_')).children().toggleClass("glyphicon-plus-sign");
    23           $("#info_button_"+evt.target.id.split('_').slice(2,5).join('_')).children().toggleClass("glyphicon-minus-sign");
    82           $("#info_button_"+evt.target.id.split('_').slice(2,5).join('_')).children().toggleClass("glyphicon-minus-sign");
    24         });
    83         });
       
    84 
    25       });
    85       });
    26     });
    86     });
    27   </script>
    87   </script>
    28 {% endblock head%}
    88 {% endblock head%}
    29 {% block navbar_items %}
    89 {% block navbar_items %}
    30   {{super()}}
    90   {{super()}}
    31   <li><a class="navbar-decorative">></a></li>
    91   <li><a class="navbar-decorative">></a></li>
    32   <li class="active"><a>Discussion: changements</a></li>
    92   <li class="active"><a>Discussion: changements</a></li>
    33 {% endblock navbar_items %}
    93 {% endblock navbar_items %}
    34 {% block additional_content %}
    94 {% block additional_content %}
    35 <h3><strong>Etat de l'ensemble des catégories pour ces modifications </strong>
    95 <div class="container changeset-menu">
    36   <a title="Afficher/Cacher tableau" class="btn btn-default cat-table-toggle">
    96   <div class="col-md-4 before-box alert">
    37     <span class="glyphicon glyphicon-chevron-up"/>
    97     <h4><strong>Avant modifications </strong>
    38   </a>
    98     <a title="Afficher/Cacher tableau" class="btn btn-default before-cat-table-toggle">
    39 </h3>
    99       <span class="glyphicon glyphicon-chevron-down"/>
    40 <div class="cat-table">
   100     </a></h4>
       
   101     <p class="text-justified">
       
   102       Permet de visualiser l'état de l'ensemble de catégories {{current_repository}} avant que ne soient pris en compte
       
   103       les changements considérés.
       
   104     </p>
       
   105   </div>
       
   106   <div class="col-md-4 changes-box alert">
       
   107     <h4><strong>Résumé des modifications </strong>
       
   108     <a title="Afficher/Cacher tableau" class="btn btn-default changes-table-toggle">
       
   109       <span class="glyphicon glyphicon-chevron-down"/>
       
   110     </a></h4>
       
   111     <p class="text-justified">
       
   112       Permet de visualiser les différences entre l'ensemble de catégories {{current_repository}} avant les modifications considérées
       
   113       et le même ensemble après les modifications
       
   114     </p>
       
   115   </div>
       
   116   <div class="col-md-4 after-box alert">
       
   117     <h4><strong>Après modifications </strong>
       
   118     <a title="Afficher/Cacher tableau" class="btn btn-default after-cat-table-toggle">
       
   119       <span class="glyphicon glyphicon-chevron-down"/>
       
   120     </a></h4>
       
   121     <p class="text-justified">
       
   122       Permet de visualiser l'état de l'ensemble de catégories {{current_repository}} après prise en compte
       
   123       les changements considérés.
       
   124     </p>
       
   125   </div>
       
   126 </div><br>
       
   127 <div class="before-cat-table cat-table">
    41   <table class="table table-condensed table-bordered">
   128   <table class="table table-condensed table-bordered">
    42     <thead>
   129     <thead>
    43       <tr class="active">
   130       <tr class="active">
    44         <th class="col-md-2"><b>Nom de la catégorie</b></th>
   131         <th class="col-md-2"><b>Nom</b></th>
    45         <th class="col-md-10" colspan="2"><b>Description de la catégorie</b></th>
   132         <th class="col-md-10" colspan="2"><b>Description</b></th>
    46       </tr>
   133       </tr>
    47     </thead>
   134     </thead>
    48     <tbody>
   135     <tbody>
    49     {% if not session["user_logged"] %}
   136     {% if not session["user_logged"] %}
    50     <tr>
   137     <tr>
    53         <span class="sr-only">Attention:</span>
   140         <span class="sr-only">Attention:</span>
    54         Veuillez vous identifier pour visualiser les catégories
   141         Veuillez vous identifier pour visualiser les catégories
    55       </td>
   142       </td>
    56     </tr>
   143     </tr>
    57     {% else %}
   144     {% else %}
    58       {% if cat_list|length == 0 %}
   145       {% if old_cat_list|length == 0 %}
    59         <tr>
   146         <tr>
    60           <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>
   147           <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>
    61         </tr>
   148         </tr>
    62       {% else %}
   149       {% else %}
    63         {% import "macros.html" as macros %}
   150         {% import "macros.html" as macros %}
    64         {{ macros.category_table(cat_list, current_repository, state_list=["original"], interactive=False) }}
   151         {{ macros.category_table(old_cat_list, current_repository, state_list=["original"], interactive=False) }}
       
   152       {% endif %}
       
   153     {% endif %}
       
   154     </tbody>
       
   155   </table>
       
   156 </div>
       
   157 <div class="changes-table cat-table">
       
   158   <table class="table table-striped">
       
   159     <tr>
       
   160       <td>
       
   161         placeholder
       
   162       </td>
       
   163     </tr>
       
   164   </table>
       
   165 </div>
       
   166 <div class="after-cat-table cat-table">
       
   167   <table class="table table-condensed table-bordered">
       
   168     <thead>
       
   169       <tr class="active">
       
   170         <th class="col-md-2"><b>Nom</b></th>
       
   171         <th class="col-md-10" colspan="2"><b>Description</b></th>
       
   172       </tr>
       
   173     </thead>
       
   174     <tbody>
       
   175     {% if not session["user_logged"] %}
       
   176     <tr>
       
   177       <td class="col-md-12" colspan="2">
       
   178         <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
       
   179         <span class="sr-only">Attention:</span>
       
   180         Veuillez vous identifier pour visualiser les catégories
       
   181       </td>
       
   182     </tr>
       
   183     {% else %}
       
   184       {% if new_cat_list|length == 0 %}
       
   185         <tr>
       
   186           <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>
       
   187         </tr>
       
   188       {% else %}
       
   189         {% import "macros.html" as macros %}
       
   190         {{ macros.category_table(new_cat_list, current_repository, state_list=["modified"], interactive=False) }}
    65       {% endif %}
   191       {% endif %}
    66     {% endif %}
   192     {% endif %}
    67     </tbody>
   193     </tbody>
    68   </table>
   194   </table>
    69 </div>
   195 </div>