[refactor] refactored profile

public/css/bootstrap.css

@@ -3469,7 +3469,8 @@ a.badge:hover {
 }
 
 .label-important,
-.badge-important {
+.badge-important,
+.label-rejected {
   background-color: #b94a48;
 }
 
@@ -3489,7 +3490,8 @@ a.badge:hover {
 }
 
 .label-success,
-.badge-success {
+.badge-success,
+.label-approved {
   background-color: #468847;
 }
 

server/routes/article_request.js

@@ -1,6 +1,6 @@
 var bubble = require('bubble');
 
-module.exports = function(options) {
+module.exports = function(options, articleRequest) {
 
   return {
 
@@ -9,7 +9,7 @@ module.exports = function(options) {
         var self = this;
         var res = this.res;
 
-        var b = bubble(function(err) {
+        var b = bubble(function(err, markup) {
           if (err) {
             console.error(err);
             res.writeHead(500);
@@ -24,7 +24,7 @@ module.exports = function(options) {
           };
 
           res.writeHead(200, {'Content-Type': 'text/html'});
-          res.end(templates('/article/preview.html').call(self, article));
+          res.end(options.templates('/article/preview.html').call(self, article));
 
         });
 

server/routes/profile.js

@@ -16,10 +16,10 @@ module.exports = function(options) {
           return res.end(err.stack);
         }
         res.writeHead(200, {'Content-Type': 'text/html'});
-        res.end(options.templates('/profile/index.html').call(self, articleRequests));
+        res.end(options.templates('/profile.html').call(self, articleRequests));
       });
     }),
 
-    '/article-requests': require('./article_request')(options)
+    '/article-requests': require('./article_request')(options, articleRequest)
   };
 };

server/templates/profile.html

@@ -0,0 +1,22 @@
+<div class="row-fluid content">
+
+  <div class="span8 article-status" role="main">
+    <article>
+      <h1>Your article submissions</h1>
+      <ul class="unstyled" id="article-requests">
+
+        <li class="article-request"><a href="#" class="article-request-link">› Nam luctus aliquam tincidunt. Maecenas at nisi purus, nec posuere diam. </a>
+        <span class="label">Approved</span>
+        </li>
+
+      </ul>
+
+    </article>
+  </div>
+  <!-- /.span8 -->      
+
+  <div class="span4" role="complementary">
+  </div>
+  <!-- /.span4 -->
+
+</div>

server/templates/profile.js

@@ -0,0 +1,29 @@
+module.exports = function(html, templates, conf, bind, Map, content) {
+
+  var map = Map();
+  map.className('article-request').to('article-request');
+  map.className('article-request-link').to('title');
+  map.className('article-request-link').use('url').as('href');
+  map.className('label').use('class').as('class');
+  map.className('label').to('state');
+
+  return function(articleRequests) {
+
+    var data = {
+      'article-request': articleRequests.length ? articleRequests.map(function(articleRequest) {
+        return {
+          'url':   '/profile/article-requests/' + encodeURIComponent(articleRequest._id),
+          'title': '› ' + articleRequest.title,
+          'state': articleRequest.state,
+          'class': 'label label-' + articleRequest.state
+        };
+
+      }) : 'You have none.'
+    };
+
+    return templates('/layout.html').call(this, {
+      main: bind(html, data, map),
+      title: 'Profile - Article Requests'
+    });
+  };
+};