Skip to content
Extraits de code Groupes Projets

Comparer les révisions

Les modifications sont affichées comme si la révision source était fusionnée avec la révision cible. En savoir plus sur la comparaison des révisions.

Source

Sélectionner le projet cible
No results found

Cible

Sélectionner le projet cible
  • la-quadrature-du-net/memopol/memopol
  • lnclt/political_memory
  • arthur/political_memory
  • agrausem/political_memory
  • periode/memopol
  • Anthony/memopol
  • Porkepix/memopol
  • jaster/memopol
  • luxcem/memopol
  • TAlone/memopol
10 résultats
Afficher les modifications
Masquer les modifications d'espaces
En ligne Côte à côte
Affichage de
avec 951 ajouts et 300 suppressions
docs/scores.rst 0 → 100644
Voir le fichier @ 81c7c918
Memopol Scores
~~~~~~~~~~~~~~
Score computation
=================
In Memopol, each representative has a score that shows how their votes match
the recommendations made by administrators on the instance. The total score
of a representative is the sum of their score on each dossier, which in turn is
the sum of their score on each proposal with a recommendation on the dossier.
Each recommendation made by administrators has a weight: a number that tells how
important a specific proposal is. When the representative vote on a proposal
matches the recommendation, their score on the proposal is set to +weight.
Otherwise, it is set to -weight.
Score decay parameters
======================
Memopol allows to set decay parameters so that older votes have a lower
importance in the total representative score. By default, those parameters are
set to values that disable the score decay, so that each vote contributes
identically to the total score no matter how old it is.
The formula used to compute score is the following:
.. image:: img/score_formula.png
Where:
* ``baseScore`` is the base score for the vote computed as explained above;
* ``voteAge`` is the age of the vote in days;
* ``decayNum`` and ``decayDenom`` define the decay rate;
* ``exponent`` define the steepness of the decay.
The corresponding parameters can be set from the Memopol administration
interface (Memopol Settings > Settings); settings keys are ``SCORE_DECAY_NUM``,
``SCORE_DECAY_DENOM``, ``SCORE_EXPONENT``. Additionnaly, the ``SCORE_DECIMALS``
parameter sets how many decimal places are visible when scores are displayed.
The default values for those settings disable score decay by setting
``SCORE_DECAY_NUM`` to 0, ``SCORE_DECAY_DENOM`` and ``SCORE_EXPONENT`` to 1.
If you want to use score decay, start by setting ``SCORE_DECAY_NUM`` to 1, and
``SCORE_DECAY_DENOM`` to the number of days you want votes to matter. The graph
below shows how a score of 1.0 will decay with a 1-year decay (the X axis is in
days).
.. image:: img/score_1year.png
Increasing ``SCORE_DECAY_DENOM`` will make votes matter longer. Here is the
same example but with a 10-year decay.
.. image:: img/score_10years.png
Increasing ``SCORE_EXPONENT`` instead will make the decay cutoff steeper. Here
is an example with a 1-year decay and the exponent set to 6.
.. image:: img/score_exp6.png
Increasing it dramatically will create a brutal cutoff; here is the same example
with the exponent set to 1000:
.. image:: img/score_exp1k.png
docs/setup_solr.rst 0 → 100644
Voir le fichier @ 81c7c918
Setup Solr with Memopol
=======================
Solr is used to perform search in the data. Currently, it is used only for
reprensatative search autocomplete.
This howto will be based on the current stable version of Debian (jessie).
Installation on Debian Stable
-----------------------------
Solr is in the official repository of debian, you can install it launching::
# apt install solr-tomcat/stable
Package: solr-tomcat
Source: lucene-solr
Version: 3.6.2+dfsg-5
Installed-Size: 65,5 kB
Maintainer: Debian Java Maintainers <pkg-java-maintainers@lists.alioth.debian.org>
Depends: solr-common (= 3.6.2+dfsg-5), tomcat7
Conflicts: solr-jetty, solr-tomcat6
Homepage: http://lucene.apache.org
Section: java
Priority: optional
Download-Size: 8 598 B
APT-Sources: http://ftp.fr.debian.org/debian/ jessie/main amd64 Packages
Description: Enterprise search server based on Lucene3 - Tomcat integration
Solr is an open source enterprise search server based on the Lucene
Java search library, with XML/HTTP and JSON APIs, hit highlighting,
faceted search, caching, replication, and a web administration
interface. It runs in a Java servlet container such as Tomcat.
.
This package provides the Tomcat integration files for Solr.
By default, the solr server is listen on localhost:8080. Memopol is configured
to use this addess by default, in production. If you install a newer version of
Solr (6.5.1 is the latest release), you should update the settings.py::
HAYSTACK_CONNECTIONS = {
'default': {
'ENGINE': 'haystack.backends.solr_backend.SolrEngine',
'URL': 'http://127.0.0.1:8080/solr',
},
}
Configure Solr
---------------
You can use the default Solr configuration to use it, You just need to generate
the schema.xml file and copy it in `/etc/solr/`. To generate the schema.xml
file::
$ memopol build_solr_schema > schmema.xml
## Copy the schema.xml file into /etc/solr/conf
$ sudo cp schema.xml /etc/solr/conf/
## Restart tomcat
$ sudo /etc/init.d/tomcat7 restart
Last step, you need to build the index by using::
$ memopol rebuild_index
The solr is now setup and production ready.
Populate data in Solr
---------------------
Django-haystack plugin offers two ways to populate data. The first way is by
using a cron job to update the index, the other way is to use `Dango signals to
update / delete datas <https://django-haystack.readthedocs.io/en/v2.6.0/signal_processors.html>`_.
For now, Haystack is not configured to be used with Django signals. It is
necessary to add a cron job to update the index ::
$ memopol update_index
`More informations about cron with Solr <http://django-haystack.readthedocs.io/en/v2.6.0/searchindex_api.html?highlight=cron#keeping-the-index-fresh>`_
docs/usage.rst 0 → 100644
Voir le fichier @ 81c7c918
User guide
~~~~~~~~~~
Authentication in the admin backend
===================================
As a content-editor, you should be able to connect to the administration
interface with the credentials and link that your administrator sent you. If
they haven't, please email them with a request and eventually a link to
:doc:`administration`.
Managing representative positions
=================================
Our dear representatives make promises to be elected. These can be submitted by
visitors on the front-end so one of your tasks is to review them and publish
them if they are appropriate.
In "Positions -> Position -> Change" (url should be
``/admin/positions/position/``), above the list table, click the "Published"
select box and choose the "Published: No" option, then click "Search".
Alternatively, you may bookmark
``/admin/positions/position/?published__exact=0``.
Click a "Position" and if it's appropriate then check the "Published" checkbox
and click "Save". The position will now appear in the representative detail
page.
Managing vote recommendations
=============================
A recommendation represents the vote we want representatives to make on a
proposal: representatives doing the "recommended" vote will have their score
increased, others will have their score decreased. Some recommendations may be
more important than others, you can change the number of score points a
recommendation is worth by changing its "weight" (must be a positive integer).
In "Votes -> Recommendations -> Change" (url should be
``/admin/votes/recommendation/``), you can create, update or remove
recommendations.
Your change won't be visible on score as soon as you make it.
Data updates
============
Data updates daily:
- representatives details are updated daily,
- dossiers are synchronised daily,
- proposals are synchronised daily, when proposals are synchronised, they
become available to use in "Recommendations".
- votes and scores are synchronised daily for proposals which have a
"Recommendation",
This means that if a proposal arrives today in the database, you may add a
recommendation for it. The next day, votes will be imported and scores will be
updated as well.
memopol/settings.py supprimé 100644 → 0
Voir le fichier @ 1a72bc9a
"""
Django settings for memopol project.
For more information on this file, see
https://docs.djangoproject.com/en/1.7/topics/settings/
For the full list of settings and their values, see
https://docs.djangoproject.com/en/1.7/ref/settings/
"""
# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
import os
BASE_DIR = os.path.dirname(os.path.dirname(__file__))
# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/1.7/howto/deployment/checklist/
# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = 'zbzzs+8wkdnbo-l9x6+r38)$%h)!&22c^di$^6ap_+9oza#irr'
# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True
TEMPLATE_DEBUG = True
ALLOWED_HOSTS = []
# Application definition
INSTALLED_APPS = (
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
# ---
'compressor',
'chronograph',
# ---
'core',
'representatives',
'memopol_representatives',
)
# App settings
REPRESENTATIVES_COMPOTISTA_SERVER = 'http://pi2.octopuce.fr:8081'
MIDDLEWARE_CLASSES = (
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.common.CommonMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.auth.middleware.SessionAuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
)
ROOT_URLCONF = 'memopol.urls'
WSGI_APPLICATION = 'memopol.wsgi.application'
# Database
# https://docs.djangoproject.com/en/1.7/ref/settings/#databases
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.sqlite3',
'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
}
}
# Internationalization
# https://docs.djangoproject.com/en/1.7/topics/i18n/
LANGUAGE_CODE = 'en-us'
TIME_ZONE = 'UTC'
USE_I18N = True
USE_L10N = True
USE_TZ = True
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.7/howto/static-files/
STATIC_URL = '/static/'
# HAML Templates
# https://github.com/jessemiller/hamlpy
TEMPLATE_DIRS = (
'core/templates',
)
TEMPLATE_LOADERS = (
'django.template.loaders.filesystem.Loader',
'django.template.loaders.app_directories.Loader',
'hamlpy.template.loaders.HamlPyFilesystemLoader',
'hamlpy.template.loaders.HamlPyAppDirectoriesLoader',
)
"""
TEMPLATE_LOADERS = (
('django.template.loaders.cached.Loader', (
'hamlpy.template.loaders.HamlPyFilesystemLoader',
'hamlpy.template.loaders.HamlPyAppDirectoriesLoader',
)),
)
"""
# Static files finders
STATIC_URL = '/static/'
COMPRESS_ROOT = 'static/'
STATICFILES_FINDERS = (
'django.contrib.staticfiles.finders.FileSystemFinder',
'django.contrib.staticfiles.finders.AppDirectoriesFinder',
# other finders..
'compressor.finders.CompressorFinder',
)
COMPRESS_PRECOMPILERS = (
# ('text/coffeescript', 'coffee --compile --stdio'),
('text/less', 'lessc {infile} {outfile}'),
('text/x-sass', 'sass {infile} {outfile}'),
('text/x-scss', 'sass --scss {infile} {outfile}'),
# ('text/stylus', 'stylus < {infile} > {outfile}'),
# ('text/foobar', 'path.to.MyPrecompilerFilter'),
)
memopol/urls.py supprimé 100644 → 0
Voir le fichier @ 1a72bc9a
from django.conf.urls import patterns, include, url
from django.contrib import admin
import core.views
urlpatterns = patterns('',
# Examples:
# url(r'^$', 'memopol.views.home', name='home'),
url(r'^representatives/', include('memopol_representatives.urls', namespace='representatives')),
url(r'^$', core.views.HomeView.as_view(), name='index'),
url(r'^admin/', include(admin.site.urls)),
)
memopol/utils.py supprimé 100644 → 0
Voir le fichier @ 1a72bc9a
import sys
def progress_bar(n, total):
progress = float(n) / total
sys.stdout.write("\r[{0:30s}] ({1}/{2}) {3}%".format('#' * int(progress * 30), n, total, int(progress * 100)))
memopol_representatives/admin.py supprimé 100644 → 0
Voir le fichier @ 1a72bc9a
from django.contrib import admin
import representatives.models as models
from memopol_representatives.models import MemopolRepresentative
class EmailInline(admin.TabularInline):
model = models.Email
extra = 0
class WebsiteInline(admin.TabularInline):
model = models.WebSite
extra = 0
class AdressInline(admin.StackedInline):
model = models.Address
extra = 0
class PhoneInline(admin.TabularInline):
model = models.Phone
extra = 0
class MandateInline(admin.StackedInline):
model = models.Mandate
extra = 0
class RepresentativeAdmin(admin.ModelAdmin):
list_display = ('full_name', 'gender', 'birth_place')
search_fields = ('first_name', 'last_name', 'birth_place')
list_filter = ('gender', )
inlines = [
PhoneInline,
EmailInline,
WebsiteInline,
AdressInline,
MandateInline
]
class MandateAdmin(admin.ModelAdmin):
list_display = ('kind', 'name', 'constituency', 'representative')
search_fields = ('kind', 'name')
list_filter = ('kind',)
admin.site.register(MemopolRepresentative, RepresentativeAdmin)
admin.site.register(models.Country)
admin.site.register(models.Mandate, MandateAdmin)
memopol_representatives/management/commands/update_representatives.py supprimé 100644 → 0
Voir le fichier @ 1a72bc9a
from django.core.management.base import BaseCommand
from django.db import transaction
from memopol.utils import progress_bar
from representatives.models import Representative
from memopol_representatives.models import MemopolRepresentative
class Command(BaseCommand):
@transaction.atomic
def handle(self, *args, **options):
n = Representative.objects.all().count()
for i, representative in enumerate(Representative.objects.all()):
memopol_representative = MemopolRepresentative(representative_ptr=representative)
memopol_representative.__dict__.update(representative.__dict__)
# Auto set active flag of the memopol representative
memopol_representative.update_active()
progress_bar(i, n)
memopol_representatives/migrations/0001_initial.py supprimé 100644 → 0
Voir le fichier @ 1a72bc9a
# -*- coding: utf-8 -*-
from __future__ import unicode_literals
from django.db import models, migrations
class Migration(migrations.Migration):
dependencies = [
('representatives', '0001_initial'),
]
operations = [
migrations.CreateModel(
name='MemopolRepresentative',
fields=[
('representative_ptr', models.OneToOneField(parent_link=True, auto_created=True, primary_key=True, serialize=False, to='representatives.Representative')),
('active', models.BooleanField(default=False)),
],
options={
},
bases=('representatives.representative',),
),
]
memopol_representatives/models.py supprimé 100644 → 0
Voir le fichier @ 1a72bc9a
from django.db import models
from representatives.models import Representative
class MemopolRepresentative(Representative):
active = models.BooleanField(default=False)
def update_active(self):
if self.mandate_set.filter(end_date="9999-12-31"):
self.active = True
else:
self.active = False
self.save()
memopol_representatives/templates/memopol_representatives/list.haml supprimé 100644 → 0
Voir le fichier @ 1a72bc9a
- extends "base.html"
- block content
.row
.large-8.columns
- for representative in memopolrepresentative_list
%p
= representative.full_name
- for email in representative.email_set.all
%p
= email.email
.large-4.columns
%p
hello
memopol_representatives/tests.py supprimé 100644 → 0
Voir le fichier @ 1a72bc9a
from django.test import TestCase
# Create your tests here.
memopol_representatives/urls.py supprimé 100644 → 0
Voir le fichier @ 1a72bc9a
from django.conf.urls import patterns, include, url
from memopol_representatives import views
urlpatterns = patterns('',
url(r'^$', views.IndexView.as_view(), name='index'),
)
memopol_representatives/views.py supprimé 100644 → 0
Voir le fichier @ 1a72bc9a
# from django.shortcuts import render
from django.views import generic
from memopol_representatives.models import MemopolRepresentative
class IndexView(generic.ListView):
template_name = 'memopol_representatives/list.html'
def get_queryset(self):
return MemopolRepresentative.objects.all()
pytest.ini 0 → 100644
Voir le fichier @ 81c7c918
[pytest]
DJANGO_SETTINGS_MODULE=memopol.settings
addopts = --cov-config .coveragerc --cov=src --create-db
reference/design-v3/MEP-mandates.html 0 → 100644
Voir le fichier @ 81c7c918
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<!--div class="row custom-header">
<div class="col-sm-5">
<h1>[LOGO] Memopol</h1>
</div>
<div class="col-sm-7">
<p class="lead">What is Memopol ?</p>
<p>Memopol is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online. </p>
<p class="text-right custom-plus"><a class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span></a></p>
</div>
</div-->
<div class="row">
<div class="col-xs-12">
<!---------------------------------------------------------
NAV TAB
---------------------------------------------------------->
<ul class="nav nav-tabs nav-justified">
<li role="presentation"><a href="MEP-votes.html"><h3>Votes</h3></a></li>
<li role="presentation" class="active"><a href="MEP-mandates.html"><h3>Mandates</h3></a></li>
<li role="presentation"><a href="MEP-positions.html"><h3>Public positions</h3></a></li>
</ul>
<!---------------------------------------------------------
FIN DE LA NAV TAB
---------------------------------------------------------->
<br/>
<div class="row">
<div class="col-sm-6 col-md-4">
<!---------------------------------------------------------
MANDAT IMPORTANT
---------------------------------------------------------->
<div class="thumbnail">
<div class="caption">
<h3 class="text-center">Committee on Civil Liberties, Justice and Home Affairs</h3>
<hr>
<p class="lead text-center">Vice-Chair since July 7, 2014</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT IMPORTANT
---------------------------------------------------------->
<!---------------------------------------------------------
MANDAT PEU IMPORTANT
---------------------------------------------------------->
<div class="thumbnail">
<div class="caption">
<h5 class="text-center">Committee on an other topic that is not so interesting</h5>
<hr>
<p class="text-center">Member since July 7, 2014</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT PEU IMPORTANT
---------------------------------------------------------->
<!---------------------------------------------------------
MANDAT TERMINÉ
---------------------------------------------------------->
<div class="thumbnail mandat-fini">
<div class="caption">
<h5 class="text-center">Committee on an other topic that is not relevant anymore</h5>
<hr>
<p class="text-center">Member from July 7, 2014 to August 16, 2015</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT TERMINÉ
---------------------------------------------------------->
</div>
<div class="col-sm-6 col-md-4">
<!---------------------------------------------------------
MANDAT IMPORTANT
---------------------------------------------------------->
<div class="thumbnail">
<div class="caption">
<h3 class="text-center">Committee on Civil Liberties, Justice and Home Affairs</h3>
<hr>
<p class="lead text-center">Vice-Chair since July 7, 2014</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT IMPORTANT
---------------------------------------------------------->
<!---------------------------------------------------------
MANDAT TERMINÉ
---------------------------------------------------------->
<div class="thumbnail mandat-fini">
<div class="caption">
<h5 class="text-center">Committee on an other topic that is not relevant anymore</h5>
<hr>
<p class="text-center">Member from July 7, 2014 to August 16, 2015</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT TERMINÉ
---------------------------------------------------------->
</div>
<div class="col-sm-6 col-md-4">
<!---------------------------------------------------------
MANDAT PEU IMPORTANT
---------------------------------------------------------->
<div class="thumbnail">
<div class="caption">
<h5 class="text-center">Committee on an other topic that is not so interesting</h5>
<hr>
<p class="text-center">Member since July 7, 2014</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT PEU IMPORTANT
---------------------------------------------------------->
<!---------------------------------------------------------
MANDAT PEU IMPORTANT
---------------------------------------------------------->
<div class="thumbnail">
<div class="caption">
<h5 class="text-center">Committee on an other topic that is not so interesting</h5>
<hr>
<p class="text-center">Member since July 7, 2014</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT PEU IMPORTANT
---------------------------------------------------------->
<!---------------------------------------------------------
MANDAT TERMINÉ
---------------------------------------------------------->
<div class="thumbnail mandat-fini">
<div class="caption">
<h5 class="text-center">Committee on an other topic that is not relevant anymore</h5>
<hr>
<p class="text-center">Member from July 7, 2014 to August 16, 2015</p>
</div>
</div>
<!---------------------------------------------------------
FIN DU MANDAT TERMINÉ
---------------------------------------------------------->
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>
reference/design-v3/MEP-positions.html 0 → 100644
Voir le fichier @ 81c7c918
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<!--div class="row custom-header">
<div class="col-sm-5">
<h1>[LOGO] Memopol</h1>
</div>
<div class="col-sm-7">
<p class="lead">What is Memopol ?</p>
<p>Memopol is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online. </p>
<p class="text-right custom-plus"><a class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span></a></p>
</div>
</div-->
<div class="row">
<div class="col-xs-12">
<!---------------------------------------------------------
NAV TAB
---------------------------------------------------------->
<ul class="nav nav-tabs nav-justified">
<li role="presentation"><a href="MEP-votes.html"><h3>Votes</h3></a></li>
<li role="presentation"><a href="MEP-mandates.html"><h3>Mandates</h3></a></li>
<li role="presentation" class="active"><a href="MEP-positions.html"><h3>Public positions</h3></a></li>
</ul>
<!---------------------------------------------------------
FIN DE LA NAV TAB
---------------------------------------------------------->
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>
reference/design-v3/MEP-vide.html 0 → 100644
Voir le fichier @ 81c7c918
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<!---------------------------------------------------------
NAV TAB
---------------------------------------------------------->
<ul class="nav nav-tabs nav-justified">
<li role="presentation"><a href="MEP-votes.html"><h3>Votes</h3></a></li>
<li role="presentation"><a href="MEP-mandates.html"><h3>Mandates</h3></a></li>
<li role="presentation"><a href="MEP-positions.html"><h3>Public positions</h3></a></li>
</ul>
<!---------------------------------------------------------
FIN DE LA NAV TAB
---------------------------------------------------------->
<p class="text-center"><br><br>Select a category to display the data.</p>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>
reference/design-v3/MEP-votes.html 0 → 100644
Voir le fichier @ 81c7c918
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<!--div class="row custom-header">
<div class="col-sm-5">
<h1>[LOGO] Memopol</h1>
</div>
<div class="col-sm-7">
<p class="lead">What is Memopol ?</p>
<p>Memopol is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online. </p>
<p class="text-right custom-plus"><a class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span></a></p>
</div>
</div-->
<div class="row">
<div class="col-xs-12">
<!---------------------------------------------------------
NAV TAB
---------------------------------------------------------->
<ul class="nav nav-tabs nav-justified">
<li role="presentation" class="active"><a href="MEP-votes.html"><h3>Votes</h3></a></li>
<li role="presentation"><a href="MEP-mandates.html"><h3>Mandates</h3></a></li>
<li role="presentation"><a href="MEP-positions.html"><h3>Public positions</h3></a></li>
</ul>
<!---------------------------------------------------------
FIN DE LA NAV TAB
---------------------------------------------------------->
<!---------------------------------------------------------
DOSSIERS
---------------------------------------------------------->
<p>Un peu de blabla ? Lorem ipsum...</p>
<div class="panel-group" id="accordion-Dossiers" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="Dossiers-headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion-Dossiers" href="#Dossiers-detailsOne" aria-expanded="false" aria-controls="Dossiers-detailsOne">
ACTA - Anti-Counterfeiting Trade Agreement
</a>
</h4>
</div>
<div id="Dossiers-detailsOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="Dossiers-headingOne">
<div class="panel-body">
<p>Lorem ipsum, un peu ce contexte...</p>
<a class="btn btn-default">En savoir plus &raquo;</a>
<br/><br/>
<table class="table table-striped table-hover text-center">
<thead>
<tr>
<th class="text-center">Vote name</th>
<th class="text-center">MEP's vote</th>
<th class="text-center">Party's vote</th>
<th class="text-center">Lqdn's recommendation</th>
<th class="text-center">Result</th>
<th class="text-center">Points</th>
</tr>
</thead>
<tbody>
<tr>
<th>Vote machin</th>
<td><span class="glyphicon glyphicon-ok text-success" title="recommendation: for"></span></td>
<td><span class="glyphicon glyphicon-ok text-success" title="recommendation: for"></span></td>
<td><span class="glyphicon glyphicon-ok" title="recommendation: for"></span></td>
<td>Accepted</td>
<td>10 <a data-toggle="tooltip" data-placement="top" title="Vote suivant notre recommendation sur un amendement."><span class="glyphicon glyphicon-info-sign"></span></a></td>
</tr>
<tr>
<th>Vote truc</th>
<td><span class="glyphicon glyphicon-remove text-danger"></td>
<td><span class="glyphicon glyphicon-remove text-danger"></td>
<td><span class="glyphicon glyphicon-ok" title="recommendation: for"></span></td>
<td>Rejected</td>
<td>-10</td>
</tr>
<tr>
<th>Vote chose</th>
<td><span class="glyphicon glyphicon-remove text-success"></span></td>
<td><span class="glyphicon glyphicon-ok text-danger"></span></td>
<td><span class="glyphicon glyphicon-remove" title="recommendation: against"></span></td>
<td>Accepted</td>
<td>20 <a data-toggle="tooltip" data-placement="top" title="Vote contre le groupe et suivant notre recommendation sur un amendement."><span class="glyphicon glyphicon-info-sign"></span></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="Dossiers-headingTwo">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion-Dossiers" href="#Dossiers-detailsTwo" aria-expanded="false" aria-controls="Dossiers-detailsTwo">
Personnal Data Protection
</a>
</h4>
</div>
<div id="Dossiers-detailsTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="Dossiers-headingTwo">
<div class="panel-body">
<p>Lorem ipsum, un peu ce contexte...</p>
<a class="btn btn-default">En savoir plus &raquo;</a>
<br/><br/>
<table class="table table-striped table-hover text-center">
<thead>
<tr>
<th class="text-center">Vote name</th>
<th class="text-center">MEP's vote</th>
<th class="text-center">Party's vote</th>
<th class="text-center">Lqdn's recommendation</th>
<th class="text-center">Points <a data-toggle="tooltip" data-placement="top" title="Le score est une somme de points attribués suivant si le MEP vote dans notre sens (positif) ou non (négatif) multiplié par le poids (importance) de ce vote."><span class="glyphicon glyphicon-info-sign"></span></a></th>
</tr>
</thead>
<tbody>
<tr>
<th>Vote machin</th>
<td><span class="glyphicon glyphicon-ok text-success" title="recommendation: for"></span></td>
<td><span class="glyphicon glyphicon-ok text-success" title="recommendation: for"></span></td>
<td><span class="glyphicon glyphicon-ok" title="recommendation: for"></span></td>
<td>20</td>
</tr>
<tr>
<th>Vote truc</th>
<td><span class="glyphicon glyphicon-remove text-danger"></td>
<td><span class="glyphicon glyphicon-remove text-danger"></td>
<td><span class="glyphicon glyphicon-ok" title="recommendation: for"></span></td>
<td>10</td>
</tr>
<tr>
<th>Vote chose</th>
<td><span class="glyphicon glyphicon-remove text-success"></span></td>
<td><span class="glyphicon glyphicon-ok text-danger"></span></td>
<td><span class="glyphicon glyphicon-remove" title="recommendation: against"></span></td>
<td>15</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!---------------------------------------------------------
FIN DES DOSSIERS
---------------------------------------------------------->
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>
reference/design-v3/MEP.html 0 → 100644
Voir le fichier @ 81c7c918
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<!--div class="row custom-header">
<div class="col-sm-5">
<h1>[LOGO] Memopol</h1>
</div>
<div class="col-sm-7">
<p class="lead">What is Memopol ?</p>
<p>Memopol is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online. </p>
<p class="text-right custom-plus"><a class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span></a></p>
</div>
</div-->
<div class="row">
<!---------------------------------------------------------
VOLET DE NAVIGATION
---------------------------------------------------------->
<div class="col-sm-3 custom-nav">
</div>
<!---------------------------------------------------------
FIN DU VOLET DE NAVIGATION
---------------------------------------------------------->
<div class="col-sm-9 col-sm-offset-3">
<!---------------------------------------------------------
CARTE D'IDENTITÉ DU MEP
---------------------------------------------------------->
<div class="row">
<div class="col-sm-3">
<img src="img/jp-albrecht.jpg">
</div>
<div class="col-sm-9">
<h1 class="text-center">
Jan Philipp ALBRECHT
<br>
<span class="glyphicon glyphicon-education small" data-toggle="tooltip" data-placement="bottom" title="Golden medal on ACTA" style="color:gold;"></span>
<span class="glyphicon glyphicon-education small" data-toggle="tooltip" data-placement="bottom" title="Silver medal on Net Neutrality" style="color:silver;"></span>
<span class="glyphicon glyphicon-thumbs-down small" data-toggle="tooltip" data-placement="bottom" title="Booh on whatever other theme we are monitoring" style="color:maroon;"></span>
</h1>
<div class="col-sm-9">
<dl class="dl-horizontal">
<dt>Score</dt>
<dd>
<span class="badge" >120</span>&nbsp;&nbsp;
<span class="glyphicon glyphicon-upload text-success"></span>
</dd>
<dt>Country</dt><dd><span class="glyphicon glyphicon-flag"></span> Germany</dd>
<dt>Party</dt><dd>Member of Group of the Greens/European Free Alliance</dd>
<dt>Biography</dt><dd>Born in Braunschweig the Dec. 20, 1982 (M)</dd>
<dt>More infos</dt><dd><a><span class="label label-primary"><span class="glyphicon glyphicon-grain"></span> Facebook</span></a> <a><span class="label label-primary"><span class="glyphicon glyphicon-plane"></span> Twitter</span></a> <a><span class="label label-primary"><span class="glyphicon glyphicon-tree-conifer"></span> Parliement</span></a></dd>
</dl>
</div>
<!--div class="col-sm-3 text-center">
<p>
There are ungoing &pi;Phone campaigns, call this MEP for free to help La Quadrature!
</p>
<a class="btn btn-large btn-default"><span class="glyphicon glyphicon-plus"></span> info</a>
</div-->
<div class="col-sm-3 text-center">
<p>
There is an ungoing &pi;Phone campaign, call this MEP for free to help La Quadrature!</p>
<div class="btn-group" role="group">
<button class="btn btn-large btn-primary" data-toggle="tooltip" data-placement="bottom" title="Call this MEP with the &pi;Phone"><span class="glyphicon glyphicon-phone-alt"></span></button>
<a class="btn btn-large btn-default"><span class="glyphicon glyphicon-plus"></span> info</a>
</div>
</div>
</div>
</div>
<!---------------------------------------------------------
FIN DE LA CARTE D'IDENTITÉ DU MEP
---------------------------------------------------------->
<br/>
Only display theme:
<div class="dropdown" style="display:inline-block;">
<button class="btn btn-default dropdown-toggle" type="button" id="orderby" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
All
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="orderby">
<li><a href="#">All <span class="badge pull-right">120</span></a></li>
<li><a href="#">ACTA <span class="badge pull-right">40</span></a></li>
<li><a href="#">Net Neutrality <span class="badge pull-right">20</span></a></li>
<li><a href="#">Autre bidule <span class="badge pull-right">60</span></a></li>
</ul>
</div>
<iframe seamless src="MEP-vide.html"></iframe>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>