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

{% block content %}
Nicolas Joyard's avatar
Nicolas Joyard committed
4
  <div class="col-md-8">
5
    <div class="well lead">
6 7 8 9 10 11
      <p>L'Indemnité Représentative de Frais de Mandat (IRFM) est une indemnité d'environ 5 000 € versée chaque mois à tous les parlementaires pour couvrir les dépenses liées à leur mandat.</p>
      <p>Faute de transparence, nous demandons à chaque parlementaire de nous fournir les éléments permettant aux citoyens de contrôler l'utilisation de leur indemnité :</p>
      <ul>
        <li>les relevés bancaires du compte dédié (sur les 6 derniers mois)</li>
        <li>la dernière déclaration annuelle auprès du Bureau attestant sur l'honneur de l'utilisation conforme de l'IRFM</li>
      </ul>
12 13 14
    </div>

    <section class="panel panel-primary">
15
      <header class="panel-heading">
16
        <b>Comment nous aider ?</b>
17 18 19
      </header>
      <article class="panel-body">
        {% filter markdown -%}
20
          {% include "text/howto_help.md" %}
21 22 23 24 25 26
        {% endfilter %}
      </article>
    </section>

    <section class="panel panel-default">
      <header class="panel-heading">
27
        <b>Présentation de l'opération</b>
28
      </header>
Nicolas Joyard's avatar
Nicolas Joyard committed
29 30
      <article class="panel-body">
        {% filter markdown -%}
31
          {% include "text/presentation.md" %}
Nicolas Joyard's avatar
Nicolas Joyard committed
32 33 34
        {% endfilter %}
      </article>
    </section>
Nicolas Joyard's avatar
Nicolas Joyard committed
35

36 37
    <section class="panel panel-default">
      <header class="panel-heading">
38
        <b>Quelles sont les étapes suivantes pour obtenir la transparence de l'IRFM ?</b>
39 40 41 42 43
      </header>
      <article class="panel-body" id="procedure-container">
        {% include "viz/procedure.svg" %}
      </article>
    </section>
Nicolas Joyard's avatar
Nicolas Joyard committed
44 45
  </div>

Nicolas Joyard's avatar
Nicolas Joyard committed
46
  <div class="col-md-4">
Nicolas Joyard's avatar
Nicolas Joyard committed
47 48
    <section class="panel panel-default">
      <header class="panel-heading">
49
        <b>Avancement</b>
Nicolas Joyard's avatar
Nicolas Joyard committed
50
      </header>
51 52 53 54 55 56
      <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/>
        <p><a href="/parlementaires" class="btn btn-danger">550 députés n'ayant pas répondu positivement</a></p>
        </center>
Nicolas Joyard's avatar
Nicolas Joyard committed
57
      </article>
Nicolas Joyard's avatar
Nicolas Joyard committed
58 59 60 61 62 63
    </section>

    <section class="panel panel-default">
      <header class="panel-heading">
        <b>Un parlementaire au hasard...</b>
      </header>
64 65 66
      <article class="panel-body parl-card">
        <img class="parl-photo" src="{{ parlementaire.url_photo }}/120" align="left">
        <div class="parl-detail">
67 68 69 70
          <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>
71 72 73

          <a class="btn btn-primary btn-sm" href="{{ url_for('parlementaire', id=parlementaire.id) }}" role="button">Envoyer la demande</a>
        </div>
Nicolas Joyard's avatar
Nicolas Joyard committed
74 75
      </article>
    </section>
Nicolas Joyard's avatar
Nicolas Joyard committed
76 77 78

    <section class="panel panel-default">
      <header class="panel-heading">
Benjamin Ooghe-Tabanou's avatar
Benjamin Ooghe-Tabanou committed
79
        <b>Avancement par département</b>
Nicolas Joyard's avatar
Nicolas Joyard committed
80
      </header>
Nicolas Joyard's avatar
Nicolas Joyard committed
81
      <article class="panel-body carte-mode-prisencharge" id="carte-container">
82
        <div id="carte-legend">
Nicolas Joyard's avatar
Nicolas Joyard committed
83 84 85 86
          <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>
87 88 89 90 91
          <div id="carte-legend-gradient">
          </div>
          <small>Aucun</small>
          <small>Tous</small>
        </div>
Nicolas Joyard's avatar
Nicolas Joyard committed
92 93 94
        {% include "viz/carte.html.j2" %}
      </article>
    </section>
Nicolas Joyard's avatar
Nicolas Joyard committed
95
  </div>
Nicolas Joyard's avatar
Nicolas Joyard committed
96
{% endblock %}
Nicolas Joyard's avatar
Nicolas Joyard committed
97 98

{% block scripts %}
Nicolas Joyard's avatar
Nicolas Joyard committed
99 100 101 102 103 104
  <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
105 106 107 108 109
  <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
110 111 112
  <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>
113
    $(document).ready(function () {
Nicolas Joyard's avatar
Nicolas Joyard committed
114 115

      /* Camembert */
Nicolas Joyard's avatar
Nicolas Joyard committed
116 117
      var circleRatio = 0.52;

Nicolas Joyard's avatar
Nicolas Joyard committed
118
      new Chart($('#pie-canvas'), {
Nicolas Joyard's avatar
Nicolas Joyard committed
119 120 121 122 123 124
        type: 'pie',
        data: {{ etapes_data|tojson }},
        options: {
          legend: {
            display: false
          },
Nicolas Joyard's avatar
Nicolas Joyard committed
125
          responsive: false,
126
          maintainAspectRatio: true,
Nicolas Joyard's avatar
Nicolas Joyard committed
127 128
          rotation: Math.PI * (1 - (circleRatio - 0.5)),
          circumference: 2 * Math.PI * circleRatio,
Nicolas Joyard's avatar
Nicolas Joyard committed
129 130 131 132
          cutoutPercentage: 25,
          animation: {
            animateRotate: false
          }
Nicolas Joyard's avatar
Nicolas Joyard committed
133 134 135
        }
      });

Nicolas Joyard's avatar
Nicolas Joyard committed
136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166
      /* 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
167 168
      /* Carte */

Nicolas Joyard's avatar
Nicolas Joyard committed
169 170 171 172 173 174 175 176 177 178 179 180 181 182
      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');

          var ctn = $('#carte-container');
          modesCarte.forEach(function(m) { ctn.removeClass('carte-mode-' + m); });
          ctn.addClass('carte-mode-' + mode);

          e.preventDefault();
        });
      });

Nicolas Joyard's avatar
Nicolas Joyard committed
183 184 185
      {% for dep in departements %}
        $('.departement{{ dep.num_deptmt }}')
          .attr('data-content',
186
            {% for ordre in [ordres.ETAPE_A_ENVOYER, ordres.ETAPE_A_CONFIRMER] %}
Nicolas Joyard's avatar
Nicolas Joyard committed
187 188 189
              {{ etapes_by_ordre[ordre]|label_etape_text|tojson }} +
              "&nbsp;: {{ dep['nb_etape_%s' % ordre] }} <br>" +
            {% endfor %}
190 191 192

            {{ etapes_by_ordre[ordres.ETAPE_ENVOYE]|label_etape_text|tojson }} +
            "&nbsp;: {{ dep.nb_envoyes }} <br>"
193 194 195 196
          )
          .click(function() {
            location.href = '{{ url_for('parlementaires') }}?q={{ dep.num_deptmt }}';
          });
Nicolas Joyard's avatar
Nicolas Joyard committed
197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213
      {% endfor %}

      $('.land').mouseover(function(e) {
        $('#carte-popover .popover-title').html($(this).attr('title'));
        $('#carte-popover .popover-content').html($(this).attr('data-content'));

      });

      $('.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
214 215 216 217 218 219 220 221

      /* Procedure */

      var tooltips = {
        '#demande': "Envoi d'une demande de communication des relevés bancaires et de l'attestation d'utilisation de l'IRFM aux parlementaires",

        '#parl_cada': "Demande de communication au parlementaire suite à l'accord CADA",
        '#parl_ta': "Demande de communication au parlementaire suite à l'accord du Tribunal Administratif",
222
        '#parl_caa': "Demande de communication au parlementaire suite à l'accord de la Cour Administrative d'Appel",
Nicolas Joyard's avatar
Nicolas Joyard committed
223 224 225 226 227 228 229

        '#silence_parl': "Pas de réponse du parlementaire",
        '#silence_parl_cada': "Pas de réponse du parlementaire",

        '#refus_parl': "Le parlementaire refuse de nous communiquer les informations demandées",
        '#refus_parl_cada': "Le parlementaire refuse de nous communiquer les informations demandées malgré la décision de la CADA",
        '#refus_parl_ta': "Le parlementaire fait appel de la décision du Tribunal Administratif",
Nicolas Joyard's avatar
Nicolas Joyard committed
230
        '#refus_parl_caa': "Le parlementaire forme un pourvoi devant le Conseil d'État",
Nicolas Joyard's avatar
Nicolas Joyard committed
231 232 233 234 235 236 237 238 239 240 241 242

        '#accord_parl': "Le parlementaire accepte de nous communiquer les informations demandées",
        '#accord_parl_cada': "Le parlementaire accepte de nous communiquer les informations demandées",
        '#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",

        '#rejet_cada': "La CADA rejette notre demande",
        '#rejet_ta': "Le Tribunal Administratif rejette notre demande",
243
        '#rejet_caa': "La Cour Administrative d'Appel rejette notre demande",
Nicolas Joyard's avatar
Nicolas Joyard committed
244 245 246 247 248
        '#rejet_ce': "Le Conseil d'État rejette notre demande",
        '#rejet_eur': "La juridiction Européenne rejette notre demande",

        '#accord_cada': "La CADA nous accorde le droit d'accès aux informations",
        '#accord_ta': "Le Tribunal Administratif nous accorde le droit d'accès aux informations",
249
        '#accord_caa': "La Cour Administrative d'Appel nous accorde le droit d'accès aux informations",
Nicolas Joyard's avatar
Nicolas Joyard committed
250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277
        '#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",

        '#lobbying': "Nous faisons du lobbying pour qu'un projet de loi soit adopté qui établisse la transparence de l'IRFM"
      };

      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
278 279
    });
  </script>
280
{% endblock %}