Merge branch 'add/projects-page' into development

lib/boot/boot.js

@@ -46,6 +46,7 @@ require('homepage');
 require('proposal');
 require('law');
 require('about');
+require('projects');
 require('signin');
 require('signup');
 require('forgot');

lib/boot/component.json

@@ -17,6 +17,7 @@
     "proposal",
     "law",
     "about",
+    "projects",
     "signin",
     "signup",
     "forgot",

lib/boot/index.js

@@ -89,6 +89,12 @@ app.use('/forgot', require('lib/forgot-api'));
 
 app.use('/about', require('lib/about'));
 
+/*
+ * Projects page explanatory
+ */
+
+app.use('/projects', require('lib/about'));
+
 /*
  * Stats routes
  */

lib/header/template.jade

@@ -19,8 +19,10 @@
       span= t('header.signup')
     a(href='/about').login.pull-left
       span.hiw= t('header.about')
+    a(href='/projects').login.pull-left
+      span.hiw= t('header.projects')
 
-    a.login.pull-left(href=config['organization url'], target='_blank')
-      span= config['organization name']
+    //- a.login.pull-left(href=config['organization url'], target='_blank')
+    //-   span= config['organization name']
     //- a.login.pull-left(href='#', id='feedback')
     //-   span= t('header.feedback')

lib/projects/component.json

@@ -0,0 +1,17 @@
+{
+  "name": "projects",
+  "description": "projects page",
+  "dependencies": {
+    "component/bus": "^0.0.2",
+    "component/dom": "0.7.1",
+    "visionmedia/page.js": "1.3.7"
+  },
+  "locals": [
+    "laws",
+    "view"
+  ],
+  "scripts": [ "projects.js", "view.js" ],
+  "styles": [ "styles.styl" ],
+  "templates": [ "template.jade" ],
+  "main": "projects.js"
+}

lib/projects/index.js

@@ -0,0 +1,8 @@
+/**
+ * Module dependencies.
+ */
+
+var express = require('express');
+var app = module.exports = express();
+
+app.get('/', require('lib/layout'));

lib/projects/projects.js

@@ -0,0 +1,18 @@
+/**
+ * Module dependencies.
+ */
+
+var Projects = require('./view');
+var bus = require('bus');
+var o = require('dom');
+var page = require('page');
+var laws = require('laws');
+
+page('/projects', laws.middleware, function(ctx, next) {
+  bus.emit('page:render');
+
+  var projects = new Projects(laws.get());
+  projects.replace('#content');
+
+  o(document.body).addClass('projects');
+});

lib/projects/styles.styl

@@ -0,0 +1,9 @@
+#projects
+  margin 30px auto
+
+  ul.projects-container
+    padding 0
+    list-style none
+
+    li
+      margin-bottom 6px

lib/projects/template.jade

@@ -0,0 +1,8 @@
+#projects.inner-container
+  h1=t('projects.title.1')
+  p=t('projects.paragraph.1.1')
+  p!=t('projects.paragraph.1.2')
+  h2=t('projects.title.2')
+  ul.projects-container
+    - each project in projects
+      li.project: a(href='/law/#{project.id}')=project.mediaTitle

lib/projects/view.js

@@ -0,0 +1,22 @@
+/**
+ * Module dependencies.
+ */
+
+var template = require('./template');
+var View = require('view');
+
+function Projects(projects) {
+  if (!(this instanceof Projects)) {
+    return new Projects();
+  }
+
+  View.call(this, template, { projects: projects });
+}
+
+View(Projects);
+
+/**
+ * Expose Projects
+ */
+
+module.exports = Projects;

lib/translations/lib/es.json

@@ -14,6 +14,7 @@
   "header.settings": "Configuración",
   "header.feedback": "Sugerencias",
   "header.about": "¿Qué es DEMOS?",
+  "header.projects": "Los proyectos",
 
   "how it works.title": "¿Cómo funciona?",
   "how it works.tell-more": "Contame más",
@@ -364,5 +365,10 @@
   "about.title.2": "Fechas y resultados",
   "about.paragraph.2.1": "Los 20 proyectos fueron distribuidos proporcionalmente de acuerdo al número de diputados de los distintos bloques parlamentarios, con un mínimo de 1 proyecto",
   "about.title.3": "¿Qué es DemocracyOS?",
-  "about.paragraph.3.1": "<strong>DemocracyOS</strong> es una plataforma online para la información, deliberación y votación de propuestas en la que se busca estimular los mejores argumentos para arribar a mejores decisiones, de forma colectiva. <strong>DemocracyOS</strong> se adapta a las necesidades de cualquier organización que necesite difundir, discutir y decidir soluciones para problemas complejos. <strong>DemocracyOS</strong> es de código abierto y puede ser utilizado, modificado y redistribuído libremente."
+  "about.paragraph.3.1": "<strong>DemocracyOS</strong> es una plataforma online para la información, deliberación y votación de propuestas en la que se busca estimular los mejores argumentos para arribar a mejores decisiones, de forma colectiva. <strong>DemocracyOS</strong> se adapta a las necesidades de cualquier organización que necesite difundir, discutir y decidir soluciones para problemas complejos. <strong>DemocracyOS</strong> es de código abierto y puede ser utilizado, modificado y redistribuído libremente.",
+
+  "projects.title.1": "¿Cómo se eligieron los proyectos?",
+  "projects.paragraph.1.1": "Los 20 proyectos fueron distribuidos proporcionalmente de acuerdo al número de diputados de los distintos bloques parlamentarios, con un mínimo de 1 proyecto por bloque. Por eso, todos los bloques están representados pero aquellos que tienen una representación mayor cuentan con más cantidad de proyectos.",
+  "projects.paragraph.1.2": "Dentro de cada bloque, los proyectos fueron nominados por su Presidencia.",
+  "projects.title.2": "¿Cuáles son todos los proyectos?"
 }