fixes

loicknuchel · Mar 24, 2012 · 5bcf00f · 5bcf00f
1 parent 29f1982
commit 5bcf00f
Show file tree

Hide file tree

Showing 8 changed files with 254 additions and 8 deletions.
diff --git a/server/dcz.rb b/server/dcz.rb
@@ -12,6 +12,11 @@ module Dcz
 
     debug: true,
 
+    path: {
+      root: root,
+      tpl: File.join(root,"tpl"),
+    },
+
     redis: {
       path: "/tmp/redis.sock",
     },

diff --git a/server/dcz/api/out.rb b/server/dcz/api/out.rb
@@ -7,7 +7,7 @@ module Dcz class Api
   end
 
   get("/:vid/results/?") do |vid|
-    jsonp(Vote.get_by_voxe_id(vid)results_info)
+    jsonp(Vote.get_by_voxe_id(vid).results_info)
   end
 
 end end
diff --git a/server/dcz/www/pages.rb b/server/dcz/www/pages.rb
@@ -1,13 +1,13 @@
 module Dcz class Www
 
-  get("/info/?") do |x|
+  get("/info/?") do
     render(:info)
   end
 
-  get("/results/?") do |x|
+  get("/results/?") do
     r = ""
-    vote_p2012.results_info.each do |rs|
-      maxPc = rs[:results].map{|x| x.score}.max
+    vote_p2012.results_info[:results].each do |rs|
+      maxPc = rs[:results].map{|x| x[:score]}.max
       r += <<-EOD
              <div class="scrutin" id="#{rs[:electionId]}">
              <div class="name"><img src="img/info32.png" class="infoscrutin"/>#{rs[:electionType]}</div>
@@ -30,7 +30,7 @@ module Dcz class Www
     render(:results,{results: r})
   end
 
-  get("/first_turn/?") do |x|
+  get("/first_turn/?") do
     r = ""
     k = 0
     cd_info.each do |cd|
@@ -56,7 +56,7 @@ module Dcz class Www
     render(:first_turn,{candidates: r})
   end
 
-  get("/order_candidates/?") do |x|
+  get("/order_candidates/?") do
     r = ""
     cd_info.each do |cd|
       r += <<-EOD
@@ -67,7 +67,6 @@ module Dcz class Www
              </li>
            EOD
     end
-    vote_p2012.candidates.each.map_m(:info) do |cd|
     render(:order_candidates,{candidates: r})
   end
 

diff --git a/server/tpl/first_turn.mustache b/server/tpl/first_turn.mustache
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta property="og:title" content="Democrazy"/>
+    <meta property="og:type" content="article"/>
+    <meta property="og:image" content="http://democrazy.fr/img/logo1024.png"/>
+    <meta property="og:url" content="http://democrazy.fr"/>
+    <meta property="og:site_name" content="democrazy">
+
+    <link rel="icon" type="image/png" href="favicon.png">
+  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
+
+  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+  <title>democrazy</title>
+
+  <!-- add font from google -->
+  <link href='http://fonts.googleapis.com/css?family=Cutive&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
+
+  <link rel="stylesheet" href="./css/style.css">
+  <script data-main="js/boot.js" src="js/require.js"></script>
+</head>
+<body>
+  <div id="page1" class="page" align="center" style="margin: auto; position:relative">
+    <div class="startBlock">premier_tour</div>
+    <div class="actions">
+      <a href="/" title="se déconnecter" alt="se déconnecter"  class="logout"></a>
+      <span class="customtitle">Scrutin à un tour</a>
+    </div>
+    <div class="title customtitle">
+      Pour quel candidat voteriez vous au premier tour ?
+    </div>
+    <div class="candidats" align="center">
+      {{{candidates}}}
+    </div>
+
+      <div class="send">
+        <input type="submit" value="Envoyer" class="ui-button ui-widget ui-state-default ui-corner-all" />
+      </div>
+    <div class="footer" ></div>
+  </div>
+</body>
+</html>
diff --git a/server/tpl/index.mustache b/server/tpl/index.mustache
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta property="og:title" content="Democrazy"/>
+    <meta property="og:type" content="article"/>
+    <meta property="og:image" content="http://democrazy.fr/img/logo1024.png"/>
+    <meta property="og:url" content="http://democrazy.fr"/>
+    <meta property="og:site_name" content="democrazy">
+
+    <link rel="icon" type="image/png" href="favicon.png">
+  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
+
+  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+  <title>democrazy</title>
+
+  <!-- add font from google -->
+  <link href='http://fonts.googleapis.com/css?family=Cutive&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
+
+  <link rel="stylesheet" href="./css/style.css">
+  <script data-main="js/boot.js" src="js/require.js"></script>
+</head>
+<body>
+  <div id="page0" class="page" align="center" style="margin: auto;">
+    <div class="startBlock">login</div>
+    <img class="bgimage" src="img/carteelecbg.jpg"/>
+    <div class="UserIdf">
+
+      <div class="acroche">Vous élisez,<br>les règles du jeu décident.</div>
+
+
+      <div>Pour voter, entrer votre mail<br><input class="rounded" type="text" name="mail" placeholder="Votre mail" /></div>
+      <div class="send" style="padding-bottom:10px;">
+        <input type="submit" value="Envoyer" class="ui-button ui-widget ui-state-default ui-corner-all" />
+      </div>
+      <div align="center" class="ptttxt">
+        <br>
+        <font class="titre">Democrazy est une expérimentation de différents modes de scrutins</font><br>
+          &bull; Scrutin à un tour &bull;<br>
+          &bull; Scrutin majoritaire à deux tours (système actuel) &bull;<br>
+          &bull; Scrutin par élimination &bull;<br>
+          &bull; Scrutin plurinominal majoritaire (dit de Borda) &bull;<br>
+          &bull; Méthode de Condorcet &bull;<br>
+
+      </div>
+
+      <p style="margin:0; line-height:20pt;">
+      <a  style="font-size:11pt; line-height:20pt; background-color:transparent;" href="info" target="info">en savoir plus...</a>
+      <br>
+      <a  style="line-height:20pt; font-size:11pt; background-color:transparent;" href="results" target="_self" >les résultats...</a>
+    </p>
+      <div class="logo">
+        <a href="first_turn"><img class="letter" src="img/letter.jpg" style="width: 70px; display: inline;" /></a>
+        <img class="urne" src="img/urne.png" style="width: 280px;" />
+      </div>
+      <div class="share">
+        <div class="fb-like facebook" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-href="https://www.facebook.com/Democrazy2012"></div><div id="fb-root" class="facebook"></div>
+        <div class="g-plusone" data-size="small"></div>
+        <a href="https://twitter.com/share" class="twitter-share-button" data-text="Je viens de voter sur" data-lang="fr" data-hashtags="voxe2012" data-url="http://democrazy.fr" data-via="democrazy2012" class="twitter">Tweeter</a>
+        <script type="text/javascript" src="https://apis.google.com/js/plusone.js">{lang: 'fr'}</script>
+        <script>(function(d,s,id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
+        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+      </div>
+    </div>
+
+  </div>
+</body>
+</html>
diff --git a/server/tpl/info.mustache b/server/tpl/info.mustache
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+    <meta property="og:title" content="Democrazy"/>
+      <meta property="og:type" content="article"/>
+      <meta property="og:image" content="http://democrazy.fr/img/logo1024.png"/>
+      <meta property="og:url" content="http://democrazy.fr"/>
+      <meta property="og:site_name" content="democrazy">
+
+      <link rel="icon" type="image/png" href="favicon.png">
+  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
+
+     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+  <title>democrazy</title>
+
+  <!-- add font from google -->
+  <link href='http://fonts.googleapis.com/css?family=Cutive&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
+
+  <link rel="stylesheet" href="./css/style.css">
+</head>
+<body>
+  <div id="boxinfocontainer2">
+    <div id="boxinfo2">
+    Democrazy 2012 est une application proposant de tester différents modes de scrutin à partir du même suffrage. L’objectif est ainsi de comparer les résultats du scrutin lorsque l’on change de système électoral.<br><br>
+Nous proposons de comparer cinq différents modes de scrutin suivants.<br><br>
+<b>Scrutin à un seul tour</b><br>
+Le candidat qui obtient le plus de voix dès le premier tour est élu.<br><br>
+<b>Scrutin majoritaire à deux tours</b><br>
+C’est le système actuel prévu par la constitution française : sauf majorité absolue, les deux meilleurs candidats au premier tour s’affrontent au second tour. Le candidat qui obtient le plus de suffrages est élu. Dans Democrazy, on demande aux internautes de désigner leur candidat de premier tour en tout premier lieu, afin de tester ce scénario sans influencer les électeurs dans l’expérimentation.<br><br>
+<b>Scrutin par élimination</b><br>
+Le candidat qui obtient le moins de suffrages est éliminé. Ses voix sont alors reportées sur d’autres candidats, selon la préférence des électeurs. Et ainsi de suite. En pratique, il n’y a pas besoin d’effectuer plusieurs tours. Ainsi, dans Democrazy, nous utilisons le classement effectué par chaque électeur pour désigner le vainqueur dans ce mode de scrutin.<br><br>
+<b>Scrutin par la méthode Borda</b><br>
+Les électeurs notent chaque candidat, par ordre de préférence. Le candidat favori obtient 10 points, le second empoche deux points et ainsi de suite. Le candidat qui obtient le plus de points au total est élu.<br><br>
+<a href="http://fr.wikipedia.org/wiki/M%C3%A9thode_Borda">http://fr.wikipedia.org/wiki/M%C3%A9thode_Borda<br></a><br>
+<b>Scrutin par la méthode de Condorcet</b><br>
+La méthode de Condorcet est un système de vote dans lequel l'unique vainqueur est celui qui, comparé tour à tour à tous les autres candidats, s'avérerait à chaque fois être le candidat préféré.<br><br>
+<a href="http://fr.wikipedia.org/wiki/M%C3%A9thode_Condorcet">http://fr.wikipedia.org/wiki/M%C3%A9thode_Condorcet</a><br><br>
+<b>Pourquoi cette application ?</b><br>
+Dans la lignée de cette vidéo :<br>
+<a href="http://www.youtube.com/watch?v=B2JvW8ma9Vc&feature=youtu.be">http://www.youtube.com/watch?v=B2JvW8ma9Vc&feature=youtu.be</a><br>
+L’objectif de cette application est de sensibiliser par l’expérience nos concitoyens sur le fait que du système électoral dépend en majeure partie le résultat du scrutin.<br>
+    </div>
+</div>
+</body>
+</html>
diff --git a/server/tpl/order_candidates.mustache b/server/tpl/order_candidates.mustache
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta property="og:title" content="Democrazy"/>
+    <meta property="og:type" content="article"/>
+    <meta property="og:image" content="http://democrazy.fr/img/logo1024.png"/>
+    <meta property="og:url" content="http://democrazy.fr"/>
+    <meta property="og:site_name" content="democrazy">
+
+    <link rel="icon" type="image/png" href="favicon.png">
+  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
+
+  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+  <title>democrazy</title>
+
+  <!-- add font from google -->
+  <link href='http://fonts.googleapis.com/css?family=Cutive&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
+
+  <link rel="stylesheet" href="./css/style.css">
+  <script data-main="js/boot.js" src="js/require.js"></script>
+</head>
+<body>
+  <div id="page2" class="page" align="center" style="margin: auto;">
+    <div class="startBlock">order_candidates</div>
+    <div class="actions">
+      <a href="/" title="se déconnecter" alt="se déconnecter"  class="logout"></a>
+      <span class="customtitle">Méthode de Condorcet</a>
+    </div>
+    <div class="content-description">
+      <p class="title customtitle">
+        Classer les candidats par ordre de préférence décroissant
+      </p>
+    </div>
+    <ul id="orderCandidates">
+      {{{candidates}}}
+    </ul>
+
+    <div class="send">
+      <input type="submit" value="Envoyer" class="ui-button ui-widget ui-state-default ui-corner-all" />
+    </div>
+
+    <div class="footer" ></div>
+  </div>
+</body>
+</html>
diff --git a/server/tpl/results.mustache b/server/tpl/results.mustache
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta property="og:title" content="Democrazy"/>
+    <meta property="og:type" content="article"/>
+    <meta property="og:image" content="http://democrazy.fr/img/logo1024.png"/>
+    <meta property="og:url" content="http://democrazy.fr"/>
+    <meta property="og:site_name" content="democrazy">
+
+    <link rel="icon" type="image/png" href="favicon.png">
+  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
+
+  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+  <title>democrazy</title>
+
+  <!-- add font from google -->
+  <link href='http://fonts.googleapis.com/css?family=Cutive&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
+
+  <link rel="stylesheet" href="./css/style.css">
+  <script data-main="js/boot.js" src="js/require.js"></script>
+</head>
+<body>
+  <div id="page3" class="page" align="center" style="margin: auto;">
+    <div class="startBlock">results</div>
+    <div class="actions">
+      <a href="/" title="accueil" alt="accueil"  class="logout"></a>
+      <span class="titlepage">Résultat</a>
+    </div>
+    <div class="container">
+      <span class="customtitle"></span>
+      <div class="result-container">
+        {{{results}}}
+      </div>
+    </div>
+    <div class="footer" ></div>
+  </div>
+</body>
+</html>