index.html.j2 11 KB
Newer Older
Nicolas Joyard's avatar
Nicolas Joyard committed
1 2 3
{% extends "_base.html.j2" %}

{% block content %}
4

5
  <div class="col-md-8">
6 7 8

    <section class="panel panel-default">
      <header class="panel-heading">
9
        <b>Présentation de l'opération</b>
10
      </header>
Nicolas Joyard's avatar
Nicolas Joyard committed
11 12
      <article class="panel-body">
        {% filter markdown -%}
13
          {% include "text/presentation.md" %}
Nicolas Joyard's avatar
Nicolas Joyard committed
14 15 16
        {% endfilter %}
      </article>
    </section>
Nicolas Joyard's avatar
Nicolas Joyard committed
17

18
    <section class="panel panel-primary">
19
      <header class="panel-heading">
20
        <b>Comment nous aider ?</b>
21
      </header>
22 23 24 25
      <article class="panel-body">
        {% filter markdown -%}
          {% include "text/howto_help.md" %}
        {% endfilter %}
26 27
      </article>
    </section>
Nicolas Joyard's avatar
Nicolas Joyard committed
28 29
  </div>

Nicolas Joyard's avatar
Nicolas Joyard committed
30
  <div class="col-md-4">
Nicolas Joyard's avatar
Nicolas Joyard committed
31 32
    <section class="panel panel-default">
      <header class="panel-heading">
33
        <b>Avancement</b>
Nicolas Joyard's avatar
Nicolas Joyard committed
34
      </header>
35 36 37 38
      <article class="panel-body">
        <center>
        <a style="font-size: 35px" href="/parlementaires?q=R%C3%A9ponse%20positive" class="btn btn-success">7<br/>Frais de mandats obtenus</a>
        <br/><br/>
39
        <p><a href="/parlementaires?q=Demande%20CADA" class="btn btn-danger">567 députés n'ayant pas répondu positivement</a></p>
40
        </center>
Nicolas Joyard's avatar
Nicolas Joyard committed
41
      </article>
Nicolas Joyard's avatar
Nicolas Joyard committed
42 43 44 45 46 47
    </section>

    <section class="panel panel-default">
      <header class="panel-heading">
        <b>Un parlementaire au hasard...</b>
      </header>
48 49 50
      <article class="panel-body parl-card">
        <img class="parl-photo" src="{{ parlementaire.url_photo }}/120" align="left">
        <div class="parl-detail">
51 52 53 54
          <b>{{ parlementaire.nom_complet }}</b><br>
          {{ parlementaire|fonc_parlementaire }} {{ parlementaire.groupe|label_groupe }}<br>
          {{ parlementaire.nom_circo }} &ndash;
          Circonscription n°{{ parlementaire.num_circo }}<br><br>
55

56 57 58 59 60 61 62 63

          <a class="btn btn-primary btn-sm" href="{{ url_for('parlementaire', id=parlementaire.id) }}" role="button">
            {% if current_step < ordres.ETAPE_DEMANDE_CADA %}
              Envoyer la demande
            {% else %}
              Voir la page du parlementaire
            {% endif %}
          </a>
64
        </div>
Nicolas Joyard's avatar
Nicolas Joyard committed
65 66
      </article>
    </section>
Nicolas Joyard's avatar
Nicolas Joyard committed
67

68
    {% if current_step < ordres.ETAPE_DEMANDE_CADA %}
Nicolas Joyard's avatar
Nicolas Joyard committed
69 70
    <section class="panel panel-default">
      <header class="panel-heading">
Benjamin Ooghe-Tabanou's avatar
Benjamin Ooghe-Tabanou committed
71
        <b>Avancement par département</b>
Nicolas Joyard's avatar
Nicolas Joyard committed
72
      </header>
Nicolas Joyard's avatar
Nicolas Joyard committed
73
      <article class="panel-body carte-mode-prisencharge" id="carte-container">
74
        <div id="carte-legend">
Nicolas Joyard's avatar
Nicolas Joyard committed
75 76 77 78
          <div id="carte-legend-buttons">
            <button id="btn-mode-prisencharge" class="btn btn-xs btn-primary">Pris en charge</button>
            <button id="btn-mode-envoye" class="btn btn-xs btn-default">Courriers envoyés</button>
          </div>
79 80 81 82 83
          <div id="carte-legend-gradient">
          </div>
          <small>Aucun</small>
          <small>Tous</small>
        </div>
Nicolas Joyard's avatar
Nicolas Joyard committed
84 85 86
        {% include "viz/carte.html.j2" %}
      </article>
    </section>
87 88 89 90 91 92 93 94 95 96 97 98
    {% endif %}
  </div>

  <div class="col-md-12">
    <section class="panel panel-default">
      <header class="panel-heading">
        <b>Quelles sont les étapes suivantes pour obtenir la transparence de l'IRFM ?</b>
      </header>
      <article class="panel-body" id="procedure-container">
        {% include "viz/procedure.svg" %}
      </article>
    </section>
Nicolas Joyard's avatar
Nicolas Joyard committed
99
  </div>
100

Nicolas Joyard's avatar
Nicolas Joyard committed
101 102 103 104 105 106 107 108 109 110 111 112 113 114

  <div class="col-md-12">
    <section class="panel panel-default">
      <header class="panel-heading">
        <b>Historique de l'opération</b>
      </header>
      <article class="panel-body">
        {% filter markdown -%}
          {% include "text/histo_operation.md" %}
        {% endfilter %}
      </article>
    </section>
  </div>

Nicolas Joyard's avatar
Nicolas Joyard committed
115
{% endblock %}
Nicolas Joyard's avatar
Nicolas Joyard committed
116 117

{% block scripts %}
Nicolas Joyard's avatar
Nicolas Joyard committed
118 119 120 121 122 123
  <div id="carte-popover" class="popover" role="tooltip" style="display: none;">
    <div class="arrow"></div>
    <h3 class="popover-title"></h3>
    <div class="popover-content"></div>
  </div>

Nicolas Joyard's avatar
Nicolas Joyard committed
124 125 126 127 128
  <div id="procedure-popover" class="popover" role="tooltip" style="display: none;">
    <div class="arrow"></div>
    <div class="popover-content"></div>
  </div>

Nicolas Joyard's avatar
Nicolas Joyard committed
129 130 131
  <script src="//cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js" integrity="sha256-GcknncGKzlKm69d+sp+k3A2NyQE+jnu43aBl6rrDN2I=" crossorigin="anonymous"></script>

  <script>
132
    $(document).ready(function () {
Nicolas Joyard's avatar
Nicolas Joyard committed
133

134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153
      {% if current_step < ordres.ETAPE_DEMANDE_CADA %}

        /* Camembert */
        var circleRatio = 0.52;

        new Chart($('#pie-canvas'), {
          type: 'pie',
          data: {{ etapes_data|tojson }},
          options: {
            legend: {
              display: false
            },
            responsive: false,
            maintainAspectRatio: true,
            rotation: Math.PI * (1 - (circleRatio - 0.5)),
            circumference: 2 * Math.PI * circleRatio,
            cutoutPercentage: 25,
            animation: {
              animateRotate: false
            }
Nicolas Joyard's avatar
Nicolas Joyard committed
154
          }
155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184
        });

        /* Histo de suivi des courriers */

        new Chart($('#bar-canvas'), {
          type: 'horizontalBar',
          data: {{ histo_data|tojson }},
          options: {
            animation: {
              duration: 0
            },
            legend: {
              display: false
            },
            title: {
              display: true,
              text: 'Suivi des courriers envoyés'
            },
            scales: {
              xAxes: [{
                ticks: {
                  min: 0
                }
              }],
              yAxes: [{
                ticks: {
                fontSize: 10
                }
              }]
            }
Nicolas Joyard's avatar
Nicolas Joyard committed
185
          }
186
        });
Nicolas Joyard's avatar
Nicolas Joyard committed
187

188
        /* Carte */
Nicolas Joyard's avatar
Nicolas Joyard committed
189

190 191 192 193 194
        var modesCarte = ['prisencharge', 'envoye'];
        modesCarte.forEach(function(mode) {
          $('#btn-mode-' + mode).click(function(e) {
            $('#carte-container .btn').removeClass('btn-primary').addClass('btn-default');
            $(this).removeClass('btn-default').addClass('btn-primary');
Nicolas Joyard's avatar
Nicolas Joyard committed
195

196 197 198
            var ctn = $('#carte-container');
            modesCarte.forEach(function(m) { ctn.removeClass('carte-mode-' + m); });
            ctn.addClass('carte-mode-' + mode);
Nicolas Joyard's avatar
Nicolas Joyard committed
199

200
            e.preventDefault();
201
          });
202
        });
Nicolas Joyard's avatar
Nicolas Joyard committed
203

204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222
        {% for dep in departements %}
          $('.departement{{ dep.num_deptmt }}')
            .attr('data-content',
              {% for ordre in [ordres.ETAPE_A_ENVOYER, ordres.ETAPE_A_CONFIRMER] %}
                {{ etapes_by_ordre[ordre]|label_etape_text|tojson }} +
                "&nbsp;: {{ dep['nb_etape_%s' % ordre] }} <br>" +
              {% endfor %}

              {{ etapes_by_ordre[ordres.ETAPE_ENVOYE]|label_etape_text|tojson }} +
              "&nbsp;: {{ dep.nb_envoyes }} <br>"
            )
            .click(function() {
              location.href = '{{ url_for('parlementaires') }}?q={{ dep.num_deptmt }}';
            });
        {% endfor %}

        $('.land').mouseover(function(e) {
          $('#carte-popover .popover-title').html($(this).attr('title'));
          $('#carte-popover .popover-content').html($(this).attr('data-content'));
Nicolas Joyard's avatar
Nicolas Joyard committed
223

224
        });
Nicolas Joyard's avatar
Nicolas Joyard committed
225

226 227 228 229 230 231 232 233 234
        $('.land').mousemove(function(e) {
          $('#carte-popover').css('left', e.clientX - 200)
                             .css('top', e.clientY + 20)
                             .show();
        });

        $('.land').mouseleave(function(e) {
          $('#carte-popover').hide();
        });
Nicolas Joyard's avatar
Nicolas Joyard committed
235

236
      {% endif %}
Nicolas Joyard's avatar
Nicolas Joyard committed
237 238 239

      /* Procedure */

Nicolas Joyard's avatar
Nicolas Joyard committed
240
      var en_cours = "En cours: requête déposée au Tribunal Administratif pour 567 députés n'ayant pas répondu favorablement à notre demande";
Nicolas Joyard's avatar
Nicolas Joyard committed
241 242 243
      var tooltips = {
        '#demande': "Envoi d'une demande de communication des relevés bancaires et de l'attestation d'utilisation de l'IRFM aux parlementaires",

Nicolas Joyard's avatar
Nicolas Joyard committed
244
        // '#parl_cada': "Demande de communication au parlementaire suite à l'accord CADA",
Nicolas Joyard's avatar
Nicolas Joyard committed
245
        '#parl_ta': "Demande de communication au parlementaire suite à l'accord du Tribunal Administratif",
246
        '#parl_caa': "Demande de communication au parlementaire suite à l'accord de la Cour Administrative d'Appel",
Nicolas Joyard's avatar
Nicolas Joyard committed
247 248

        '#silence_parl': "Pas de réponse du parlementaire",
Nicolas Joyard's avatar
Nicolas Joyard committed
249
        // '#silence_parl_cada': "Pas de réponse du parlementaire",
Nicolas Joyard's avatar
Nicolas Joyard committed
250 251

        '#refus_parl': "Le parlementaire refuse de nous communiquer les informations demandées",
Nicolas Joyard's avatar
Nicolas Joyard committed
252
        // '#refus_parl_cada': "Le parlementaire refuse de nous communiquer les informations demandées malgré la décision de la CADA",
Nicolas Joyard's avatar
Nicolas Joyard committed
253
        '#refus_parl_ta': "Le parlementaire fait appel de la décision du Tribunal Administratif",
Nicolas Joyard's avatar
Nicolas Joyard committed
254
        '#refus_parl_caa': "Le parlementaire forme un pourvoi devant le Conseil d'État",
Nicolas Joyard's avatar
Nicolas Joyard committed
255 256

        '#accord_parl': "Le parlementaire accepte de nous communiquer les informations demandées",
Nicolas Joyard's avatar
Nicolas Joyard committed
257
        // '#accord_parl_cada': "Le parlementaire accepte de nous communiquer les informations demandées",
Nicolas Joyard's avatar
Nicolas Joyard committed
258 259 260 261 262 263 264
        '#accord_parl_ta': "Le parlementaire accepte de nous communiquer les informations demandées",
        '#accord_parl_caa': "Le parlementaire accepte de nous communiquer les informations demandées",

        '#incompetence_cada': "La CADA se déclare incompétente pour traiter notre demande",
        '#incompetence_ta': "Le Tribunal Administratif se déclare incompétent pour traiter notre demande",
        '#incompetence_ce': "Le Conseil d'État se déclare incompétent pour traiter notre demande",

Nicolas Joyard's avatar
Nicolas Joyard committed
265
        // '#rejet_cada': "La CADA rejette notre demande",
Nicolas Joyard's avatar
Nicolas Joyard committed
266
        '#rejet_ta': "Le Tribunal Administratif rejette notre demande",
267
        '#rejet_caa': "La Cour Administrative d'Appel rejette notre demande",
Nicolas Joyard's avatar
Nicolas Joyard committed
268 269 270
        '#rejet_ce': "Le Conseil d'État rejette notre demande",
        '#rejet_eur': "La juridiction Européenne rejette notre demande",

Nicolas Joyard's avatar
Nicolas Joyard committed
271
        // '#accord_cada': "La CADA nous accorde le droit d'accès aux informations",
Nicolas Joyard's avatar
Nicolas Joyard committed
272
        '#accord_ta': "Le Tribunal Administratif nous accorde le droit d'accès aux informations",
273
        '#accord_caa': "La Cour Administrative d'Appel nous accorde le droit d'accès aux informations",
Nicolas Joyard's avatar
Nicolas Joyard committed
274 275 276
        '#accord_ce': "Le Conseil d'État nous accorde le droit d'accès aux informations",
        '#accord_eur': "La juridiction Européenne nous accorde le droit d'accès aux informations",

Nicolas Joyard's avatar
Nicolas Joyard committed
277 278 279 280 281 282 283
        '#lobbying': "Nous faisons du lobbying pour qu'un projet de loi soit adopté qui établisse la transparence de l'IRFM",

        '#pin': en_cours,
        '#nb_negatifs': en_cours,
        '#saisie_ta': en_cours,

        '#nb_positifs': "7 parlementaires ont accepté de nous communiquer les informations demandées"
Nicolas Joyard's avatar
Nicolas Joyard committed
284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307
      };

      var tooltips_right = ['#accord_eur', '#rejet_eur', '#lobbying'];

      Object.keys(tooltips).forEach(function(sel) {
        var is_right = tooltips_right.indexOf(sel) !== -1;

        $(sel)
          .css('cursor', 'help')
          .mouseover(function(e) {
            $('#procedure-popover .popover-content').html(tooltips[sel]);
          })
          .mousemove(function(e) {
            $('#procedure-popover')
              .css('left', e.clientX + (is_right ? -210 : 10))
              .css('top', e.clientY + 10)
              .show();
          })
          .mouseleave(function(e) {
            $('#procedure-popover')
              .hide();
          });
      });

Nicolas Joyard's avatar
Nicolas Joyard committed
308 309
    });
  </script>
310
{% endblock %}