Commit 9141e628 authored by luxcem's avatar luxcem

modifs suite retours

parent d80953d7
......@@ -3,3 +3,4 @@ bower_components/
.sass-cache/
.tmp/
dist/
src/assets/deputes
......@@ -9,7 +9,6 @@
"latedef": true,
"newcap": true,
"noarg": true,
"quotmark": "single",
"regexp": true,
"undef": true,
"unused": true,
......
......@@ -154,137 +154,7 @@ angular.module('soussurveillance')
'Saint-Pierre-et-Miquelon'
])
.constant('Groupes', [
{
'abbr': 'UMP',
'name': 'Union pour un Mouvement Populaire'
},
{
'abbr': 'SRC',
'name': 'Parti socialiste'
},
{
'abbr': 'UDI',
'name': 'Association PSLE Nouveau Centre'
},
{
'abbr': 'RRDP',
'name': 'Parti radical de gauche'
},
{
'abbr': 'SRC',
'name': ''
},
{
'abbr': 'ECOLO',
'name': 'Europe Écologie Les Verts'
},
{
'abbr': 'RRDP',
'name': 'Parti socialiste'
},
{
'abbr': 'UDI',
'name': 'Union des radicaux, centristes, indépendants et démocrates'
},
{
'abbr': 'GDR',
'name': 'Forces de gauche'
},
{
'abbr': 'UDI',
'name': 'Debout la République'
},
{
'abbr': 'GDR',
'name': 'Parti communiste Français'
},
{
'abbr': 'NI',
'name': 'Debout la République'
},
{
'abbr': 'GDR',
'name': 'Mouvement Indépendantiste Martiniquais'
},
{
'abbr': 'UMP',
'name': ''
},
{
'abbr': 'UMP',
'name': 'Debout la République'
},
{
'abbr': 'SRC',
'name': 'Parti progressiste Martiniquais'
},
{
'abbr': 'GDR',
'name': 'Pour la Réunion, de toutes nos forces'
},
{
'abbr': 'NI',
'name': 'Le Centre pour la France'
},
{
'abbr': 'NI',
'name': 'Parti socialiste'
},
{
'abbr': 'SRC',
'name': 'Parti communiste guadeloupéen'
},
{
'abbr': 'SRC',
'name': 'Démocratie et République'
},
{
'abbr': 'UDI',
'name': 'Tahoeraa Huiraatira'
},
{
'abbr': 'ECOLO',
'name': ''
},
{
'abbr': 'UDI',
'name': 'Calédonie Ensemble'
},
{
'abbr': 'RRDP',
'name': 'La politique autrement (Union de la majorité municipale)'
},
{
'abbr': 'SRC',
'name': 'Non rattaché'
},
{
'abbr': 'GDR',
'name': 'Rassemblement démocratique pour la Martinique'
},
{
'abbr': 'RRDP',
'name': 'Guadeloupe Unie Socialisme et Réalité'
},
{
'abbr': 'NI',
'name': 'Front national'
},
{
'abbr': 'GDR',
'name': 'Démocratie et République'
},
{
'abbr': 'RRDP',
'name': ''
},
{
'abbr': 'UDI',
'name': ''
}
])
.constant('Groupes', { "UMP":"Union pour un Mouvement Populaire", "SRC":"Socialiste, Républicain et Citoyen", "ECOLO":"Écologiste", "UDI":"Union des Démocrates et Indépendants", "RRDP":"Radical, Républicain, Démocrate et Progressiste", "GDR":"Gauche Démocrate et Républicaine", "NI":"Non Inscrits"})
/*
0 = unknown
1 = green
......
......@@ -3,7 +3,7 @@
@main-secondary: #67809F;
@red-mask: #F22613;
@green-mask: #2ECC71;
@green-mask: #37FE2B;
@unknown-mask: #BFBFBF;
//
// @red-mask: black;
......@@ -19,6 +19,14 @@
@import 'less/description.less';
@import 'less/oppositions.less';
html {
font-size: 100%;
}
body {
font-size: 85%;
}
@font-face {
font-family: 'Oswald-Regular';
src: url(../assets/fonts/Oswald-Regular.ttf);
......@@ -29,6 +37,22 @@
src: url(../assets/fonts/Oswald-DemiBold.ttf);
}
h1 {
font-size: 2em;
}
h2 {
font-size: 3em;
}
h3 {
font-size: 1.6em;
}
h4 {
font-size: 1.3em;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Oswald-Regular', sans-serif;
}
......@@ -42,37 +66,20 @@ p {
color: white;
h1 {
font-size: 6em;
@media (max-width: 640px) {
font-size: 3em;
}
font-size: 5em;
font-family: 'Oswald-Bold', sans-serif;
}
h2 {
text-indent: 100px;
}
strong {
background: white;
color: @main-primary;
}
}
#main {
h1 {
text-align:center;
font-size:4em;
// background: @main-secondary;
color: black;
text-indent: 1em;
padding: 10px;
font-weight: bold;
}
p {
padding: 0 10px;
}
}
//
.clear {
clear: both;
......
......@@ -24,7 +24,7 @@
.mask {
img {
opacity: @opacity;
filter: grayscale(100%);
// filter: grayscale(100%);
}
}
......@@ -36,10 +36,6 @@
background: @red-mask;
}
.unknown-mask {
// background: @unknown-mask;
}
.depute-image:hover .depute-name{
opacity:1;
animation: fadein 0.8s;
......@@ -91,21 +87,27 @@
}
#depute-info {
.depute-info {
background: #fff;
position: relative;
z-index: 1000;
left: @depute-width;
width: 220px;
width: 300px;
text-align: center;
border-radius: 4px;
top: -249px;
opacity:1;
transition: opacity 1s ease 0s;
ul {
text-align: left;
list-style-type: none;
padding-left:10px;
}
}
#depute-info.ng-hide {
.depute-info.ng-hide {
opacity:0;
}
#description-block {
.panel {
font-size: 1.4em;
font-size: 1.1em;
}
.panel-heading {
......@@ -12,10 +12,7 @@
}
.panel-title {
font-size: 36px;
@media (max-width: 640px) {
font-size: 24px;
}
font-size: 1.4em;
font-weight: bold;
}
}
......@@ -9,8 +9,9 @@
}
.thumbnail {
// width: 30%;
width: 300px;
width: 30%;
// max-width: 300px;
min-width: 300px;
margin: 10px;
}
......
......@@ -10,6 +10,13 @@ angular.module('soussurveillance')
'status': ''
};
var currentDepute = null;
var hideCurrentDepute = function hideCurrentDepute() {
if (currentDepute) {
currentDepute.show = false;
}
};
$scope.deputes = [];
$scope.filteredDeputees = [];
$scope.currentPage = 1;
......@@ -20,27 +27,26 @@ angular.module('soussurveillance')
$scope.Groupes = Groupes;
$scope.DeputesInfos = DeputesInfos;
$scope.depute = {'show': false};
$http.get('assets/data/deputes_en_mandat.json').success(function(data){
deputes = data.deputes;
$scope.deputes = _.shuffle(data.deputes);
for (var i = 0; i < $scope.deputes.length; i++) {
var slug = $scope.deputes[i].depute.slug;
$scope.deputes[i].infos = DeputesInfos[slug];
$scope.deputes[i].show = false;
}
$scope.totalItems = data.deputes.length;
$scope.applyPaginate();
});
$scope.selectDepute = function selectDepute(deputeSlug) {
if ($scope.depute.show === true && $scope.depute.depute.slug === deputeSlug) {
$scope.depute.show = false;
$scope.selectDepute = function selectDepute(depute) {
if (depute.show === true) {
depute.show = false;
currentDepute = null;
} else {
$scope.depute.show = false;
for (var i = 0; i < deputes.length; i++) {
if (deputes[i].depute.slug === deputeSlug) {
$scope.depute = deputes[i];
$scope.depute.infos = DeputesInfos[$scope.depute.depute.slug];
$scope.depute.show = true;
break;
}
}
depute.show = true;
hideCurrentDepute();
currentDepute = depute;
}
};
......@@ -56,7 +62,7 @@ angular.module('soussurveillance')
$scope.search.group = '';
$scope.search.circ = '';
$scope.search.status = '';
$scope.depute.show = false;
hideCurrentDepute();
$scope.totalItems = $scope.deputes.length;
$scope.applyPaginate();
......@@ -73,7 +79,7 @@ angular.module('soussurveillance')
$scope.search.group = '';
$scope.search.name = '';
$scope.search.status = '';
$scope.depute.show = false;
hideCurrentDepute();
$scope.totalItems = $scope.deputes.length;
$scope.applyPaginate();
......@@ -92,25 +98,24 @@ angular.module('soussurveillance')
$scope.search.group = '';
$scope.search.circ = '';
$scope.search.name = '';
$scope.depute.show = false;
hideCurrentDepute();
$scope.totalItems = $scope.deputes.length;
$scope.applyPaginate();
};
$scope.changeGroup = function changeCirc() {
$scope.changeGroup = function changeGroup() {
if ($scope.search.group === '') {
$scope.deputes = deputes;
} else {
$scope.deputes = _.filter(deputes, function(depute) {
var group = Groupes[$scope.search.group];
return depute.depute.groupe_sigle === group.abbr && depute.depute.parti_ratt_financier === group.name;
return depute.depute.groupe_sigle === $scope.search.group;
});
}
$scope.search.circ = '';
$scope.search.name = '';
$scope.search.status = '';
$scope.depute.show = false;
hideCurrentDepute();
$scope.totalItems = $scope.deputes.length;
$scope.applyPaginate();
......
......@@ -7,7 +7,7 @@
<label for="circonscriptionFilter">Circonscription</label>
<select id="circonscriptionFilter" class="form-control" ng-change="changeCirc()" ng-model="search.circ">
<option></option>
<option ng-repeat="circ in Circonscriptions" value="{{circ}}">{{circ}}</option>
<option ng-repeat="circ in Circonscriptions | orderBy:circ " value="{{circ}}">{{circ}}</option>
</select>
</div>
......@@ -15,7 +15,7 @@
<label for="groupFilter">Groupe</label>
<select id="groupFilter" class="form-control" ng-change="changeGroup()" ng-model="search.group">
<option></option>
<option ng-repeat="group in Groupes" value="{{ $index }}">{{ group.abbr }} ‑ {{ group.name }}</option>
<option ng-repeat="(groupe, nom) in Groupes | orderBy:groupe" value="{{ groupe }}">{{ groupe }} - {{ nom }}</option>
</select>
</div>
......@@ -23,9 +23,9 @@
<label for="statusFilter">Position</label>
<select id="statusFilter" class="form-control" ng-change="changeStatus()" ng-model="search.status">
<option></option>
<option value="0">Inconnue</option>
<option value="1">Opposée au texte</option>
<option value="2">Favorable au texte</option>
<option value="0">Inconnues</option>
<option value="1">Opposées au texte</option>
<option value="2">Favorables au texte</option>
</select>
</div>
......@@ -40,17 +40,26 @@
<div class="container">
<div class="row">
<div id="deputes-list" class="col-md-12">
<a href="#depute-info" ng-click="selectDepute(depute.depute.slug)" ng-repeat="depute in filteredDeputees" class="depute-image">
<div ng-repeat="depute in filteredDeputees" class="depute-image">
<a href="" ng-click="selectDepute(depute)">
<figure class="mask" ng-class="colorMask(depute)" fade-on-load>
<img ng-src="http://www.nosdeputes.fr/depute/photo/{{depute.depute.slug}}/200">
<img ng-src="assets/deputes/{{depute.depute.slug}}.png">
</figure>
<div class="depute-name">{{ depute.depute.nom }}</div>
<div ng-show="depute.show" id="depute-info">
<!-- <div ng-include="'app/main/components/deputes/depute-call.html'"></div> -->
<h2>{{ depute.depute.nom }}</h2>
</a>
<div class="depute-info" ng-show="depute.show">
<h3>{{ depute.depute.nom }}</h3>
<ul>
<li ng-repeat="email in depute.depute.emails">
<a ng-href="mailto:{{email.email}}">{{ email.email }}</a>
</li>
<li ng-if="depute.infos.twitter">Twitter : <a ng-href="https://twitter.com/{{ depute.infos.twitter }}">@{{ depute.infos.twitter }}</a></li>
<li ng-if="depute.infos.website"><a ng-href="{{ depute.infos.website }}">{{ depute.infos.website }}</a></li>
<!-- <li><a ng-href="{{depute.depute.url_an}}">{{ depute.depute.url_an }}</a></li> -->
<!-- <li><a ng-href="{{depute.depute.url_nosdeputes}}">{{ depute.depute.url_nosdeputes }}</a></li> -->
</ul>
<object data="http://piphone.lqdn.fr/campaign/widgetan/pjl_renseignement/verti/fr/{{ depute.depute.slug }}" width="215" height="380"></object>
</div>
</a>
</div>
</div>
</div>
......
......@@ -10,7 +10,7 @@
en temps réel sur Internet, dans le but de faire tourner dessus des
outils de détection des comportements déviants.
Cette surveillance massive de l'ensemble de la population est inadmissible&nbsp;:
c'est une pratique dangereuse pour la démocratie et la liberté
c'est une pratique dangereuse pour la démocratie et les libertés
d'expression, de réunion, de pensée, d'action.
</p>
<p>
......@@ -23,8 +23,8 @@
Pas de contrôle des services de renseignement <span style="float:right" class="glyphicon glyphicon-plus" aria-hidden="true"></span>
</accordion-heading>
<p>
Le projet de loi était prévu pour être une grande loi d'encadrement du
Renseignement. En réalité, sur bien des points le contrôle est
Le projet de loi était prévu pour être une « grande loi d'encadrement du
Renseignement ». En réalité, sur bien des points le contrôle est
inexistant&nbsp;: la commission de contrôle n'a qu'un avis consultatif,
le recours effectif des citoyens contre les services de renseignement sont
inapplicables, aucune sanction n'est prévue pour les agents qui
......@@ -45,7 +45,7 @@
pratiques illégales des services de renseignement. L'étude d'impact du
projet de loi et la communication du gouvernement ne justifient jamais
cette légalisation massive, extra-judiciaire et quasiment sans contrôle
de la surveillance ciblée.
de la surveillance.
</p>
<p>
<strong>Nous ne pouvons accepter sans contrôle une légalisation massive des
......@@ -60,4 +60,8 @@
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<a href="http://wiki.laquadrature.net/Amender_le_PJL_Renseignement">Plus d’informations sur le Projet de loi</a>
</p>
<p style="font-size:1.2em">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<a href="https://wiki.laquadrature.net/PJL_renseignement_campagne">Passez le mot !</a>
</p>
</div>
......@@ -3,7 +3,7 @@
<img src="assets/images/oeil.png" alt="" style="width: 250px; position: relative;">
Projet de loi Renseignement
</h1>
<h2>Légaliser la surveillance totale ? <strong>NON</strong></h2>
<h2>Légaliser la surveillance totale ? <strong>NON !</strong></h2>
</div>
<div id="main" class="container">
......@@ -18,6 +18,11 @@
<div ng-include="'app/main/components/deputes/deputes.html'"></div>
<h1>Qui s’y oppose ?</h1>
<div style="text-align: center">
<iframe width="560" height="315" src="https://www.youtube.com/embed/xTEqai3eyAc" frameborder="0" allowfullscreen></iframe>
</div>
<div ng-include="'app/main/components/oppositions/oppositions.html'"></div>
<hr>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment