senateurs.html 4.49 KB
Newer Older
luxcem's avatar
luxcem committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65
<div id="deputes" ng-controller="SenateursCtrl">
  <h1>Refusez cette loi de surveillance</h1>
  <form class="container-fluid">
    <div class="row">
      <div class="form-group col-md-4">
        <label for="circonscriptionFilter">Circonscription</label>
        <select id="circonscriptionFilter" class="form-control" ng-change="applySearch()" ng-model="search.circ">
          <option></option>
          <option ng-repeat="circ in Circonscriptions | orderBy:circ " value="{{circ}}">{{circ}}</option>
        </select>
      </div>

      <div class="form-group col-md-4">
        <label for="groupFilter">Groupe</label>
        <select id="groupFilter" class="form-control" ng-change="applySearch()" ng-model="search.group">
          <option></option>
          <option ng-repeat="(groupe, nom) in Groupes | orderBy:groupe" value="{{ groupe }}">{{ groupe }} - {{ nom }}</option>
        </select>
      </div>

      <div class="form-group col-md-4">
        <label for="statusFilter">Position</label>
        <select id="statusFilter" class="form-control" ng-change="applySearch()" ng-model="search.status">
          <option></option>
          <option value="0">Inconnue</option>
          <option value="1">Opposé·e·s au texte</option>
          <option value="2">Favorables au texte</option>
        </select>
      </div>

    </div>

    <div class="form-group">
      <input type="text" ng-model="search.name" class="form-control" placeholder="Recherche…" ng-change="applySearch()">
    </div>

  </form>

  <div class="container">
    <div class="row">
      <div id="deputes-list" class="col-md-12">       
        <div ng-repeat="senateur in filteredSenateures" class="depute-image">
        <a href="" ng-click="selectSenateur(senateur)">
          <figure class="mask" ng-class="colorMask(senateur)" fade-on-load>
            <img ng-src="assets/senateurs/{{senateur.senateur.slug}}.png">
          </figure>
          <div class="depute-name">{{ senateur.senateur.nom }}</div>
        </a>
        <div class="depute-info" ng-show="senateur.show">
          <h3>{{ senateur.senateur.nom }}</h3>

          <p>{{ senateur.senateur.groupe_sigle}}</p>

          <ul>
            <li ng-if="senateur.infos.twitter">Twitter : <a ng-href="https://twitter.com/{{ senateur.infos.twitter }}">@{{ senateur.infos.twitter }}</a></li>
            <li ng-repeat="email in senateur.senateur.emails">
              <a ng-href="mailto:{{email.email}}">{{ email.email }}</a>
            </li>
            <li ng-if="senateur.infos.website"><a ng-href="{{ senateur.infos.website }}">{{ senateur.infos.website }}</a></li>
            <!-- <li><a ng-href="{{senateur.senateur.url_an}}">{{ senateur.senateur.url_an }}</a></li> -->
            <!-- <li><a ng-href="{{senateur.senateur.url_nossenateurs}}">{{ senateur.senateur.url_nossenateurs }}</a></li> -->
          </ul>
          <!--  Bloc piPhone -->

          <p>
66 67 68 69 70 71
            En attendant de mettre à jour les numéros des sénateurs,
            nous vous invitons à contacter vos sénateurs via le
            standard du Sénat : +33 (0)1 42 34 20 00. Trouvez votre
            sénateur⋅rices sur :
            <a href="https://www.nossenateurs.fr">nossenateurs.fr</a> <br>
            <strong>Refusez cette loi de surveillance&nbsp;!</strong>
luxcem's avatar
luxcem committed
72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108
          </p>

          <p ng-if="senateur.infos.id_piphone">
            <a class="btn btn-success"
            href="https://piphone.lqdn.fr/campaign/call2/pjl_renseignement/{{ senateur.infos.id_piphone }}/#mep"
            target="_blank" role="button">Appelez gratuitement</a>
          </p>

          <!-- <object data="https://piphone.lqdn.fr/campaign/widgetan/pjl_renseignement/verti/fr/{{ senateur.senateur.slug }}" width="215" height="380"></object> -->
        </div>      
      </div>
      </div>
      Nombre de sénateurs : <strong>{{senateurs.length}}</strong>
  </div>

  <div class="clear"></div>

  <div id="deputes-pagination">
    <pagination
      items-per-page="numPerPage" total-items="totalItems"
      ng-model="currentPage" ng-change="applyPaginate()"
      max-size="5" rotate="false">
      </pagination>
  </div>
   <!--
  <h2>Un député au hasard ?</h2>

  <div style="text-align: center">
    <object data="https://piphone.lqdn.fr/campaign/widgetan/pjl_renseignement/horiz/fr" width="630" height="200"></object>
  </div>

   <p class="link">
     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
     <a href="https://pad.lqdn.fr/p/PJLsenateurs">Mettez à jour les positions des députés</a>
   </p>
   -->
</div>