From f435a7563e7151f9170eb72d19542376035fe557 Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 14 Feb 2015 14:55:36 +0000
Subject: [PATCH 01/29] refactoring

---
 .../components/interviews/interview_router.js |  2 +-
 .../interviews/templates/block_item.html      |  2 +-
 .../templates/elementsContainer.html          |  2 +
 .../interviews/templates/interviewPage.html   | 31 +++++------
 .../interviews/templates/interviews.html      | 24 ---------
 .../interviews/templates/list_item.html       |  2 +-
 .../components/interviews/views/interview.js  |  1 -
 .../interviews/views/interview_list.js        | 28 +++++-----
 .../interviews/views/interview_page.js        | 54 ++++++++++++-------
 .../lib/components/reports/report_router.js   |  2 +-
 10 files changed, 66 insertions(+), 82 deletions(-)
 create mode 100644 seeVcam/static/lib/components/interviews/templates/elementsContainer.html
 delete mode 100644 seeVcam/static/lib/components/interviews/templates/interviews.html

diff --git a/seeVcam/static/lib/components/interviews/interview_router.js b/seeVcam/static/lib/components/interviews/interview_router.js
index 23c2eb34..a898fa22 100644
--- a/seeVcam/static/lib/components/interviews/interview_router.js
+++ b/seeVcam/static/lib/components/interviews/interview_router.js
@@ -48,7 +48,7 @@ define(function(require){
           var interviewsApp = new InterviewApp({
             interviews: window.cache.interviews.getInterviews(),
             activeClock: false,
-            interview : true
+            isInterview : true
           });
 
           Utils.safelyUpdateCurrentView(interviewsApp);
diff --git a/seeVcam/static/lib/components/interviews/templates/block_item.html b/seeVcam/static/lib/components/interviews/templates/block_item.html
index cb79d191..0070d100 100644
--- a/seeVcam/static/lib/components/interviews/templates/block_item.html
+++ b/seeVcam/static/lib/components/interviews/templates/block_item.html
@@ -1,4 +1,4 @@
-<div class="interview-item <%= classType %> ">
+<div class="interview-item  ">
 <% if ( isInterview ) { %>
     <span class="glyphicon glyphicon-remove delete-interview"> </span>
 <% } %>
diff --git a/seeVcam/static/lib/components/interviews/templates/elementsContainer.html b/seeVcam/static/lib/components/interviews/templates/elementsContainer.html
new file mode 100644
index 00000000..7f1b76a7
--- /dev/null
+++ b/seeVcam/static/lib/components/interviews/templates/elementsContainer.html
@@ -0,0 +1,2 @@
+<div class="elements-container <%= type %> <%= mode %>">
+</div>
\ No newline at end of file
diff --git a/seeVcam/static/lib/components/interviews/templates/interviewPage.html b/seeVcam/static/lib/components/interviews/templates/interviewPage.html
index c2db1283..0b66bf42 100644
--- a/seeVcam/static/lib/components/interviews/templates/interviewPage.html
+++ b/seeVcam/static/lib/components/interviews/templates/interviewPage.html
@@ -1,8 +1,8 @@
 <div class="row upper-bar" id="interviews-upper-bar">
-    <% if ( interview ) { %>
+    <% if ( isInterview ) { %>
     <div class="open-interview col-md-3" id="pending-interview"></div>
     <% } %>
-    <div id="searchbox-container" class="col-md-6 <% if(!interview) { %> col-md-offset-3 <% } %> ">
+    <div id="searchbox-container" class="col-md-6 <% if(!isInterview) { %> col-md-offset-3 <% } %> ">
         <div class="search-interview-form">
             <input name="search" type="text" class="form-control search-input" placeholder="Search">
                 <span class="search-icon"> <i class="glyphicon glyphicon-search"></i> </span>
@@ -12,28 +12,23 @@
         <div class="tab-icons">
             <a class="glyphicon glyphicon-th block active" href="javascript:void(0)"></a>
             <a class="glyphicon glyphicon-align-justify list" href="javascript:void(0)"></a>
-            <% if ( interview )  { %>
+            <% if ( isInterview )  { %>
             <a class="glyphicon glyphicon-calendar calendar" href="javascript:void(0)" ></a>
             <% } %>
         </div>
     </div>
 </div>
 
-<div class="row interviews-container">
+<div class="row main-content">
 
-    <% if ( interview )  { %>
-    <div class="col-md-3 upcoming-interviews">
-        <div class="interview-items">
-            <p class="no-interview shadow-text">No interview scheduled for today.</p>
-        </div>
-    </div>
-    <div id="interviews-view-container" class="col-md-9 interview-view-container">
-        Inner interview container
-    </div>
-    <% } else {  %>
-    <div class="reports-container row" >
-
-        Inner report container
-    </div>
+    <% if ( isInterview )  { %>
+      <div class="col-md-3 upcoming-interviews">
+          <div class="interview-items">
+              <p class="no-interview shadow-text">No interview scheduled for today.</p>
+          </div>
+      </div>
     <% } %>
+
+    <div class="inner-content"></div>
+
 </div>
diff --git a/seeVcam/static/lib/components/interviews/templates/interviews.html b/seeVcam/static/lib/components/interviews/templates/interviews.html
deleted file mode 100644
index 5d51774d..00000000
--- a/seeVcam/static/lib/components/interviews/templates/interviews.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<div class="row upper-bar" id="interviews-upper-bar">
-  <div id="pending-interview" class="col-md-3 open-interview"></div>
-  <div id="searchbox-container" class="col-md-6">
-    <div class="search-interview-form">
-      <input name="search" type="text" class="form-control search-input" placeholder="Search">
-      <span class="search-icon"> <i class="glyphicon glyphicon-search"></i> </span>
-    </div>
-  </div>
-  <div class="col-md-2 interview-view-type">
-    <div class="tab-icons">
-      <a class="glyphicon glyphicon-th block active" href="#interview-grid"></a>
-      <a class="glyphicon glyphicon-align-justify list" href="#interview-list"></a>
-      <a class="glyphicon glyphicon-calendar calendar" href="#interview-calendar"></a>
-    </div>
-  </div>
-</div>
-<div class="row interviews-container">
-  <div class="col-md-3 upcoming-interviews" id="upcoming-interviews">
-    <div class="interview-items">
-      <p class="no-interview shadow-text">No interview scheduled for today.</p>
-    </div>
-  </div>
-  <div id="interviews-view-container" class="col-md-8 interview-view-container"> Inner container</div>
-</div>
\ No newline at end of file
diff --git a/seeVcam/static/lib/components/interviews/templates/list_item.html b/seeVcam/static/lib/components/interviews/templates/list_item.html
index 995f9486..77001649 100644
--- a/seeVcam/static/lib/components/interviews/templates/list_item.html
+++ b/seeVcam/static/lib/components/interviews/templates/list_item.html
@@ -1,4 +1,4 @@
-<div class="interview-item <%= classType %> ">
+<div class="interview-item  ">
     <div class="interview-date">
         <span class="date-string"> <%= date_string %></span>
         <span class="date-month"><%= month %></span>
diff --git a/seeVcam/static/lib/components/interviews/views/interview.js b/seeVcam/static/lib/components/interviews/views/interview.js
index a051a0fe..72926b77 100644
--- a/seeVcam/static/lib/components/interviews/views/interview.js
+++ b/seeVcam/static/lib/components/interviews/views/interview.js
@@ -79,7 +79,6 @@ define(function (require) {
       // This should be in the template
       // this is shit
       if (this.options.today) {
-        this.$el.addClass('today');
       } else  if (this.options.isReport) {
         this.$el.addClass("col-md-3");
       } else if (!this.options.list) {
diff --git a/seeVcam/static/lib/components/interviews/views/interview_list.js b/seeVcam/static/lib/components/interviews/views/interview_list.js
index df357000..41b043b6 100644
--- a/seeVcam/static/lib/components/interviews/views/interview_list.js
+++ b/seeVcam/static/lib/components/interviews/views/interview_list.js
@@ -5,17 +5,12 @@ define(function (require) {
   var Utils = require("utils");
   var InterviewBlock = require("./interview");
   var NoInterviewTemplate = require("text!../templates/noInterview.html");
+  var elementsContainer = require("text!../templates/elementsContainer.html");
 
 	return  Backbone.View.extend({
 
-    tagName :'div',
-
-    className :  function () {
-      console.log(this.options);
-      console.log("fff");
-    },
-
     template_no_interview : _.template(NoInterviewTemplate),
+		template : _.template(elementsContainer),
 
     initialize : function(options){
       console.log("initializing block view");
@@ -41,7 +36,7 @@ define(function (require) {
       this.views.push(interview);
 
       var interviewRendered = interview.render().$el;
-      this.$el.append(interviewRendered);
+      this.$elements.append(interviewRendered);
     },
 
     setCollection : function ( collection ) {
@@ -53,19 +48,22 @@ define(function (require) {
     },
 
     render : function () {
-      // here because this.options is undefined when computing className, attributes..
-      var mainContainerClass = this.options.list ? 'interviews-list-view' : 'interview-grid';
-      mainContainerClass += " row";
-      this.$el.empty();
-      console.log("rendering");
+
+			this.$el.html(this.template(this.getTemplateData()));
+			this.$elements = this.$el.find(".elements-container");
+
       if (this.collection.length === 0)
-        this.$el.append(this.template_no_interview());
+        this.$elements.append(this.template_no_interview());
       else
         this.renderAllInterviews();
-      this.$el.addClass(mainContainerClass);
+
       return this;
     },
 
+		getTemplateData: function () {
+			return this.options;
+		},
+
     close: function (){
       _.each(this.views, function (view) {
         view.close();
diff --git a/seeVcam/static/lib/components/interviews/views/interview_page.js b/seeVcam/static/lib/components/interviews/views/interview_page.js
index 5cef4a1b..3f5c6919 100644
--- a/seeVcam/static/lib/components/interviews/views/interview_page.js
+++ b/seeVcam/static/lib/components/interviews/views/interview_page.js
@@ -28,13 +28,16 @@ define(function (require) {
 
     defaults : {
       activeClock : false,
-      interview : true
+			isInterview : true,
+			isList : false,
+			type : "interview",
+			mode : "block"
     },
 
     template : _.template(pageTemplate),
 
     initialize : function (options){
-      this.options = _.extend( this.defaults, options);
+      this.options = _.extend(this.defaults, options);
       this.nestedView = null;
       this.interviews = new Interviews(this.options.interviews.sortBy('start'));
       console.log("reports", this.interviews);
@@ -43,22 +46,22 @@ define(function (require) {
     render : function(){
 
       this.$el.html(this.template(this.getTemplateData()));
+
       this.$searchBox = this.$el.find('#searchbox-container input');
       this.$searchBox.bind('input propertychange', this.filterInterviews.bind(this));
+			this.$itemsContainer = this.$el.find(".inner-content");
 
-      if (this.options.interview) {
+      if (this.options.isInterview) {
         this.$todayInterview = this.$el.find(".upcoming-interviews");
         this.$openInterview = this.$el.find(".open-interview");
-        this.$itemsContainer = this.$el.find('.interview-view-container');
         this.renderOpenInterview();
         this.renderTodayInterviews();
-      } else {
-        this.$itemsContainer = this.$el.find(".reports-container");
       }
 
       if(this.options.activeClock)  {
         this.renderClock();
       }
+
       return this;
     },
 
@@ -83,26 +86,19 @@ define(function (require) {
     renderInterviewBlock : function (event) {
       event && event.preventDefault();
       this.removeActiveClass();
-      var interviewView = new InterviewBlocks({
-        collection: this.interviews,
-        isReport : !this.options.interview
-      });
+      var interviewView = new InterviewBlocks(this.getOptionForSubView());
       this.updateNestedView(interviewView);
-      this.$el.find(".interview-view-type .block").addClass("active");
+   		this.updateModeIcon("block");
       this.$itemsContainer.html(this.nestedView.render().$el);
       return this;
     },
 
-    renderInterviewList : function () {
+    renderInterviewList : function (event) {
       event && event.preventDefault();
       this.removeActiveClass();
-      var interviewView = new InterviewBlocks({
-        collection: this.interviews,
-        isReport : !this.options.interview,
-        list : true
-      });
+			var interviewView = new InterviewBlocks(this.getOptionForSubView("list"));
       this.updateNestedView(interviewView);
-      this.$el.find(".interview-view-type .list").addClass("active");
+			this.updateModeIcon("list");
       this.$itemsContainer.html(this.nestedView.render().$el);
       return this;
     },
@@ -110,7 +106,7 @@ define(function (require) {
     renderInterviewCalendar : function () {
       event && event.preventDefault();
       this.removeActiveClass();
-      this.$el.find(".interview-view-type .calendar").addClass("active");
+    	this.updateModeIcon("calendar");
       var calendarView = new Calendar({
         collection:window.cache.interviews,
         readOnly : true
@@ -151,6 +147,8 @@ define(function (require) {
 
       var interviewView = new InterviewBlocks({
         collection: new Interviews(todayInterviews),
+				type : "interview",
+				mode : "block",
         today: true
       });
 
@@ -176,8 +174,24 @@ define(function (require) {
       this.remove();
       this.unbind();
       this.undelegateEvents();
-    }
+    },
+
+		getType : function () {
+			return this.options && this.options.isInterview ? "interview" : "report";
+		},
+
+		getOptionForSubView: function (mode) {
+			var properties = {
+				mode: mode || "block",
+				collection: this.interviews,
+				type : this.getType()
+			};
+			return _.extend(this.options, properties);
+		},
 
+		updateModeIcon : function(mode) {
+			this.$el.find(".interview-view-type ." + mode).addClass("active");
+		}
   });
 
 });
\ No newline at end of file
diff --git a/seeVcam/static/lib/components/reports/report_router.js b/seeVcam/static/lib/components/reports/report_router.js
index 799363d9..ffd27f19 100644
--- a/seeVcam/static/lib/components/reports/report_router.js
+++ b/seeVcam/static/lib/components/reports/report_router.js
@@ -36,7 +36,7 @@ define(function (require) {
           var interviewsApp = new InterviewApp({
             interviews: window.cache.interviews.getReports(),
             activeClock: false,
-            interview: false
+            isInterview: false
           });
 
           Utils.safelyUpdateCurrentView(interviewsApp);

From fca8af7c797004ad7e6cbd8e28a486bda8120cea Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 14 Feb 2015 17:14:05 +0000
Subject: [PATCH 02/29] fixed issues with template and started less refactoring

---
 seeVcam/static/apps/dashboard/constants.less  |  15 +
 seeVcam/static/apps/dashboard/dashboard.less  |  25 +-
 .../interviews/style/interview-mixins.less    | 124 +++++
 .../interviews/style/interviews.less          | 462 +-----------------
 .../interviews/templates/block_item.html      |   8 +-
 .../components/interviews/views/interview.js  |   6 +-
 .../interviews/views/interview_list.js        |   3 +-
 .../interviews/views/interview_page.js        |   1 +
 8 files changed, 157 insertions(+), 487 deletions(-)
 create mode 100644 seeVcam/static/apps/dashboard/constants.less
 create mode 100644 seeVcam/static/lib/components/interviews/style/interview-mixins.less

diff --git a/seeVcam/static/apps/dashboard/constants.less b/seeVcam/static/apps/dashboard/constants.less
new file mode 100644
index 00000000..653551fd
--- /dev/null
+++ b/seeVcam/static/apps/dashboard/constants.less
@@ -0,0 +1,15 @@
+/* Colors */
+
+@orange : #D14232;
+@light-orange : #FF9861;
+@light-grey: #f1f1f1;
+@grey : #666;
+@nav-bar-grey :#cccccc;
+@blue : #0071bb;
+@background-grey : #eeeeee;
+@silver: #bdc3c7;
+@report-color : #400065;
+
+/* Seevcam properties */
+
+@nav-height : 40px;
\ No newline at end of file
diff --git a/seeVcam/static/apps/dashboard/dashboard.less b/seeVcam/static/apps/dashboard/dashboard.less
index aa01c35d..bd4f7d47 100644
--- a/seeVcam/static/apps/dashboard/dashboard.less
+++ b/seeVcam/static/apps/dashboard/dashboard.less
@@ -3,26 +3,8 @@
 
 @import (inline) "../../lib/components/questions/questions.css";
 @import (inline) "../../lib/components/interviews/style/fullcalendar.css";
-/*
-  Colors
-*/
 
-@orange : #D14232;
-@light-orange : #FF9861;
-@light-grey: #f1f1f1;
-@grey : #666;
-@nav-bar-grey :#cccccc;
-@blue : #0071bb;
-@background-grey : #eeeeee;
-@silver: #bdc3c7;
-
-/*
-  Seevcam properties
-*/
-
-@report-color : #400065;
-
-@nav-height : 40px;
+@import "constants";
 
 html, body {
     font: 13px/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
@@ -50,15 +32,12 @@ hr {
     display: inline-block;
 }
 
-#container {
-}
-
 #content-wrap {
     min-width: 100%;
     height: ~"calc(100% - 60px)";
     margin-top: 20px;
 }
-/** Adjusting Bootstrap classes */
+/* Adjusting Bootstrap classes */
 .container {
     /*max-width: 1000px;*/
     height: 100%;
diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
new file mode 100644
index 00000000..412e6fe5
--- /dev/null
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -0,0 +1,124 @@
+.item-mixin(){
+//  .interview-item {
+    position: relative;
+    background-color: white;
+    border-top: 7px solid @blue;
+    border-radius: 0px;
+    box-shadow: 0px 0px 3px #e4e4e4;
+
+    &.first {
+      margin-left: 0;
+    }
+//  }
+
+//  .interview-item .glyphicon-remove {
+  .glyphicon-remove {
+    position: absolute;
+    right: 7px;
+    top: 0px;
+    color: white;
+    display: none;
+    width: 20px;
+    height: 20px;
+    text-align: center;
+    line-height: 19px;
+    z-index: 10;
+    cursor: pointer;
+
+  }
+
+  .name-container {
+    padding: 10px;
+  }
+
+  &:hover .glyphicon-remove {
+    display: block;
+  }
+//  .interview-item .header {
+  .header {
+    background-color: transparent;
+    color: black;
+    text-align: center;
+  }
+  .interview-time {
+//  .interview-item .interview-time {
+    background-color: transparent;
+    width: 80%;
+    margin-left: auto;
+    margin-right: auto;
+    border-top: 1px solid #dbdbdb;
+    padding: 0px;
+    margin-top: 15px;
+    position: relative;
+    padding-top: 5px;
+  }
+  .header h4 {
+//  .interview-item .header h4 {
+    font-size: 20px;
+    font-weight: 400;
+    text-shadow: none;
+    padding-bottom: 0px;
+    display: inline-block;
+    vertical-align: bottom;
+  }
+  .header p {
+//  .interview-item .header p {
+    color: #9b9b9b;
+    font-size: 15px;
+  }
+  .interview-item .interview-time > p {
+    display: inline-block;
+    font-size: 15px;
+    color: #9b9b9b;
+    margin-bottom: 0px;
+    text-align: left;
+  }
+  .interview-time > p.interview-hours {
+    background-color: transparent;
+    text-shadow: none;
+    font-weight: 300;
+    font-size: 15px;
+    padding: 0px;
+    position: absolute;
+    right: 0px;
+    text-align: right;
+    top: 5px;
+  }
+  .interview-time > p.interview-date {
+    width: 100%;
+    text-align: left;
+  }
+  .date-day {
+    font-size: 14px;
+
+  }
+  .date-day, .date-month, .date-year {
+    font-size: 14px;
+  }
+  .date-separator {
+    color: #ccc;
+  }
+
+  .interview-item .name-container .bottom-aligner {
+    display: inline-block;
+    vertical-align: bottom;
+    width: 0px;
+    height: 100%;
+  }
+
+  &:hover{
+    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
+    background-color: @blue;
+    color: white;
+  }
+  &:hover .header{
+    background-color: transparent;
+    color: white;
+  }
+  &:hover .header p {
+    color: white;
+  }
+  &:hover .interview-time > p {
+    color: #ddd;
+  }
+}
\ No newline at end of file
diff --git a/seeVcam/static/lib/components/interviews/style/interviews.less b/seeVcam/static/lib/components/interviews/style/interviews.less
index b9604eeb..19fdbce1 100644
--- a/seeVcam/static/lib/components/interviews/style/interviews.less
+++ b/seeVcam/static/lib/components/interviews/style/interviews.less
@@ -1,4 +1,6 @@
-.interviews{
+@import "interview-mixins";
+
+.interviews {
 
   .no-interview {
     font-size: 12px;
@@ -38,11 +40,11 @@
 
     .interview-view-type {
 
-      .tab-icons{
-//        width: 140px;
+      .tab-icons {
+        //        width: 140px;
         margin-left: auto;
         margin-right: auto;
-        float: right ;
+        float: right;
       }
 
       a.glyphicon {
@@ -73,455 +75,7 @@
     }
   }
 
-  .interviews-container {
-    margin-bottom: 20px;
-    margin-top : 40px;
-
-    .interview-grid {
-      .no-interview {
-        font-size: 25px;
-        margin-top : 20%;
-      }
-    }
-  }
-
-  .interview-grid {
-    margin-left: 15px;
-    margin-right: 15px;
-    
-    .interview-item {
-      height: 150px;
-    }
-
-    /*
-      bullshit
-    */
-    .col-md-3,.col-md-4 {
-      margin-bottom: 30px;
-    }
-
-    .report-item {
-      border-color: @report-color;
-      cursor: pointer;
-
-      &:hover {
-        background-color: @report-color;
-      }
-
-      .score {
-        text-align: center;
-        color : inherit;
-        .number {
-          font-size: 50px;
-        }
-      }
-    }
-  }
-
-    /** Interviews List Section */
   .interview-item {
-    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
-    border-radius: 0 0 5px 5px;
-  }
-
-  .interview-item,
-  .interview-item .header {
-      -webkit-transition: all 0.3s;
-      -moz-transition: all 0.3s;
-      -ms-transition: all 0.3s;
-      -o-transition: all 0.3s;
-      transition: all 0.3s;
+    .item-mixin;
   }
-
-.interview-item:hover {
-    box-shadow: 0 0 7px rgba(0, 0, 0, .4);
-  color : white;
-}
-
-.interview-item:hover .header {
-    background-color: #0F73C2;
-}
-
-.interview-item .header {
-    background-color: #4a4a4a;
-    color: white;
-    padding: 5px;
-}
-
-.interview-item .header h4 {
-    margin: 0;
-    padding: 2px 0;
-    font-weight: bold;
-    font-size: 16px;
-    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
-}
-
-.interview-item .header p {
-  font-size: 10px;
-  color: #eaeaea;
-  margin: 10px 0 0;
-}
-
-.interview-time {
-    text-align: center;
-    padding: 15px 0;
-}
-
-.interview-date {
-    font-size: 32px;
-    line-height: 32px;
-}
-
-.interview-item footer {
-    margin-top: 5px;
-}
-
-.interview-hours {
-    background-color: #9a9a9a;
-    color: white;
-    display: inline-block;
-    font-size: 14px !important;
-    font-weight: bold;
-    padding: 0 10px;
-    margin: 0;
-    line-height: 30px;
-    text-shadow: 1px 1px 0 #6d6d6d;
-}
-
-
-/*INTERVIEW PAGE*/
-#interview{
-	position: relative;
-	padding-top: 30px;
-}
-#interview #interviews-upper-bar{
-	margin-bottom: 60px;
-}
-#interview #interviews-upper-bar form input{
-	height: 41px;
-	margin: 0px;
-	border-radius: 1px;
-	border-color: #dedede;
-	font-size: 19px;
-}
-#interview #interviews-upper-bar form span{
-	position: absolute;
-	height: 41px;
-	width: 41px;
-	line-height: 36px;
-	background-color: transparent;
-	border: none;
-	right: 22px;
-	color: #cacaca;
-}
-
-
-.interview-item {
-  position:relative;
-  background-color: white;
-  border-top: 7px solid @blue;
-  border-radius: 0px;
-  box-shadow: 0px 0px 3px #e4e4e4;
-
-  &.first {
-    margin-left: 0;
-  }
-}
-
-
-.interview-item .glyphicon-remove{
-	position: absolute;
-	right: 7px;
-	top: 0px;
-	color: white;
-	display: none;
-	width: 20px;
-	height: 20px;
-	text-align: center;
-	line-height: 19px;
-	z-index: 10;
-    cursor: pointer;
-}
-
-  .name-container {
-    padding : 10px;
-  }
-
-.interview-item:hover .glyphicon-remove{
-	display: block;
-}
-.interview-item .header{
-	background-color: transparent;
-	color: black;
-	text-align: center;
-}
-.interview-item .interview-time{
-	background-color: transparent;
-	width: 80%;
-	margin-left: auto;
-	margin-right: auto;
-	border-top: 1px solid #dbdbdb;
-	padding: 0px;
-	margin-top: 15px;
-	position: relative;
-	padding-top: 5px;
-}
-.interview-item .header h4{
-  font-size: 20px;
-  font-weight: 400;
-  text-shadow: none;
-  padding-bottom: 0px;
-  display: inline-block;
-  vertical-align: bottom;
-}
-.interview-item .header p{
-	color: #9b9b9b;
-	font-size: 15px;
-}
-.interview-item .interview-time > p{
-	display: inline-block;
-	font-size: 15px;
-	color: #9b9b9b;
-	margin-bottom: 0px;
-	text-align: left;
-}
-.interview-item .interview-time > p.interview-hours{
-	background-color: transparent;
-	text-shadow: none;
-	font-weight: 300;
-	font-size: 15px;
-	padding: 0px;
-	position: absolute;
-	right: 0px;
-	text-align: right;
-	top: 5px;
-}
-.interview-item .interview-time > p.interview-date{
-	width: 100%;
-	text-align: left;
-}
-.date-day{
-	font-size: 14px;
-
-}
-.date-day, .date-month, .date-year{
-	font-size: 14px;
-}
-.date-separator{
-	color: #ccc;
-}
-
-.interview-item .name-container .bottom-aligner{
-	display: inline-block;
-	vertical-align: bottom;
-	width: 0px;
-	height: 100%;
-}
-
-.interview-item:hover, #upcoming-interviews .interview-item{
-	box-shadow: 0 0 3px rgba(0, 0, 0, .1);
-	background-color: @blue;
-}
-.interview-item:hover .header, #upcoming-interviews .interview-item .header{
-	background-color: transparent;
-	color: white;
-}
-.interview-item:hover .header p, #upcoming-interviews .interview-item .header p{
-	color: white;
-}
-.interview-item:hover .interview-time > p, #upcoming-interviews .interview-item .interview-time > p{
-	color: #ddd;
-}
-
-
-  .today {
-
-    .interview-item {
-      background-color: #009145;
-      border-top: 0px;
-
-      .header h4{
-        color: white;
-      }
-
-      .header p{
-        color: white;
-      }
-
-      .interview-time > p{
-        color: #a8d9c0;
-      }
-
-      .interview-time{
-        border-top: 1px solid #a8d9c0;
-      }
-
-      &:hover{
-        background-color: #009145;
-      }
-
-      &:hover .header p{
-        color: white;
-      }
-
-      &:hover .interview-time > p{
-        color: #ddd;
-      }
-
-      .delete-interview {
-        top:5px;
-      }
-
-    }
-  }
-
-
-
-#pending-interview .interview-item{
-  width: 100%;
-  margin-left: 0;
-	padding-top: 0px;
-	border-top: none;
-	padding-bottom: 0px;
-	background-color: #ff4a00;
-	box-shadow: 0px 1px 3px #e4e4e4;
-}
-#pending-interview .interview-item .interview-time{
-	margin-top: 0px;
-	padding-top: 0px;
-	border-top: 1px solid #ffad80;
-}
-#pending-interview .interview-item .interview-time > p.interview-hours{
-	top: 1px;
-}
-#pending-interview .interview-item .header h4{
-	color: white;
-}
-#pending-interview .interview-item .header p{
-	color: white;
-}
-#pending-interview .interview-item .interview-time > p{
-	color: white;
-}
-#pending-interview .interview-item .name-container{
-  padding:10px;
-  height: auto;
-}
-
-
-/*INTERVIEWS LIST ITEM*/
-  .interviews-list-view {
-
-     .no-interview {
-        font-size: 25px;
-        margin-top : 20%;
-      }
-
-    .interview-item {
-      border-top: none;
-      margin: 0 0 7px;
-      padding: 0px;
-      width: 100%;
-    }
-
-    .interview-item > * {
-      display: inline-block;
-    }
-    .interview-item > .interview-date {
-      font-size: 16px;
-      padding-left: 15px;
-      padding-right: 15px;
-      background-color: black;
-      color: #999;
-      width: 140px;
-      text-align: center;
-      border: 1px solid #999;
-    }
-    .interview-item > .interview-time {
-      font-size: 14px;
-      padding: 0px;
-      width: 80px;
-      border-right: 1px solid #999;
-    }
-    .interview-item > h4 {
-      margin: 0px;
-      padding-left: 10px;
-      width: 250px;
-      border-right: 1px solid #999;
-    }
-    .interview-item > p {
-      margin: 0px;
-      padding-left: 10px;
-      color: #999;
-    }
-    .interview-item > .action-icons {
-      display: none;
-      position: absolute;
-      right: 5px;
-      top: 9px;
-      .glyphicon-remove {
-        right: 0px;
-        top:-1px;
-      }
-    }
-    .interview-item > .action-icons > .glyphicon {
-      margin-left: 3px;
-      margin-right: 3px;
-      color: #e0e0e0;
-    }
-    .interview-item > .action-icons > .glyphicon:hover {
-      color: white;
-    }
-
-    .interview-item:hover {
-      .action-icons{
-        display: block;
-      }
-    }
-
-    .interview-item:hover > .interview-time {
-       color: #eee;
-    }
-    .interview-item:hover > h4 {
-      color: #eee;
-    }
-    .interview-item:hover > p {
-      color: #eee;
-    }
-    .date-separator {
-      color: #999;
-//      margin-right: 4px;
-    }
-
-    /*TODAY ITEM*/
-    .interview-item.today > .interview-date {
-      background-color: #009145;
-      color: #a8d9c0;
-    }
-    .interview-item.today:hover > .interview-time {
-      color: #a8d9c0;
-    }
-    .interview-item.today:hover > p {
-      color: #a8d9c0;
-    }
-
-    /*TOMORROW ITEM*/
-    .interview-item.tomorrow > .interview-date {
-      background-color: #0071bb;
-      color: #80b8dd;
-    }
-    .interview-item.tomorrow:hover > .interview-time {
-      color: #80b8dd;
-    }
-    .interview-item.tomorrow:hover > p {
-      color: #80b8dd;
-    }
-  }
-
-.no-interview{
-    margin: 0 ;
-    text-align: center;
-}
-
-}
-
+}
\ No newline at end of file
diff --git a/seeVcam/static/lib/components/interviews/templates/block_item.html b/seeVcam/static/lib/components/interviews/templates/block_item.html
index 0070d100..7f1437e4 100644
--- a/seeVcam/static/lib/components/interviews/templates/block_item.html
+++ b/seeVcam/static/lib/components/interviews/templates/block_item.html
@@ -1,4 +1,4 @@
-<div class="interview-item  ">
+<div class="interview-item">
 <% if ( isInterview ) { %>
     <span class="glyphicon glyphicon-remove delete-interview"> </span>
 <% } %>
@@ -10,7 +10,7 @@ <h4><%= name %>  <%= surname %></h4>
             <p> <%= job_position %></p>
         </div>
     </div>
-<% if ( isInterview )  { %>
+<% if ( isInterview ) { %>
     <div class="interview-time">
         <p class="interview-date">
             <span class="date-string"><%= date_string %></span>
@@ -22,9 +22,7 @@ <h4><%= name %>  <%= surname %></h4>
         </p>
         <p class="interview-hours"><%= time %></p>
     </div>
-<% } %>
-
-<% if ( isReport ) { %>
+<% } else  { %>
     <div class="score">
         <span class="number"> 0.00 </span>
     </div>
diff --git a/seeVcam/static/lib/components/interviews/views/interview.js b/seeVcam/static/lib/components/interviews/views/interview.js
index 72926b77..b39ddcc3 100644
--- a/seeVcam/static/lib/components/interviews/views/interview.js
+++ b/seeVcam/static/lib/components/interviews/views/interview.js
@@ -13,7 +13,7 @@ define(function (require) {
     list_item_template : _.template(require("text!../templates/list_item.html")),
 
     defaults : {
-      isReport : false
+      isInterview : true
     },
 
     events : {
@@ -39,9 +39,7 @@ define(function (require) {
         day  : interviewStart.format("DD"),
         month : interviewStart.format("MM"),
         date_string : "",
-        isReport : this.options.isReport,
-        isInterview : !this.options.isReport,
-        classType : this.options.isReport ? "report-item" : "",
+        isInterview : this.options.isInterview,
         date_separator : "-"
       }
     },
diff --git a/seeVcam/static/lib/components/interviews/views/interview_list.js b/seeVcam/static/lib/components/interviews/views/interview_list.js
index 41b043b6..b186c56c 100644
--- a/seeVcam/static/lib/components/interviews/views/interview_list.js
+++ b/seeVcam/static/lib/components/interviews/views/interview_list.js
@@ -30,9 +30,10 @@ define(function (require) {
       var interview = new InterviewBlock({
         model: interview,
         today: this.options.today,
-        isReport : this.options.isReport,
+        isInterview : this.options.isInterview,
         list : !!this.options.list
       });
+			console.log(this.options.isInterview);
       this.views.push(interview);
 
       var interviewRendered = interview.render().$el;
diff --git a/seeVcam/static/lib/components/interviews/views/interview_page.js b/seeVcam/static/lib/components/interviews/views/interview_page.js
index 3f5c6919..566399ff 100644
--- a/seeVcam/static/lib/components/interviews/views/interview_page.js
+++ b/seeVcam/static/lib/components/interviews/views/interview_page.js
@@ -147,6 +147,7 @@ define(function (require) {
 
       var interviewView = new InterviewBlocks({
         collection: new Interviews(todayInterviews),
+				isInterview : true,
 				type : "interview",
 				mode : "block",
         today: true

From aefd396fa69a81105b4924609a75f57bff1aecae Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 14 Feb 2015 18:46:52 +0000
Subject: [PATCH 03/29] cleaned interview-item

---
 .../interviews/style/interview-mixins.less    | 130 +++++-------------
 1 file changed, 38 insertions(+), 92 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index 412e6fe5..816cdba7 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -1,124 +1,70 @@
 .item-mixin(){
-//  .interview-item {
-    position: relative;
     background-color: white;
     border-top: 7px solid @blue;
     border-radius: 0px;
     box-shadow: 0px 0px 3px #e4e4e4;
 
-    &.first {
-      margin-left: 0;
-    }
-//  }
-
-//  .interview-item .glyphicon-remove {
   .glyphicon-remove {
     position: absolute;
-    right: 7px;
-    top: 0px;
-    color: white;
+    top:10px;
+    right:25px;
     display: none;
-    width: 20px;
-    height: 20px;
-    text-align: center;
-    line-height: 19px;
-    z-index: 10;
     cursor: pointer;
-
   }
 
   .name-container {
     padding: 10px;
   }
 
-  &:hover .glyphicon-remove {
-    display: block;
+  &:hover{
+    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
+    background-color: @blue;
+    color: white;
+
+    .glyphicon-remove {
+      display: block;
+    }
+    .header{
+      color: white;
+    }
+    .header p {
+      color: white;
+    }
   }
-//  .interview-item .header {
+
   .header {
-    background-color: transparent;
     color: black;
     text-align: center;
+
+    h4 {
+      font-size: 20px;
+      font-weight: 400;
+      text-shadow: none;
+      padding-bottom: 0px;
+      display: inline-block;
+      vertical-align: bottom;
+    }
+    p {
+      color: #9b9b9b;
+      font-size: 15px;
+    }
   }
+
   .interview-time {
-//  .interview-item .interview-time {
     background-color: transparent;
     width: 80%;
-    margin-left: auto;
-    margin-right: auto;
-    border-top: 1px solid #dbdbdb;
-    padding: 0px;
-    margin-top: 15px;
-    position: relative;
-    padding-top: 5px;
-  }
-  .header h4 {
-//  .interview-item .header h4 {
-    font-size: 20px;
-    font-weight: 400;
-    text-shadow: none;
-    padding-bottom: 0px;
-    display: inline-block;
-    vertical-align: bottom;
-  }
-  .header p {
-//  .interview-item .header p {
-    color: #9b9b9b;
-    font-size: 15px;
-  }
-  .interview-item .interview-time > p {
-    display: inline-block;
-    font-size: 15px;
-    color: #9b9b9b;
-    margin-bottom: 0px;
-    text-align: left;
-  }
-  .interview-time > p.interview-hours {
-    background-color: transparent;
-    text-shadow: none;
-    font-weight: 300;
-    font-size: 15px;
-    padding: 0px;
-    position: absolute;
-    right: 0px;
-    text-align: right;
-    top: 5px;
-  }
-  .interview-time > p.interview-date {
-    width: 100%;
-    text-align: left;
-  }
-  .date-day {
-    font-size: 14px;
-
-  }
-  .date-day, .date-month, .date-year {
+    margin: 15px auto 0px auto;
+    border-top: 1px solid #9b9b9b;
+    padding: 5px 0px 0px 0px;
     font-size: 14px;
-  }
-  .date-separator {
-    color: #ccc;
+    color: #9b9b9b;
   }
 
-  .interview-item .name-container .bottom-aligner {
+  .interview-time > p {
     display: inline-block;
-    vertical-align: bottom;
-    width: 0px;
-    height: 100%;
   }
 
-  &:hover{
-    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
-    background-color: @blue;
-    color: white;
-  }
-  &:hover .header{
-    background-color: transparent;
-    color: white;
-  }
-  &:hover .header p {
-    color: white;
-  }
-  &:hover .interview-time > p {
-    color: #ddd;
+  .interview-time > .interview-hours {
+    float:right;
   }
 }
\ No newline at end of file

From 172f910baf16e2d4983eb334182d8cd52d36f790 Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 14 Feb 2015 19:02:46 +0000
Subject: [PATCH 04/29] still cleaning interview-item mixin

---
 .../interviews/style/interview-mixins.less    | 36 +++++++++----------
 .../interviews/templates/block_item.html      |  2 +-
 2 files changed, 17 insertions(+), 21 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index 816cdba7..aa2097a8 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -1,22 +1,18 @@
-.item-mixin(){
-    background-color: white;
-    border-top: 7px solid @blue;
-    border-radius: 0px;
-    box-shadow: 0px 0px 3px #e4e4e4;
+.item-mixin() {
+  background-color: white;
+  border-top: 7px solid @blue;
+  border-radius: 0px;
+  box-shadow: 0px 0px 3px #e4e4e4;
 
   .glyphicon-remove {
     position: absolute;
-    top:10px;
-    right:25px;
+    top: 10px;
+    right: 25px;
     display: none;
     cursor: pointer;
   }
 
-  .name-container {
-    padding: 10px;
-  }
-
-  &:hover{
+  &:hover {
     box-shadow: 0 0 3px rgba(0, 0, 0, .1);
     background-color: @blue;
     color: white;
@@ -24,7 +20,7 @@
     .glyphicon-remove {
       display: block;
     }
-    .header{
+    .header {
       color: white;
     }
     .header p {
@@ -40,7 +36,7 @@
       font-size: 20px;
       font-weight: 400;
       text-shadow: none;
-      padding-bottom: 0px;
+      padding: 10px;
       display: inline-block;
       vertical-align: bottom;
     }
@@ -58,13 +54,13 @@
     padding: 5px 0px 0px 0px;
     font-size: 14px;
     color: #9b9b9b;
-  }
 
-  .interview-time > p {
-    display: inline-block;
-  }
+    .interview-hours {
+      float: right;
+    }
 
-  .interview-time > .interview-hours {
-    float:right;
+    p {
+      display: inline-block;
+    }
   }
 }
\ No newline at end of file
diff --git a/seeVcam/static/lib/components/interviews/templates/block_item.html b/seeVcam/static/lib/components/interviews/templates/block_item.html
index 7f1437e4..33d8f2f3 100644
--- a/seeVcam/static/lib/components/interviews/templates/block_item.html
+++ b/seeVcam/static/lib/components/interviews/templates/block_item.html
@@ -4,7 +4,7 @@
 <% } %>
     <div class="row header">
         <div class="col-sm-12">
-            <div class="name-container">
+            <div class="">
                 <h4><%= name %>  <%= surname %></h4>
             </div>
             <p> <%= job_position %></p>

From 2a2a63ccf73a90e46cc1548d0d3c971bdeeddd55 Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 14 Feb 2015 19:20:33 +0000
Subject: [PATCH 05/29] fixed column size for today and inner-content div

---
 .../components/interviews/templates/interviewPage.html    | 6 +++---
 .../components/interviews/views/create_interview_page.js  | 2 --
 .../static/lib/components/interviews/views/interview.js   | 8 --------
 .../lib/components/interviews/views/interview_page.js     | 2 +-
 .../interviews/views/{interview_list.js => interviews.js} | 0
 5 files changed, 4 insertions(+), 14 deletions(-)
 rename seeVcam/static/lib/components/interviews/views/{interview_list.js => interviews.js} (100%)

diff --git a/seeVcam/static/lib/components/interviews/templates/interviewPage.html b/seeVcam/static/lib/components/interviews/templates/interviewPage.html
index 0b66bf42..223bf22d 100644
--- a/seeVcam/static/lib/components/interviews/templates/interviewPage.html
+++ b/seeVcam/static/lib/components/interviews/templates/interviewPage.html
@@ -1,6 +1,6 @@
-<div class="row upper-bar" id="interviews-upper-bar">
+<div class="row upper-bar"x>
     <% if ( isInterview ) { %>
-    <div class="open-interview col-md-3" id="pending-interview"></div>
+    <div class="open-interview col-md-3"></div>
     <% } %>
     <div id="searchbox-container" class="col-md-6 <% if(!isInterview) { %> col-md-offset-3 <% } %> ">
         <div class="search-interview-form">
@@ -29,6 +29,6 @@
       </div>
     <% } %>
 
-    <div class="inner-content"></div>
+    <div class="inner-content  <% if (isInterview) { %> col-md-9 <% } %>"></div>
 
 </div>
diff --git a/seeVcam/static/lib/components/interviews/views/create_interview_page.js b/seeVcam/static/lib/components/interviews/views/create_interview_page.js
index ebb5e3fc..f5bd332c 100644
--- a/seeVcam/static/lib/components/interviews/views/create_interview_page.js
+++ b/seeVcam/static/lib/components/interviews/views/create_interview_page.js
@@ -165,14 +165,12 @@ define(function (require) {
     updateDateTimeForm : function (start, end) {
       console.log(start);
       var original = start.clone();
-      debugger;
       this.$el.find(".datetime .start").val(start.utc().format("YYYY-MM-DD[T]HH:mm:00.000000ZZ"));
       this.$el.find(".datetime .end").val(end.utc().format("YYYY-MM-DD[T]HH:mm:00.000000ZZ"));
       this.$el.find('.datetime-display').html(this.displayTime(original));
     },
 
     displayTime : function(time){
-      debugger;
       return moment(time).local().format("dddd, MMMM Do YYYY, h:mm a");
     },
 
diff --git a/seeVcam/static/lib/components/interviews/views/interview.js b/seeVcam/static/lib/components/interviews/views/interview.js
index b39ddcc3..712e227b 100644
--- a/seeVcam/static/lib/components/interviews/views/interview.js
+++ b/seeVcam/static/lib/components/interviews/views/interview.js
@@ -74,14 +74,6 @@ define(function (require) {
       console.log(this.getDataForTemplate());
       var template = this.options.list ? this.list_item_template : this.block_item_template;
       this.$el.html(template(this.getDataForTemplate()));
-      // This should be in the template
-      // this is shit
-      if (this.options.today) {
-      } else  if (this.options.isReport) {
-        this.$el.addClass("col-md-3");
-      } else if (!this.options.list) {
-        this.$el.addClass("col-md-4");
-      }
       return this;
     },
 
diff --git a/seeVcam/static/lib/components/interviews/views/interview_page.js b/seeVcam/static/lib/components/interviews/views/interview_page.js
index 566399ff..b93fef58 100644
--- a/seeVcam/static/lib/components/interviews/views/interview_page.js
+++ b/seeVcam/static/lib/components/interviews/views/interview_page.js
@@ -7,7 +7,7 @@ define(function (require) {
   var ClockView = require("./clock");
   var Calendar = require("./calendar");
   var InterviewView = require("./interview");
-  var InterviewBlocks = require("./interview_list");
+  var InterviewBlocks = require("./interviews");
   var Interviews = require("collections/interviews");
   var pageTemplate = require("text!../templates/interviewPage.html");
 
diff --git a/seeVcam/static/lib/components/interviews/views/interview_list.js b/seeVcam/static/lib/components/interviews/views/interviews.js
similarity index 100%
rename from seeVcam/static/lib/components/interviews/views/interview_list.js
rename to seeVcam/static/lib/components/interviews/views/interviews.js

From fa955e52b414baec9ba21345b475c284e8809926 Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 14 Feb 2015 19:41:36 +0000
Subject: [PATCH 06/29] correct col size for mixin

---
 seeVcam/static/apps/dashboard/dashboard.less     |  2 +-
 .../interviews/style/interview-mixins.less       |  1 +
 .../components/interviews/style/interviews.less  | 16 ++++++++++++++++
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/seeVcam/static/apps/dashboard/dashboard.less b/seeVcam/static/apps/dashboard/dashboard.less
index bd4f7d47..73d6b018 100644
--- a/seeVcam/static/apps/dashboard/dashboard.less
+++ b/seeVcam/static/apps/dashboard/dashboard.less
@@ -1,4 +1,4 @@
-@import (inline) "../../bower_components/bootstrap/dist/css/bootstrap.css";
+@import "../../bower_components/bootstrap/less/bootstrap";
 @import (inline) "../../bower_components/bootstrap/dist/css/bootstrap-theme.css";
 
 @import (inline) "../../lib/components/questions/questions.css";
diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index aa2097a8..505574bb 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -1,4 +1,5 @@
 .item-mixin() {
+
   background-color: white;
   border-top: 7px solid @blue;
   border-radius: 0px;
diff --git a/seeVcam/static/lib/components/interviews/style/interviews.less b/seeVcam/static/lib/components/interviews/style/interviews.less
index 19fdbce1..5bf8391e 100644
--- a/seeVcam/static/lib/components/interviews/style/interviews.less
+++ b/seeVcam/static/lib/components/interviews/style/interviews.less
@@ -78,4 +78,20 @@
   .interview-item {
     .item-mixin;
   }
+
+  .inner-content{
+
+    .block {
+
+      &.interview .interview-item {
+        .make-md-column(4);
+      }
+
+      &.report .interview-item {
+        .make-md-column(3);
+      }
+
+    }
+
+  }
 }
\ No newline at end of file

From 81e365097f36b4c3ae1ed962fb1eec733b22bee5 Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 14 Feb 2015 20:06:05 +0000
Subject: [PATCH 07/29] fist implmentation for mixin in inteview page

---
 seeVcam/static/apps/dashboard/constants.less  |  6 ++--
 .../interviews/style/interview-mixins.less    |  7 ++--
 .../interviews/style/interviews.less          | 32 +++++++++++++++----
 3 files changed, 32 insertions(+), 13 deletions(-)

diff --git a/seeVcam/static/apps/dashboard/constants.less b/seeVcam/static/apps/dashboard/constants.less
index 653551fd..2c160dc7 100644
--- a/seeVcam/static/apps/dashboard/constants.less
+++ b/seeVcam/static/apps/dashboard/constants.less
@@ -4,12 +4,12 @@
 @light-orange : #FF9861;
 @light-grey: #f1f1f1;
 @grey : #666;
-@nav-bar-grey :#cccccc;
+@nav-bar-grey : #cccccc;
 @blue : #0071bb;
 @background-grey : #eeeeee;
 @silver: #bdc3c7;
 @report-color : #400065;
+@green: #009145;
 
 /* Seevcam properties */
-
-@nav-height : 40px;
\ No newline at end of file
+@nav-height: 40px;
\ No newline at end of file
diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index 505574bb..35a22e9a 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -1,7 +1,8 @@
-.item-mixin() {
+.item-mixin(@columns:12; @color:@blue) {
+  .make-md-column(@columns);
 
   background-color: white;
-  border-top: 7px solid @blue;
+  border-top: 7px solid @color;
   border-radius: 0px;
   box-shadow: 0px 0px 3px #e4e4e4;
 
@@ -15,7 +16,7 @@
 
   &:hover {
     box-shadow: 0 0 3px rgba(0, 0, 0, .1);
-    background-color: @blue;
+    background-color: @color;
     color: white;
 
     .glyphicon-remove {
diff --git a/seeVcam/static/lib/components/interviews/style/interviews.less b/seeVcam/static/lib/components/interviews/style/interviews.less
index 5bf8391e..e39678f7 100644
--- a/seeVcam/static/lib/components/interviews/style/interviews.less
+++ b/seeVcam/static/lib/components/interviews/style/interviews.less
@@ -76,19 +76,37 @@
   }
 
   .interview-item {
-    .item-mixin;
+    .item-mixin();
   }
 
-  .inner-content{
+  .open-interview{
+    .interview-item {
+      .item-mixin(12, @orange);
+    }
+  }
+  .upcoming-interviews {
+    .interview-item {
+      .item-mixin(12, @green);
+    }
+  }
+
+  .inner-content {
 
-    .block {
+    .interview {
+
+      &.block .interview-item {
+        .item-mixin(4);
+      }
+
+    }
 
-      &.interview .interview-item {
-        .make-md-column(4);
+    .report {
+      &.list .interview-item {
+        .item-mixin(12, @report-color);
       }
 
-      &.report .interview-item {
-        .make-md-column(3);
+      &.block .interview-item {
+        .item-mixin(3, @report-color);
       }
 
     }

From bfffdcae6165594f6fa8409ddc82a462c7ec67f8 Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 14 Feb 2015 21:57:46 +0000
Subject: [PATCH 08/29] added border and background to mixin logic

---
 .../interviews/style/interview-mixins.less    | 107 +++++++++---------
 .../interviews/style/interviews.less          |   4 +-
 .../interviews/templates/block_item.html      |   4 +
 3 files changed, 61 insertions(+), 54 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index 35a22e9a..eec15a01 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -1,68 +1,71 @@
-.item-mixin(@columns:12; @color:@blue) {
-  .make-md-column(@columns);
-
-  background-color: white;
-  border-top: 7px solid @color;
-  border-radius: 0px;
-  box-shadow: 0px 0px 3px #e4e4e4;
+.item-mixin(@columns:12; @color:@blue; @back-color:white) {
 
-  .glyphicon-remove {
-    position: absolute;
-    top: 10px;
-    right: 25px;
-    display: none;
-    cursor: pointer;
-  }
+  .make-md-column(@columns);
 
-  &:hover {
-    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
-    background-color: @color;
-    color: white;
+  .container {
+    background-color: @back-color;
+    border-top: 7px solid @color;
+    border-radius: 0px;
+    box-shadow: 0px 0px 3px #e4e4e4;
+    margin-bottom: 20px;
 
     .glyphicon-remove {
-      display: block;
+      position: absolute;
+      top: 10px;
+      right: 25px;
+      display: none;
+      cursor: pointer;
     }
-    .header {
-      color: white;
-    }
-    .header p {
+
+    &:hover {
+      box-shadow: 0 0 3px rgba(0, 0, 0, .1);
+      background-color:@color;
       color: white;
+
+      .glyphicon-remove {
+        display: block;
+      }
+      .header {
+        color: white;
+      }
+      .header p {
+        color: white;
+      }
     }
-  }
 
-  .header {
-    color: black;
-    text-align: center;
+    .header {
+      color: black;
+      text-align: center;
 
-    h4 {
-      font-size: 20px;
-      font-weight: 400;
-      text-shadow: none;
-      padding: 10px;
-      display: inline-block;
-      vertical-align: bottom;
-    }
-    p {
-      color: #9b9b9b;
-      font-size: 15px;
+      h4 {
+        font-size: 20px;
+        font-weight: 400;
+        text-shadow: none;
+        padding: 10px;
+        display: inline-block;
+        vertical-align: bottom;
+      }
+      p {
+        color: #9b9b9b;
+        font-size: 15px;
+      }
     }
-  }
 
-  .interview-time {
-    background-color: transparent;
-    width: 80%;
-    margin: 15px auto 0px auto;
-    border-top: 1px solid #9b9b9b;
-    padding: 5px 0px 0px 0px;
-    font-size: 14px;
-    color: #9b9b9b;
+    .interview-time {
+      width: 80%;
+      margin: 15px auto 0px auto;
+      border-top: 1px solid #9b9b9b;
+      padding: 5px 0px 0px 0px;
+      font-size: 14px;
+      color: #9b9b9b;
 
-    .interview-hours {
-      float: right;
-    }
+      .interview-hours {
+        float: right;
+      }
 
-    p {
-      display: inline-block;
+      p {
+        display: inline-block;
+      }
     }
   }
 }
\ No newline at end of file
diff --git a/seeVcam/static/lib/components/interviews/style/interviews.less b/seeVcam/static/lib/components/interviews/style/interviews.less
index e39678f7..02e57fe5 100644
--- a/seeVcam/static/lib/components/interviews/style/interviews.less
+++ b/seeVcam/static/lib/components/interviews/style/interviews.less
@@ -81,12 +81,12 @@
 
   .open-interview{
     .interview-item {
-      .item-mixin(12, @orange);
+      .item-mixin(12, @orange,@orange);
     }
   }
   .upcoming-interviews {
     .interview-item {
-      .item-mixin(12, @green);
+      .item-mixin(12, @green,@green);
     }
   }
 
diff --git a/seeVcam/static/lib/components/interviews/templates/block_item.html b/seeVcam/static/lib/components/interviews/templates/block_item.html
index 33d8f2f3..43bb7240 100644
--- a/seeVcam/static/lib/components/interviews/templates/block_item.html
+++ b/seeVcam/static/lib/components/interviews/templates/block_item.html
@@ -1,4 +1,7 @@
 <div class="interview-item">
+  <div class="container">
+
+
 <% if ( isInterview ) { %>
     <span class="glyphicon glyphicon-remove delete-interview"> </span>
 <% } %>
@@ -27,4 +30,5 @@ <h4><%= name %>  <%= surname %></h4>
         <span class="number"> 0.00 </span>
     </div>
 <% } %>
+  </div>
 </div>

From c1ef547cd3df35d1905bfefefc6dfeb132063c95 Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 14 Feb 2015 23:30:15 +0000
Subject: [PATCH 09/29] separation of :hover logic

---
 .../interviews/style/interview-mixins.less    | 39 ++++++++++---------
 .../interviews/style/interviews.less          | 14 +++++--
 .../interviews/templates/block_item.html      |  3 --
 .../interviews/templates/interviewPage.html   |  4 +-
 4 files changed, 34 insertions(+), 26 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index eec15a01..3d15e7a7 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -16,23 +16,6 @@
       display: none;
       cursor: pointer;
     }
-
-    &:hover {
-      box-shadow: 0 0 3px rgba(0, 0, 0, .1);
-      background-color:@color;
-      color: white;
-
-      .glyphicon-remove {
-        display: block;
-      }
-      .header {
-        color: white;
-      }
-      .header p {
-        color: white;
-      }
-    }
-
     .header {
       color: black;
       text-align: center;
@@ -68,4 +51,24 @@
       }
     }
   }
-}
\ No newline at end of file
+}
+
+.hover(@color:@blue) {
+  .container {
+    &:hover {
+      box-shadow: 0 0 3px rgba(0, 0, 0, .1);
+      background-color: @color;
+      color: white;
+
+      .glyphicon-remove {
+        display: block;
+      }
+      .header {
+        color: white;
+      }
+      .header p {
+        color: white;
+      }
+    }
+  }
+}
diff --git a/seeVcam/static/lib/components/interviews/style/interviews.less b/seeVcam/static/lib/components/interviews/style/interviews.less
index 02e57fe5..7cbbc3b1 100644
--- a/seeVcam/static/lib/components/interviews/style/interviews.less
+++ b/seeVcam/static/lib/components/interviews/style/interviews.less
@@ -75,13 +75,14 @@
     }
   }
 
-  .interview-item {
-    .item-mixin();
-  }
+//  .interview-item {
+//    .item-mixin();
+//  }
 
   .open-interview{
     .interview-item {
       .item-mixin(12, @orange,@orange);
+      color:white;
     }
   }
   .upcoming-interviews {
@@ -93,9 +94,14 @@
   .inner-content {
 
     .interview {
+      &.list .interview-item {
+        .item-mixin(12);
+        .hover()
+      }
 
       &.block .interview-item {
         .item-mixin(4);
+        .hover()
       }
 
     }
@@ -103,10 +109,12 @@
     .report {
       &.list .interview-item {
         .item-mixin(12, @report-color);
+        .hover(@report-color)
       }
 
       &.block .interview-item {
         .item-mixin(3, @report-color);
+        .hover(@report-color)
       }
 
     }
diff --git a/seeVcam/static/lib/components/interviews/templates/block_item.html b/seeVcam/static/lib/components/interviews/templates/block_item.html
index 43bb7240..6a976891 100644
--- a/seeVcam/static/lib/components/interviews/templates/block_item.html
+++ b/seeVcam/static/lib/components/interviews/templates/block_item.html
@@ -1,15 +1,12 @@
 <div class="interview-item">
   <div class="container">
 
-
 <% if ( isInterview ) { %>
     <span class="glyphicon glyphicon-remove delete-interview"> </span>
 <% } %>
     <div class="row header">
         <div class="col-sm-12">
-            <div class="">
                 <h4><%= name %>  <%= surname %></h4>
-            </div>
             <p> <%= job_position %></p>
         </div>
     </div>
diff --git a/seeVcam/static/lib/components/interviews/templates/interviewPage.html b/seeVcam/static/lib/components/interviews/templates/interviewPage.html
index 223bf22d..735d1a2b 100644
--- a/seeVcam/static/lib/components/interviews/templates/interviewPage.html
+++ b/seeVcam/static/lib/components/interviews/templates/interviewPage.html
@@ -8,7 +8,7 @@
                 <span class="search-icon"> <i class="glyphicon glyphicon-search"></i> </span>
             </div>
        </div>
-    <div class="col-md-3 interview-view-type">
+    <div class="col-md-2 interview-view-type">
         <div class="tab-icons">
             <a class="glyphicon glyphicon-th block active" href="javascript:void(0)"></a>
             <a class="glyphicon glyphicon-align-justify list" href="javascript:void(0)"></a>
@@ -29,6 +29,6 @@
       </div>
     <% } %>
 
-    <div class="inner-content  <% if (isInterview) { %> col-md-9 <% } %>"></div>
+    <div class="inner-content  <% if (isInterview) { %> col-md-8 <% } %>"></div>
 
 </div>

From e074f867534077b193f87d2302da260511b33454 Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sun, 15 Feb 2015 00:15:35 +0000
Subject: [PATCH 10/29] fixes to block mixin

---
 .../interviews/style/interview-mixins.less    | 20 ++++++++++++++++++-
 .../interviews/style/interviews.less          | 14 ++++++-------
 2 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index 3d15e7a7..33d7d44d 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -1,4 +1,4 @@
-.item-mixin(@columns:12; @color:@blue; @back-color:white) {
+.block-mixin(@columns:12; @color:@blue; @back-color:white) {
 
   .make-md-column(@columns);
 
@@ -72,3 +72,21 @@
     }
   }
 }
+
+.block-compact() {
+  .container {
+    margin-bottom: 0px;
+    .header {
+      h4 {
+        margin-bottom: 0px;
+        padding: 0px;
+      }
+      p {
+        margin: 0px;
+      }
+    }
+    .interview-time {
+      margin-top: 0px;
+    }
+  }
+}
diff --git a/seeVcam/static/lib/components/interviews/style/interviews.less b/seeVcam/static/lib/components/interviews/style/interviews.less
index 7cbbc3b1..d5cc4447 100644
--- a/seeVcam/static/lib/components/interviews/style/interviews.less
+++ b/seeVcam/static/lib/components/interviews/style/interviews.less
@@ -81,13 +81,13 @@
 
   .open-interview{
     .interview-item {
-      .item-mixin(12, @orange,@orange);
-      color:white;
+      .block-mixin(12, @orange,@orange);
+      .block-compact();
     }
   }
   .upcoming-interviews {
     .interview-item {
-      .item-mixin(12, @green,@green);
+      .block-mixin(12, @green,@green);
     }
   }
 
@@ -95,12 +95,12 @@
 
     .interview {
       &.list .interview-item {
-        .item-mixin(12);
+        .block-mixin(12);
         .hover()
       }
 
       &.block .interview-item {
-        .item-mixin(4);
+        .block-mixin(4);
         .hover()
       }
 
@@ -108,12 +108,12 @@
 
     .report {
       &.list .interview-item {
-        .item-mixin(12, @report-color);
+        .block-mixin(12, @report-color);
         .hover(@report-color)
       }
 
       &.block .interview-item {
-        .item-mixin(3, @report-color);
+        .block-mixin(3, @report-color);
         .hover(@report-color)
       }
 

From b2659d9e043dc0ef4db11fe02d5c43881ae0272e Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sun, 15 Feb 2015 00:46:58 +0000
Subject: [PATCH 11/29] first draft for list-mixin

---
 .../interviews/style/interview-mixins.less    | 33 +++++++++++++++++++
 .../interviews/style/interviews.less          |  8 ++---
 .../interviews/templates/block_item.html      |  8 ++---
 3 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index 33d7d44d..4756122b 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -90,3 +90,36 @@
     }
   }
 }
+
+.list-mixin(@columns:12) {
+  .make-row();
+  p{
+    display: inline-block;
+  }
+  .container {
+    .make-md-column(@columns);
+    .glyphicon-remove {
+      float: right;
+    }
+    .header {
+      .make-md-column(3);
+      .make-md-column-offset(3);
+      display: inline-block;
+      h4 {
+        margin-top: 0px;
+        display: inline-block;
+      }
+    }
+    .interview-time {
+      .interview-date{
+        background: black;
+        color: #ffffff;
+      }
+
+      .make-md-column(3);
+      display: inline-block;
+      position: absolute;
+      left: 0px;
+    }
+  }
+}
diff --git a/seeVcam/static/lib/components/interviews/style/interviews.less b/seeVcam/static/lib/components/interviews/style/interviews.less
index d5cc4447..b3f28910 100644
--- a/seeVcam/static/lib/components/interviews/style/interviews.less
+++ b/seeVcam/static/lib/components/interviews/style/interviews.less
@@ -95,8 +95,8 @@
 
     .interview {
       &.list .interview-item {
-        .block-mixin(12);
-        .hover()
+        .list-mixin(12);
+//        .hover()
       }
 
       &.block .interview-item {
@@ -108,8 +108,8 @@
 
     .report {
       &.list .interview-item {
-        .block-mixin(12, @report-color);
-        .hover(@report-color)
+        .list-mixin();
+//        .hover(@report-color)
       }
 
       &.block .interview-item {
diff --git a/seeVcam/static/lib/components/interviews/templates/block_item.html b/seeVcam/static/lib/components/interviews/templates/block_item.html
index 6a976891..331a027a 100644
--- a/seeVcam/static/lib/components/interviews/templates/block_item.html
+++ b/seeVcam/static/lib/components/interviews/templates/block_item.html
@@ -4,11 +4,9 @@
 <% if ( isInterview ) { %>
     <span class="glyphicon glyphicon-remove delete-interview"> </span>
 <% } %>
-    <div class="row header">
-        <div class="col-sm-12">
-                <h4><%= name %>  <%= surname %></h4>
-            <p> <%= job_position %></p>
-        </div>
+    <div class="header">
+      <h4><%= name %>  <%= surname %></h4>
+      <p> <%= job_position %></p>
     </div>
 <% if ( isInterview ) { %>
     <div class="interview-time">

From a897f4988925d02460201cab6f684c48e2c6f75a Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sun, 15 Feb 2015 10:57:09 +0000
Subject: [PATCH 12/29] list mode renders its own HTML template

---
 .../interviews/style/interview-mixins.less    | 64 +++++++++----------
 .../interviews/templates/list_item.html       |  6 ++
 .../components/interviews/views/interview.js  |  2 +-
 .../components/interviews/views/interviews.js |  6 +-
 4 files changed, 42 insertions(+), 36 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index 4756122b..17a02152 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -91,35 +91,35 @@
   }
 }
 
-.list-mixin(@columns:12) {
-  .make-row();
-  p{
-    display: inline-block;
-  }
-  .container {
-    .make-md-column(@columns);
-    .glyphicon-remove {
-      float: right;
-    }
-    .header {
-      .make-md-column(3);
-      .make-md-column-offset(3);
-      display: inline-block;
-      h4 {
-        margin-top: 0px;
-        display: inline-block;
-      }
-    }
-    .interview-time {
-      .interview-date{
-        background: black;
-        color: #ffffff;
-      }
-
-      .make-md-column(3);
-      display: inline-block;
-      position: absolute;
-      left: 0px;
-    }
-  }
-}
+//.list-mixin(@columns:12) {
+//  .make-row();
+//  p{
+//    display: inline-block;
+//  }
+//  .container {
+//    .make-md-column(@columns);
+//    .glyphicon-remove {
+//      float: right;
+//    }
+//    .header {
+//      .make-md-column(3);
+//      .make-md-column-offset(3);
+//      display: inline-block;
+//      h4 {
+//        margin-top: 0px;
+//        display: inline-block;
+//      }
+//    }
+//    .interview-time {
+//      .interview-date{
+//        background: black;
+//        color: #ffffff;
+//      }
+//
+//      .make-md-column(3);
+//      display: inline-block;
+//      position: absolute;
+//      left: 0px;
+//    }
+//  }
+//}
diff --git a/seeVcam/static/lib/components/interviews/templates/list_item.html b/seeVcam/static/lib/components/interviews/templates/list_item.html
index 77001649..7de37ad7 100644
--- a/seeVcam/static/lib/components/interviews/templates/list_item.html
+++ b/seeVcam/static/lib/components/interviews/templates/list_item.html
@@ -10,7 +10,13 @@
     <div class="interview-time"> <%= time %> </div>
     <h4> <%= name %>  <%= surname %> </h4>
     <p> <%= job_position%> </p>
+  <% if ( isInterview ) { %>
     <div class="action-icons">
         <span class="glyphicon glyphicon-remove delete-interview"></span>
     </div>
+  <% } else  { %>
+  <div class="score">
+    <span class="number"> 0.00 </span>
+  </div>
+  <% } %>
 </div>
\ No newline at end of file
diff --git a/seeVcam/static/lib/components/interviews/views/interview.js b/seeVcam/static/lib/components/interviews/views/interview.js
index 712e227b..63fe5407 100644
--- a/seeVcam/static/lib/components/interviews/views/interview.js
+++ b/seeVcam/static/lib/components/interviews/views/interview.js
@@ -72,7 +72,7 @@ define(function (require) {
 
     render : function() {
       console.log(this.getDataForTemplate());
-      var template = this.options.list ? this.list_item_template : this.block_item_template;
+      var template = this.options.mode === "list" ? this.list_item_template : this.block_item_template;
       this.$el.html(template(this.getDataForTemplate()));
       return this;
     },
diff --git a/seeVcam/static/lib/components/interviews/views/interviews.js b/seeVcam/static/lib/components/interviews/views/interviews.js
index b186c56c..df41d7cf 100644
--- a/seeVcam/static/lib/components/interviews/views/interviews.js
+++ b/seeVcam/static/lib/components/interviews/views/interviews.js
@@ -3,7 +3,7 @@ define(function (require) {
   var _ = require("underscore");
   var Backbone = require("backbone");
   var Utils = require("utils");
-  var InterviewBlock = require("./interview");
+  var Interview = require("./interview");
   var NoInterviewTemplate = require("text!../templates/noInterview.html");
   var elementsContainer = require("text!../templates/elementsContainer.html");
 
@@ -27,11 +27,11 @@ define(function (require) {
 
     renderInterview : function(interview, index) {
 
-      var interview = new InterviewBlock({
+      var interview = new Interview({
         model: interview,
         today: this.options.today,
         isInterview : this.options.isInterview,
-        list : !!this.options.list
+				mode: this.options.mode
       });
 			console.log(this.options.isInterview);
       this.views.push(interview);

From d1c9837ed95e2c0f0110008dbec9d82ad0877e26 Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sun, 15 Feb 2015 17:37:17 +0000
Subject: [PATCH 13/29] interview list style no :hover

---
 .../interviews/style/interview-mixins.less    | 71 ++++++++++---------
 .../interviews/style/interviews.less          |  4 +-
 .../interviews/templates/list_item.html       | 14 ++--
 3 files changed, 48 insertions(+), 41 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index 17a02152..3d57da45 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -53,7 +53,7 @@
   }
 }
 
-.hover(@color:@blue) {
+.block-hover(@color:@blue) {
   .container {
     &:hover {
       box-shadow: 0 0 3px rgba(0, 0, 0, .1);
@@ -91,35 +91,40 @@
   }
 }
 
-//.list-mixin(@columns:12) {
-//  .make-row();
-//  p{
-//    display: inline-block;
-//  }
-//  .container {
-//    .make-md-column(@columns);
-//    .glyphicon-remove {
-//      float: right;
-//    }
-//    .header {
-//      .make-md-column(3);
-//      .make-md-column-offset(3);
-//      display: inline-block;
-//      h4 {
-//        margin-top: 0px;
-//        display: inline-block;
-//      }
-//    }
-//    .interview-time {
-//      .interview-date{
-//        background: black;
-//        color: #ffffff;
-//      }
-//
-//      .make-md-column(3);
-//      display: inline-block;
-//      position: absolute;
-//      left: 0px;
-//    }
-//  }
-//}
+.list-mixin(@columns:12) {
+  margin-bottom: 10px;
+
+  .container {
+    background: #ffffff;
+    line-height: 35px;
+    & > * {
+      display: inline-block;
+    }
+    .interview-name {
+      font-size: 20px;
+      border-right: 1px solid #999999;
+      padding: 0px 50px 0px 5px;
+    }
+    .interview-job {
+      color: #999999;
+      padding: 0px 5px;
+    }
+    .action-icons {
+      float: right;
+      cursor: pointer;
+    }
+    .interview-time {
+      padding: 0px 15px 0px 15px;
+      border-right: 1px solid #999;
+    }
+    .interview-date {
+      padding: 0px 15px 0px 15px;
+      background: #999999;
+      color: #ffffff;
+      position: relative;
+      float: left;
+      font-size: 16px;
+    }
+  }
+
+}
\ No newline at end of file
diff --git a/seeVcam/static/lib/components/interviews/style/interviews.less b/seeVcam/static/lib/components/interviews/style/interviews.less
index b3f28910..3581cd2a 100644
--- a/seeVcam/static/lib/components/interviews/style/interviews.less
+++ b/seeVcam/static/lib/components/interviews/style/interviews.less
@@ -101,7 +101,7 @@
 
       &.block .interview-item {
         .block-mixin(4);
-        .hover()
+        .block-hover()
       }
 
     }
@@ -114,7 +114,7 @@
 
       &.block .interview-item {
         .block-mixin(3, @report-color);
-        .hover(@report-color)
+        .block-hover(@report-color)
       }
 
     }
diff --git a/seeVcam/static/lib/components/interviews/templates/list_item.html b/seeVcam/static/lib/components/interviews/templates/list_item.html
index 7de37ad7..a34bb7b4 100644
--- a/seeVcam/static/lib/components/interviews/templates/list_item.html
+++ b/seeVcam/static/lib/components/interviews/templates/list_item.html
@@ -1,4 +1,5 @@
-<div class="interview-item  ">
+<div class="interview-item row">
+  <div class="container col-md-12">
     <div class="interview-date">
         <span class="date-string"> <%= date_string %></span>
         <span class="date-month"><%= month %></span>
@@ -7,16 +8,17 @@
         <span class="date-separator"><%= date_separator %></span>
         <span class="date-year"><%= year %></span>
     </div>
-    <div class="interview-time"> <%= time %> </div>
-    <h4> <%= name %>  <%= surname %> </h4>
-    <p> <%= job_position%> </p>
+    <div class="interview-time "> <%= time %> </div>
+    <div class="interview-name "> <%= name %>  <%= surname %> </div>
+    <div class="interview-job"> <%= job_position%> </div>
   <% if ( isInterview ) { %>
-    <div class="action-icons">
+    <div class="action-icons ">
         <span class="glyphicon glyphicon-remove delete-interview"></span>
     </div>
   <% } else  { %>
   <div class="score">
-    <span class="number"> 0.00 </span>
+    <span class="number"> 0.0 </span>
   </div>
   <% } %>
+  </div>
 </div>
\ No newline at end of file

From 30d661c372e375ab1568e7035be8f15cc9d3139b Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sun, 15 Feb 2015 17:46:37 +0000
Subject: [PATCH 14/29] added list:hover

---
 .../interviews/style/interview-mixins.less       | 16 ++++++++++++++++
 .../components/interviews/style/interviews.less  |  4 ++--
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index 3d57da45..65538316 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -110,8 +110,10 @@
       padding: 0px 5px;
     }
     .action-icons {
+      display: none;
       float: right;
       cursor: pointer;
+      padding: 0px 10px;
     }
     .interview-time {
       padding: 0px 15px 0px 15px;
@@ -126,5 +128,19 @@
       font-size: 16px;
     }
   }
+}
 
+.list-hover(@color:@blue) {
+  .container {
+    &:hover {
+      background: @color;
+      & > * {
+        color: #ffffff;
+      }
+      .action-icons {
+        display: block;
+        color: #ffffff;
+      }
+    }
+  }
 }
\ No newline at end of file
diff --git a/seeVcam/static/lib/components/interviews/style/interviews.less b/seeVcam/static/lib/components/interviews/style/interviews.less
index 3581cd2a..471ac146 100644
--- a/seeVcam/static/lib/components/interviews/style/interviews.less
+++ b/seeVcam/static/lib/components/interviews/style/interviews.less
@@ -96,7 +96,7 @@
     .interview {
       &.list .interview-item {
         .list-mixin(12);
-//        .hover()
+        .list-hover()
       }
 
       &.block .interview-item {
@@ -109,7 +109,7 @@
     .report {
       &.list .interview-item {
         .list-mixin();
-//        .hover(@report-color)
+        .list-hover(@report-color)
       }
 
       &.block .interview-item {

From 1b2d1c7c7c0ccda15b1b458beb3caebf4d6346ac Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sun, 15 Feb 2015 18:20:31 +0000
Subject: [PATCH 15/29] report-list and hovering on interview-block

---
 .../interviews/style/interview-mixins.less    | 23 +++++++++++++++----
 .../interviews/style/interviews.less          |  3 ++-
 .../interviews/templates/block_item.html      |  2 +-
 .../interviews/templates/interviewPage.html   |  2 +-
 .../interviews/templates/list_item.html       | 12 ++++++----
 5 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index 65538316..065209c4 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -50,13 +50,17 @@
         display: inline-block;
       }
     }
+    .score{
+      font-size: 50px;
+      text-align: center;
+    }
   }
 }
 
+
 .block-hover(@color:@blue) {
   .container {
     &:hover {
-      box-shadow: 0 0 3px rgba(0, 0, 0, .1);
       background-color: @color;
       color: white;
 
@@ -65,9 +69,13 @@
       }
       .header {
         color: white;
+        p {
+          color: white;
+        }
       }
-      .header p {
-        color: white;
+      .interview-time{
+        color: #ddd;
+        border-top: 1px solid #ddd;
       }
     }
   }
@@ -75,7 +83,6 @@
 
 .block-compact() {
   .container {
-    margin-bottom: 0px;
     .header {
       h4 {
         margin-bottom: 0px;
@@ -114,6 +121,7 @@
       float: right;
       cursor: pointer;
       padding: 0px 10px;
+      color: #ffffff;
     }
     .interview-time {
       padding: 0px 15px 0px 15px;
@@ -127,6 +135,12 @@
       float: left;
       font-size: 16px;
     }
+    .score{
+      font-size: 20px;
+      text-align: center;
+      padding: 0px 15px 0px 15px;
+      border-right: 1px solid #999;
+    }
   }
 }
 
@@ -139,7 +153,6 @@
       }
       .action-icons {
         display: block;
-        color: #ffffff;
       }
     }
   }
diff --git a/seeVcam/static/lib/components/interviews/style/interviews.less b/seeVcam/static/lib/components/interviews/style/interviews.less
index 471ac146..fcada129 100644
--- a/seeVcam/static/lib/components/interviews/style/interviews.less
+++ b/seeVcam/static/lib/components/interviews/style/interviews.less
@@ -114,7 +114,8 @@
 
       &.block .interview-item {
         .block-mixin(3, @report-color);
-        .block-hover(@report-color)
+        .block-hover(@report-color);
+        .block-compact()
       }
 
     }
diff --git a/seeVcam/static/lib/components/interviews/templates/block_item.html b/seeVcam/static/lib/components/interviews/templates/block_item.html
index 331a027a..ae6e9beb 100644
--- a/seeVcam/static/lib/components/interviews/templates/block_item.html
+++ b/seeVcam/static/lib/components/interviews/templates/block_item.html
@@ -22,7 +22,7 @@ <h4><%= name %>  <%= surname %></h4>
     </div>
 <% } else  { %>
     <div class="score">
-        <span class="number"> 0.00 </span>
+        <span class="number"> 5.0 </span>
     </div>
 <% } %>
   </div>
diff --git a/seeVcam/static/lib/components/interviews/templates/interviewPage.html b/seeVcam/static/lib/components/interviews/templates/interviewPage.html
index 735d1a2b..1a9c9861 100644
--- a/seeVcam/static/lib/components/interviews/templates/interviewPage.html
+++ b/seeVcam/static/lib/components/interviews/templates/interviewPage.html
@@ -29,6 +29,6 @@
       </div>
     <% } %>
 
-    <div class="inner-content  <% if (isInterview) { %> col-md-8 <% } %>"></div>
+    <div class="inner-content  <% if (isInterview) { %> col-md-9 <% }else{ %>col-md-12 <% } %>"></div>
 
 </div>
diff --git a/seeVcam/static/lib/components/interviews/templates/list_item.html b/seeVcam/static/lib/components/interviews/templates/list_item.html
index a34bb7b4..bb2424bf 100644
--- a/seeVcam/static/lib/components/interviews/templates/list_item.html
+++ b/seeVcam/static/lib/components/interviews/templates/list_item.html
@@ -8,17 +8,19 @@
         <span class="date-separator"><%= date_separator %></span>
         <span class="date-year"><%= year %></span>
     </div>
+    <% if ( isInterview ) { %>
     <div class="interview-time "> <%= time %> </div>
+    <% } else  { %>
+    <div class="score">
+      <span class="number"> 5.0 </span>
+    </div>
+    <% } %>
     <div class="interview-name "> <%= name %>  <%= surname %> </div>
     <div class="interview-job"> <%= job_position%> </div>
   <% if ( isInterview ) { %>
     <div class="action-icons ">
         <span class="glyphicon glyphicon-remove delete-interview"></span>
     </div>
-  <% } else  { %>
-  <div class="score">
-    <span class="number"> 0.0 </span>
-  </div>
-  <% } %>
+    <% } %>
   </div>
 </div>
\ No newline at end of file

From 41d7b8b70e5ef46501873b84828aad9353e51e4e Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sun, 15 Feb 2015 18:25:41 +0000
Subject: [PATCH 16/29] added smooth hover for list and blocks

---
 .../components/interviews/style/interview-mixins.less  | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index 065209c4..2c2c1710 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -60,6 +60,7 @@
 
 .block-hover(@color:@blue) {
   .container {
+    .smooth-hover();
     &:hover {
       background-color: @color;
       color: white;
@@ -146,6 +147,7 @@
 
 .list-hover(@color:@blue) {
   .container {
+    .smooth-hover();
     &:hover {
       background: @color;
       & > * {
@@ -156,4 +158,12 @@
       }
     }
   }
+}
+
+.smooth-hover(@time:0.3s){
+  -webkit-transition: all @time;
+  -moz-transition: all @time;
+  -ms-transition: all @time;
+  -o-transition: all @time;
+  transition: all @time;
 }
\ No newline at end of file

From 7f270fa4dbf3abe3fd386b92091405d55f75f58e Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sun, 15 Feb 2015 19:07:42 +0000
Subject: [PATCH 17/29] added color logic for the blocks

---
 .../interviews/style/interview-mixins.less    | 31 +++++++++----------
 .../interviews/style/interviews.less          | 10 +++---
 2 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index 2c2c1710..8122e7cb 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -6,7 +6,6 @@
     background-color: @back-color;
     border-top: 7px solid @color;
     border-radius: 0px;
-    box-shadow: 0px 0px 3px #e4e4e4;
     margin-bottom: 20px;
 
     .glyphicon-remove {
@@ -17,7 +16,6 @@
       cursor: pointer;
     }
     .header {
-      color: black;
       text-align: center;
 
       h4 {
@@ -29,7 +27,6 @@
         vertical-align: bottom;
       }
       p {
-        color: #9b9b9b;
         font-size: 15px;
       }
     }
@@ -40,7 +37,6 @@
       border-top: 1px solid #9b9b9b;
       padding: 5px 0px 0px 0px;
       font-size: 14px;
-      color: #9b9b9b;
 
       .interview-hours {
         float: right;
@@ -54,30 +50,20 @@
       font-size: 50px;
       text-align: center;
     }
+    .block-color();
   }
 }
 
-
 .block-hover(@color:@blue) {
   .container {
     .smooth-hover();
     &:hover {
+      .block-color(#fff;#fff;#ddd);
       background-color: @color;
       color: white;
-
       .glyphicon-remove {
         display: block;
       }
-      .header {
-        color: white;
-        p {
-          color: white;
-        }
-      }
-      .interview-time{
-        color: #ddd;
-        border-top: 1px solid #ddd;
-      }
     }
   }
 }
@@ -99,6 +85,19 @@
   }
 }
 
+.block-color(@name:#000000;@job:#000000;@time:#9b9b9b) {
+    .header {
+      color: @name;
+      p {
+        color: @job;
+      }
+    }
+    .interview-time {
+      border-top: 1px solid @time;
+      color: @time;
+    }
+}
+
 .list-mixin(@columns:12) {
   margin-bottom: 10px;
 
diff --git a/seeVcam/static/lib/components/interviews/style/interviews.less b/seeVcam/static/lib/components/interviews/style/interviews.less
index fcada129..c37d65fe 100644
--- a/seeVcam/static/lib/components/interviews/style/interviews.less
+++ b/seeVcam/static/lib/components/interviews/style/interviews.less
@@ -75,19 +75,21 @@
     }
   }
 
-//  .interview-item {
-//    .item-mixin();
-//  }
-
   .open-interview{
     .interview-item {
       .block-mixin(12, @orange,@orange);
       .block-compact();
+      .container{
+        .block-color(#fff;#fff;#fff);
+      }
     }
   }
   .upcoming-interviews {
     .interview-item {
       .block-mixin(12, @green,@green);
+      .container{
+        .block-color(#fff;#fff;#fff);
+      }
     }
   }
 

From 4c1a4413ad18b26048292ae6b3ef3abc202b9013 Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Mon, 16 Feb 2015 20:15:18 +0000
Subject: [PATCH 18/29] two text fixes.

---
 .../static/lib/components/questions/templates/catalogues.html | 2 +-
 seeVcam/userprofile/templates/profile-notifications.html      | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/seeVcam/static/lib/components/questions/templates/catalogues.html b/seeVcam/static/lib/components/questions/templates/catalogues.html
index 73592e1c..5fa002ba 100644
--- a/seeVcam/static/lib/components/questions/templates/catalogues.html
+++ b/seeVcam/static/lib/components/questions/templates/catalogues.html
@@ -5,7 +5,7 @@
         <div class="catalog-labels">
           <ul>
             <li style="margin-left:20px;" class="label-red">seeVcam</li>
-            <li class="label-blue">Library</li>
+            <li class="label-blue">My Library</li>
           </ul>
         </div>
         <div class="catalogs-list">
diff --git a/seeVcam/userprofile/templates/profile-notifications.html b/seeVcam/userprofile/templates/profile-notifications.html
index 5501269f..52beb3b6 100644
--- a/seeVcam/userprofile/templates/profile-notifications.html
+++ b/seeVcam/userprofile/templates/profile-notifications.html
@@ -18,8 +18,8 @@ <h4>Interview room open</h4>
           <hr class="bleed-flush compact">
 
           <div class="selector-container">
-              <h4>Interview remainder</h4>
-              <p>Receive a remainder email before the interview.</p>
+              <h4>Interview reminder</h4>
+              <p>Receive a reminder email before the interview.</p>
               {{ form.notification_day_before.errors }}
               {{ form.notification_hour_before.errors }}
               {{ form.notification_hour_before }} <span class="label"> Hour </span>

From 54f752d5e2228da74c28d59bb416ce470dfd57d5 Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Mon, 16 Feb 2015 20:54:20 +0000
Subject: [PATCH 19/29] added billing page

---
 seeVcam/userprofile/templates/profile-billing.html     | 10 ++++++++++
 .../userprofile/templates/profile-container-pjax.html  |  5 +++++
 seeVcam/userprofile/urls.py                            |  3 ++-
 seeVcam/userprofile/views.py                           |  4 ++++
 4 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 seeVcam/userprofile/templates/profile-billing.html

diff --git a/seeVcam/userprofile/templates/profile-billing.html b/seeVcam/userprofile/templates/profile-billing.html
new file mode 100644
index 00000000..95eefd2d
--- /dev/null
+++ b/seeVcam/userprofile/templates/profile-billing.html
@@ -0,0 +1,10 @@
+{% block profile_content %}
+  <div class="panel panel-default">
+    <div class="panel-heading">
+      <h3 class="panel-title">Billing</h3>
+    </div>
+    <div class="panel-body billing-body overlay-container">
+        <h5>No available yet.</h5>
+    </div>
+  </div>
+{% endblock profile_content %}
\ No newline at end of file
diff --git a/seeVcam/userprofile/templates/profile-container-pjax.html b/seeVcam/userprofile/templates/profile-container-pjax.html
index f6c19a07..0d0215de 100644
--- a/seeVcam/userprofile/templates/profile-container-pjax.html
+++ b/seeVcam/userprofile/templates/profile-container-pjax.html
@@ -32,6 +32,11 @@ <h3 class="panel-title">
                        class="list-group-item profile {% current 'profile_integration' %}">
                        Applications</a>
 
+                    <a data-pjax="inner-container"
+                       href="{% url "profile_billing" %}"
+                       class="list-group-item profile {% current 'profile_billing' %}">
+                       Billing</a>
+
                 </div>
             </div>
         </div>
diff --git a/seeVcam/userprofile/urls.py b/seeVcam/userprofile/urls.py
index 08c9245d..69b02bc6 100644
--- a/seeVcam/userprofile/urls.py
+++ b/seeVcam/userprofile/urls.py
@@ -2,13 +2,14 @@
 from django.core.urlresolvers import reverse_lazy
 from django.views.generic import RedirectView
 
-from .views import UserProfileUpdate, UserProfileNotifications, UserProfileSettings, UserProfileIntegration
+from .views import UserProfileUpdate, UserProfileNotifications, UserProfileSettings, UserProfileIntegration, UserProfileBilling
 
 html_patterns = patterns('',
                          url(r'^update/$', UserProfileUpdate.as_view(), name='profile_update'),
                          url(r'^notifications/$', UserProfileNotifications.as_view(), name='profile_notifications'),
                          url(r'^settings/$', UserProfileSettings.as_view(), name='profile_settings'),
                          url(r'^integrations/$', UserProfileIntegration.as_view(), name='profile_integration'),
+                         url(r'^billing/$', UserProfileBilling.as_view(), name='profile_billing'),
                          url(r'^$', RedirectView.as_view(url=reverse_lazy('profile_update')), name='user_profile'),
                          )
 
diff --git a/seeVcam/userprofile/views.py b/seeVcam/userprofile/views.py
index 1cb92614..8149c8a8 100644
--- a/seeVcam/userprofile/views.py
+++ b/seeVcam/userprofile/views.py
@@ -56,3 +56,7 @@ def form_valid(self, form):
 class UserProfileIntegration(LoginRequired, PJAXResponseMixin, TemplateView):
     template_name = "profile.html"
     pjax_template_name = "profile-integration.html"
+
+class UserProfileBilling(LoginRequired, PJAXResponseMixin, TemplateView):
+    template_name = "profile.html"
+    pjax_template_name = "profile-billing.html"

From cbe201005c23fafdf923cf6c24f5e66eb0ac4820 Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 21 Feb 2015 11:29:31 +0000
Subject: [PATCH 20/29] changed list size for report

---
 .../components/interviews/templates/elementsContainer.html   | 5 ++++-
 .../lib/components/interviews/templates/list_item.html       | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/templates/elementsContainer.html b/seeVcam/static/lib/components/interviews/templates/elementsContainer.html
index 7f1b76a7..f6107957 100644
--- a/seeVcam/static/lib/components/interviews/templates/elementsContainer.html
+++ b/seeVcam/static/lib/components/interviews/templates/elementsContainer.html
@@ -1,2 +1,5 @@
-<div class="elements-container <%= type %> <%= mode %>">
+<div class="elements-container <%= type %> <%= mode %>
+            <% if (!isInterview && mode==='list') { %>
+              col-md-8 col-md-offset-2 <% }
+            %>" >
 </div>
\ No newline at end of file
diff --git a/seeVcam/static/lib/components/interviews/templates/list_item.html b/seeVcam/static/lib/components/interviews/templates/list_item.html
index bb2424bf..26ae350f 100644
--- a/seeVcam/static/lib/components/interviews/templates/list_item.html
+++ b/seeVcam/static/lib/components/interviews/templates/list_item.html
@@ -15,7 +15,7 @@
       <span class="number"> 5.0 </span>
     </div>
     <% } %>
-    <div class="interview-name "> <%= name %>  <%= surname %> </div>
+    <div class="interview-name col-md-3"> <%= name %>  <%= surname %> </div>
     <div class="interview-job"> <%= job_position%> </div>
   <% if ( isInterview ) { %>
     <div class="action-icons ">

From 05e0750669339df6225dafd3995ce2a1916cfe4d Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 21 Feb 2015 12:56:07 +0000
Subject: [PATCH 21/29] added columns to list items

---
 .../interviews/style/interview-mixins.less    | 20 ++++++++++++------
 .../interviews/templates/list_item.html       | 21 +++++++++----------
 2 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index 8122e7cb..cf70af23 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -103,18 +103,22 @@
 
   .container {
     background: #ffffff;
-    line-height: 35px;
+    line-height: 30px;
     & > * {
       display: inline-block;
     }
+    .date-group{
+      padding: 0px;
+      float: left;
+    }
     .interview-name {
       font-size: 20px;
       border-right: 1px solid #999999;
-      padding: 0px 50px 0px 5px;
+      padding: 0px 5px 0px 15px;
     }
     .interview-job {
       color: #999999;
-      padding: 0px 5px;
+      padding: 0px 15px;
     }
     .action-icons {
       display: none;
@@ -124,8 +128,10 @@
       color: #ffffff;
     }
     .interview-time {
-      padding: 0px 15px 0px 15px;
       border-right: 1px solid #999;
+      text-align: center;
+      width:50px;
+      display: inline-block;
     }
     .interview-date {
       padding: 0px 15px 0px 15px;
@@ -134,12 +140,14 @@
       position: relative;
       float: left;
       font-size: 16px;
+      line-height: 31px;
     }
     .score{
-      font-size: 20px;
+      width:50px;
+      font-size: 15px;
       text-align: center;
-      padding: 0px 15px 0px 15px;
       border-right: 1px solid #999;
+      display: inline-block;
     }
   }
 }
diff --git a/seeVcam/static/lib/components/interviews/templates/list_item.html b/seeVcam/static/lib/components/interviews/templates/list_item.html
index 26ae350f..9aa0a03b 100644
--- a/seeVcam/static/lib/components/interviews/templates/list_item.html
+++ b/seeVcam/static/lib/components/interviews/templates/list_item.html
@@ -1,24 +1,23 @@
 <div class="interview-item row">
   <div class="container col-md-12">
-    <div class="interview-date">
+    <div class="date-group col-md-3">
+      <div class="interview-date">
         <span class="date-string"> <%= date_string %></span>
         <span class="date-month"><%= month %></span>
         <span class="date-separator"><%= date_separator %></span>
         <span class="date-day"><%= day %></span>
         <span class="date-separator"><%= date_separator %></span>
         <span class="date-year"><%= year %></span>
+      </div>
+      <% if ( isInterview ) { %>
+        <div class="interview-time"> <%= time %> </div>
+      <% } else  { %>
+        <div class="score"> 5.0 </div> <% } %>
     </div>
-    <% if ( isInterview ) { %>
-    <div class="interview-time "> <%= time %> </div>
-    <% } else  { %>
-    <div class="score">
-      <span class="number"> 5.0 </span>
-    </div>
-    <% } %>
-    <div class="interview-name col-md-3"> <%= name %>  <%= surname %> </div>
-    <div class="interview-job"> <%= job_position%> </div>
+    <div class="interview-name col-md-5"> <%= name %>  <%= surname %> </div>
+    <div class="interview-job col-md-4"> <%= job_position%> </div>
   <% if ( isInterview ) { %>
-    <div class="action-icons ">
+    <div class="action-icons col-md-1">
         <span class="glyphicon glyphicon-remove delete-interview"></span>
     </div>
     <% } %>

From 0d9855370d65a6ed5b8d6310664fa961a8edbe45 Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 21 Feb 2015 13:15:56 +0000
Subject: [PATCH 22/29] cleaned css since we use cols now

---
 .../interviews/style/interview-mixins.less       | 16 ++++------------
 .../interviews/templates/list_item.html          |  8 ++++----
 2 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index cf70af23..d1d253e5 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -110,44 +110,36 @@
     .date-group{
       padding: 0px;
       float: left;
+      border-right: 1px solid #999;
     }
     .interview-name {
       font-size: 20px;
       border-right: 1px solid #999999;
-      padding: 0px 5px 0px 15px;
     }
     .interview-job {
       color: #999999;
-      padding: 0px 15px;
     }
     .action-icons {
       display: none;
       float: right;
       cursor: pointer;
-      padding: 0px 10px;
       color: #ffffff;
+      position: absolute;
+      right: 10px;
     }
     .interview-time {
-      border-right: 1px solid #999;
       text-align: center;
-      width:50px;
-      display: inline-block;
     }
     .interview-date {
-      padding: 0px 15px 0px 15px;
+      text-align: center;
       background: #999999;
       color: #ffffff;
-      position: relative;
-      float: left;
       font-size: 16px;
       line-height: 31px;
     }
     .score{
-      width:50px;
       font-size: 15px;
       text-align: center;
-      border-right: 1px solid #999;
-      display: inline-block;
     }
   }
 }
diff --git a/seeVcam/static/lib/components/interviews/templates/list_item.html b/seeVcam/static/lib/components/interviews/templates/list_item.html
index 9aa0a03b..4c5f5a3f 100644
--- a/seeVcam/static/lib/components/interviews/templates/list_item.html
+++ b/seeVcam/static/lib/components/interviews/templates/list_item.html
@@ -1,7 +1,7 @@
 <div class="interview-item row">
   <div class="container col-md-12">
     <div class="date-group col-md-3">
-      <div class="interview-date">
+      <div class="interview-date col-md-8">
         <span class="date-string"> <%= date_string %></span>
         <span class="date-month"><%= month %></span>
         <span class="date-separator"><%= date_separator %></span>
@@ -10,14 +10,14 @@
         <span class="date-year"><%= year %></span>
       </div>
       <% if ( isInterview ) { %>
-        <div class="interview-time"> <%= time %> </div>
+        <div class="interview-time col-md-4"> <%= time %> </div>
       <% } else  { %>
-        <div class="score"> 5.0 </div> <% } %>
+        <div class="score col-md-4"> 5.0 </div> <% } %>
     </div>
     <div class="interview-name col-md-5"> <%= name %>  <%= surname %> </div>
     <div class="interview-job col-md-4"> <%= job_position%> </div>
   <% if ( isInterview ) { %>
-    <div class="action-icons col-md-1">
+    <div class="action-icons">
         <span class="glyphicon glyphicon-remove delete-interview"></span>
     </div>
     <% } %>

From 302dae173e64f5e506d5054dc4e1f4c3f89ce0ef Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 21 Feb 2015 13:17:34 +0000
Subject: [PATCH 23/29] no need to force display block

---
 .../lib/components/interviews/style/interview-mixins.less   | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index d1d253e5..66c9a7ed 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -99,14 +99,12 @@
 }
 
 .list-mixin(@columns:12) {
-  margin-bottom: 10px;
+  margin-bottom: 5px;
 
   .container {
     background: #ffffff;
     line-height: 30px;
-    & > * {
-      display: inline-block;
-    }
+
     .date-group{
       padding: 0px;
       float: left;

From a680374b19df4cb2dc49d85acaedf652e1c110fb Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 21 Feb 2015 13:57:41 +0000
Subject: [PATCH 24/29] no-interview reders the correct text now

---
 .../lib/components/interviews/style/interview-mixins.less  | 1 -
 .../static/lib/components/interviews/style/interviews.less | 7 +++----
 .../lib/components/interviews/templates/interviewPage.html | 1 -
 .../lib/components/interviews/templates/noInterview.html   | 2 +-
 .../static/lib/components/interviews/views/interviews.js   | 4 +++-
 5 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index 66c9a7ed..76f641f3 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -119,7 +119,6 @@
     }
     .action-icons {
       display: none;
-      float: right;
       cursor: pointer;
       color: #ffffff;
       position: absolute;
diff --git a/seeVcam/static/lib/components/interviews/style/interviews.less b/seeVcam/static/lib/components/interviews/style/interviews.less
index c37d65fe..58b444af 100644
--- a/seeVcam/static/lib/components/interviews/style/interviews.less
+++ b/seeVcam/static/lib/components/interviews/style/interviews.less
@@ -3,14 +3,13 @@
 .interviews {
 
   .no-interview {
-    font-size: 12px;
+    font-size: 25px;
     text-align: center;
-    width: 100%;
+//    width: 100%;
     font-weight: bold;
-    text-align: center;
-    color: #b3b3b3;
     color: rgba(255, 255, 255, 0.3);
     text-shadow: -1px -1px rgba(0, 0, 0, 0.25);
+    margin-top:15%;
   }
 
   .upper-bar {
diff --git a/seeVcam/static/lib/components/interviews/templates/interviewPage.html b/seeVcam/static/lib/components/interviews/templates/interviewPage.html
index 1a9c9861..0846ea02 100644
--- a/seeVcam/static/lib/components/interviews/templates/interviewPage.html
+++ b/seeVcam/static/lib/components/interviews/templates/interviewPage.html
@@ -24,7 +24,6 @@
     <% if ( isInterview )  { %>
       <div class="col-md-3 upcoming-interviews">
           <div class="interview-items">
-              <p class="no-interview shadow-text">No interview scheduled for today.</p>
           </div>
       </div>
     <% } %>
diff --git a/seeVcam/static/lib/components/interviews/templates/noInterview.html b/seeVcam/static/lib/components/interviews/templates/noInterview.html
index de67db63..9b1b13a3 100644
--- a/seeVcam/static/lib/components/interviews/templates/noInterview.html
+++ b/seeVcam/static/lib/components/interviews/templates/noInterview.html
@@ -1,3 +1,3 @@
 <div class="no-interview text-shadow ">
-  No interview <%(this.options.today ? "today" : "") %>
+  No interview <% if(today) { %>  today <% } %>
 </div>
\ No newline at end of file
diff --git a/seeVcam/static/lib/components/interviews/views/interviews.js b/seeVcam/static/lib/components/interviews/views/interviews.js
index df41d7cf..f1979c11 100644
--- a/seeVcam/static/lib/components/interviews/views/interviews.js
+++ b/seeVcam/static/lib/components/interviews/views/interviews.js
@@ -54,7 +54,9 @@ define(function (require) {
 			this.$elements = this.$el.find(".elements-container");
 
       if (this.collection.length === 0)
-        this.$elements.append(this.template_no_interview());
+        this.$elements.append(this.template_no_interview({
+					today : this.options.today
+				}));
       else
         this.renderAllInterviews();
 

From 4dc8f1dea49aa5617ffd1c4a25d70e9deada767b Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 21 Feb 2015 16:15:07 +0000
Subject: [PATCH 25/29] added truncate class to shorten long text via css

---
 .../lib/components/interviews/style/interviews.less    | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interviews.less b/seeVcam/static/lib/components/interviews/style/interviews.less
index 58b444af..1bc4b863 100644
--- a/seeVcam/static/lib/components/interviews/style/interviews.less
+++ b/seeVcam/static/lib/components/interviews/style/interviews.less
@@ -5,11 +5,9 @@
   .no-interview {
     font-size: 25px;
     text-align: center;
-//    width: 100%;
     font-weight: bold;
     color: rgba(255, 255, 255, 0.3);
     text-shadow: -1px -1px rgba(0, 0, 0, 0.25);
-    margin-top:15%;
   }
 
   .upper-bar {
@@ -122,4 +120,12 @@
     }
 
   }
+}
+
+
+.truncate{
+  width: 250px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
\ No newline at end of file

From f0c171bfa221660c135e4c33a02d5012e4db1804 Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 21 Feb 2015 16:20:41 +0000
Subject: [PATCH 26/29] interview-job and interview-name truncate text now

---
 .../lib/components/interviews/style/interview-mixins.less | 2 ++
 .../lib/components/interviews/style/interviews.less       | 8 --------
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index 76f641f3..fb9c409c 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -113,9 +113,11 @@
     .interview-name {
       font-size: 20px;
       border-right: 1px solid #999999;
+      .text-overflow();
     }
     .interview-job {
       color: #999999;
+      .text-overflow();
     }
     .action-icons {
       display: none;
diff --git a/seeVcam/static/lib/components/interviews/style/interviews.less b/seeVcam/static/lib/components/interviews/style/interviews.less
index 1bc4b863..379d973e 100644
--- a/seeVcam/static/lib/components/interviews/style/interviews.less
+++ b/seeVcam/static/lib/components/interviews/style/interviews.less
@@ -120,12 +120,4 @@
     }
 
   }
-}
-
-
-.truncate{
-  width: 250px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
 }
\ No newline at end of file

From d934cb28a8993cff61b9f2608f052fc9d85e2b99 Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 21 Feb 2015 16:42:38 +0000
Subject: [PATCH 27/29] remove icon behave the same for list and block view

---
 .../lib/components/interviews/style/interview-mixins.less     | 4 ++--
 .../lib/components/interviews/templates/block_item.html       | 2 ++
 .../lib/components/interviews/templates/noInterview.html      | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index fb9c409c..fc7352a6 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -8,7 +8,7 @@
     border-radius: 0px;
     margin-bottom: 20px;
 
-    .glyphicon-remove {
+    .action-icons {
       position: absolute;
       top: 10px;
       right: 25px;
@@ -61,7 +61,7 @@
       .block-color(#fff;#fff;#ddd);
       background-color: @color;
       color: white;
-      .glyphicon-remove {
+      .action-icons {
         display: block;
       }
     }
diff --git a/seeVcam/static/lib/components/interviews/templates/block_item.html b/seeVcam/static/lib/components/interviews/templates/block_item.html
index ae6e9beb..e586ec61 100644
--- a/seeVcam/static/lib/components/interviews/templates/block_item.html
+++ b/seeVcam/static/lib/components/interviews/templates/block_item.html
@@ -2,7 +2,9 @@
   <div class="container">
 
 <% if ( isInterview ) { %>
+  <div class="action-icons">
     <span class="glyphicon glyphicon-remove delete-interview"> </span>
+  </div>
 <% } %>
     <div class="header">
       <h4><%= name %>  <%= surname %></h4>
diff --git a/seeVcam/static/lib/components/interviews/templates/noInterview.html b/seeVcam/static/lib/components/interviews/templates/noInterview.html
index 9b1b13a3..e17013e9 100644
--- a/seeVcam/static/lib/components/interviews/templates/noInterview.html
+++ b/seeVcam/static/lib/components/interviews/templates/noInterview.html
@@ -1,3 +1,3 @@
 <div class="no-interview text-shadow ">
-  No interview <% if(today) { %>  today <% } %>
+  No interviews <% if(today) { %>  today <% } %>
 </div>
\ No newline at end of file

From a21b7bea9e33ee009a17f8d7071ba2053f86f12b Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 21 Feb 2015 17:04:41 +0000
Subject: [PATCH 28/29] colors are more uniform for interview and report view

---
 seeVcam/static/apps/dashboard/constants.less  |  6 ++++-
 seeVcam/static/apps/dashboard/dashboard.less  | 14 +++++-----
 .../interviews/style/interview-mixins.less    | 27 +++++++++----------
 .../interviews/style/interviews.less          | 12 ++++-----
 .../lib/components/profile/profile.less       |  8 +++---
 5 files changed, 35 insertions(+), 32 deletions(-)

diff --git a/seeVcam/static/apps/dashboard/constants.less b/seeVcam/static/apps/dashboard/constants.less
index 2c160dc7..847fdb96 100644
--- a/seeVcam/static/apps/dashboard/constants.less
+++ b/seeVcam/static/apps/dashboard/constants.less
@@ -1,13 +1,17 @@
 /* Colors */
 
+@white:#fff;
+@black: #000;
 @orange : #D14232;
 @light-orange : #FF9861;
 @light-grey: #f1f1f1;
-@grey : #666;
+@gray : #666;
 @nav-bar-grey : #cccccc;
 @blue : #0071bb;
 @background-grey : #eeeeee;
 @silver: #bdc3c7;
+@a:#dddddd;
+@date-gray:#9b9b9b;
 @report-color : #400065;
 @green: #009145;
 
diff --git a/seeVcam/static/apps/dashboard/dashboard.less b/seeVcam/static/apps/dashboard/dashboard.less
index 73d6b018..30730a95 100644
--- a/seeVcam/static/apps/dashboard/dashboard.less
+++ b/seeVcam/static/apps/dashboard/dashboard.less
@@ -61,7 +61,7 @@ hr {
 }
 
 label {
-    color: #666666;
+    color: @gray;
 }
 
 [type=text],
@@ -96,12 +96,12 @@ select.form-control {
 .btn-orange {
   background-color : @light-orange;
   border-color: @light-orange;
-  color: #fff;
+  color: @white;
 
   &:hover, &:focus {
     background-color : darken(@light-orange, 5%);
     border-color : darken(@light-orange, 5%);
-    color: #fff;
+    color: @white;
   }
 
 }
@@ -111,7 +111,7 @@ select.form-control {
   border-color : @silver;
 
   &:hover, &:focus {
-    background-color : lighten(@grey, 5%);;
+    background-color : lighten(@gray, 5%);;
     border-color : @silver;
   }
 
@@ -119,11 +119,11 @@ select.form-control {
 .btn-blue {
   background-color : @blue;
   border-color : @blue;
-  color:#fff;
+  color:@white;
   &:hover, &:focus {
     background-color : lighten(@blue, 5%);
     border-color : @blue;
-    color:#fff;
+    color:@white;
   }
 
 }
@@ -138,7 +138,7 @@ select.form-control {
 }
 
 .fc-view-container {
-  background: white;
+  background: @white;
 }
 
 .fc-button {
diff --git a/seeVcam/static/lib/components/interviews/style/interview-mixins.less b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
index fc7352a6..2875f7a9 100644
--- a/seeVcam/static/lib/components/interviews/style/interview-mixins.less
+++ b/seeVcam/static/lib/components/interviews/style/interview-mixins.less
@@ -1,4 +1,4 @@
-.block-mixin(@columns:12; @color:@blue; @back-color:white) {
+.block-mixin(@columns:12; @color:@blue; @back-color:@white) {
 
   .make-md-column(@columns);
 
@@ -10,7 +10,6 @@
 
     .action-icons {
       position: absolute;
-      top: 10px;
       right: 25px;
       display: none;
       cursor: pointer;
@@ -34,7 +33,7 @@
     .interview-time {
       width: 80%;
       margin: 15px auto 0px auto;
-      border-top: 1px solid #9b9b9b;
+      border-top: 1px solid @date-gray;
       padding: 5px 0px 0px 0px;
       font-size: 14px;
 
@@ -58,9 +57,9 @@
   .container {
     .smooth-hover();
     &:hover {
-      .block-color(#fff;#fff;#ddd);
+      .block-color(@white;@white;#ddd);
       background-color: @color;
-      color: white;
+      color: @white;
       .action-icons {
         display: block;
       }
@@ -85,7 +84,7 @@
   }
 }
 
-.block-color(@name:#000000;@job:#000000;@time:#9b9b9b) {
+.block-color(@name:@black;@job:@black;@time:@date-gray) {
     .header {
       color: @name;
       p {
@@ -102,27 +101,27 @@
   margin-bottom: 5px;
 
   .container {
-    background: #ffffff;
+    background: @white;
     line-height: 30px;
 
     .date-group{
       padding: 0px;
       float: left;
-      border-right: 1px solid #999;
+      border-right: 1px solid @date-gray;
     }
     .interview-name {
       font-size: 20px;
-      border-right: 1px solid #999999;
+      border-right: 1px solid @date-gray;
       .text-overflow();
     }
     .interview-job {
-      color: #999999;
+      color: @date-gray;
       .text-overflow();
     }
     .action-icons {
       display: none;
       cursor: pointer;
-      color: #ffffff;
+      color: @white;
       position: absolute;
       right: 10px;
     }
@@ -131,8 +130,8 @@
     }
     .interview-date {
       text-align: center;
-      background: #999999;
-      color: #ffffff;
+      background: @date-gray;
+      color: @white;
       font-size: 16px;
       line-height: 31px;
     }
@@ -149,7 +148,7 @@
     &:hover {
       background: @color;
       & > * {
-        color: #ffffff;
+        color: @white;
       }
       .action-icons {
         display: block;
diff --git a/seeVcam/static/lib/components/interviews/style/interviews.less b/seeVcam/static/lib/components/interviews/style/interviews.less
index 379d973e..a43c27f6 100644
--- a/seeVcam/static/lib/components/interviews/style/interviews.less
+++ b/seeVcam/static/lib/components/interviews/style/interviews.less
@@ -20,7 +20,7 @@
 
       .search-input {
         padding-right: 30px;
-        background-color: white;
+        background-color: @white;
       }
 
       .search-icon {
@@ -28,7 +28,7 @@
         right: 0;
         top: 0;
         font-size: 18px;
-        color: @grey;
+        color: @gray;
         margin: 5px 10px 5px 5px;
         cursor: pointer;
       }
@@ -50,7 +50,7 @@
         width: 34px;
         font-size: 22px;
         text-align: center;
-        color: @grey;
+        color: @gray;
         margin-right: 10px;
         cursor: pointer;
         text-decoration: none;
@@ -59,7 +59,7 @@
           padding-left: 5px;
         }
         &:hover, &:active, &.active {
-          background-color: @grey;
+          background-color: @gray;
           color: @background-grey;
           text-decoration: none;
         }
@@ -77,7 +77,7 @@
       .block-mixin(12, @orange,@orange);
       .block-compact();
       .container{
-        .block-color(#fff;#fff;#fff);
+        .block-color(@white;@white;@white);
       }
     }
   }
@@ -85,7 +85,7 @@
     .interview-item {
       .block-mixin(12, @green,@green);
       .container{
-        .block-color(#fff;#fff;#fff);
+        .block-color(@white;@white;@white);
       }
     }
   }
diff --git a/seeVcam/static/lib/components/profile/profile.less b/seeVcam/static/lib/components/profile/profile.less
index 16df44ef..57724103 100644
--- a/seeVcam/static/lib/components/profile/profile.less
+++ b/seeVcam/static/lib/components/profile/profile.less
@@ -3,7 +3,7 @@
   a.list-group-item {
 
     background-color: #fafafb;
-    border-top: 1px solid white;
+    border-top: 1px solid @white;
     border-bottom: 1px solid #eeeeee;
     margin-bottom: auto;
 
@@ -16,7 +16,7 @@
       text-shadow: none;
       font-weight: bold;
       cursor: default;
-      border-top: 1px solid white;
+      border-top: 1px solid @white;
 
       &:focus,&:hover {
         background-image: none;
@@ -46,11 +46,11 @@
 
     p {
       margin: 10px 0;
-      color: @grey;
+      color: @gray;
     }
 
     .label {
-      color : @grey;
+      color : @gray;
       font-weight: bold;
       font-size :13px;
     }

From 0fc99f27e01c5022e0fb2ccddfe98eac7a687f9f Mon Sep 17 00:00:00 2001
From: fadykalo <fadykalo@gmail.com>
Date: Sat, 21 Feb 2015 18:01:53 +0000
Subject: [PATCH 29/29] added local less configuration to provide development
 configuration

---
 seeVcam/dashboard/templates/dashboard.html | 2 +-
 seeVcam/static/apps/env/local.less         | 8 ++++++++
 seeVcam/static/apps/env/production.less    | 0
 3 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 seeVcam/static/apps/env/local.less
 create mode 100644 seeVcam/static/apps/env/production.less

diff --git a/seeVcam/dashboard/templates/dashboard.html b/seeVcam/dashboard/templates/dashboard.html
index 4c9a7340..7c4b6787 100644
--- a/seeVcam/dashboard/templates/dashboard.html
+++ b/seeVcam/dashboard/templates/dashboard.html
@@ -15,7 +15,7 @@
         <script type="text/javascript" src="/js/dashboard.min.js"></script>
     {% else %}
         {# less #}
-        <link rel="stylesheet/less" type="text/css" href="{% static "apps/dashboard/dashboard.less" %}" />
+        <link rel="stylesheet/less" type="text/css" href="{% static "apps/env/local.less" %}" />
         <script type="text/javascript" src="{% static "bower_components/less/dist/less-1.7.5.min.js" %}"></script>
         {# app.js #}
         <script type="text/javascript" data-main="{% static "" %}"  src="{% static "bower_components/requirejs/require.js" %}"></script>
diff --git a/seeVcam/static/apps/env/local.less b/seeVcam/static/apps/env/local.less
new file mode 100644
index 00000000..8b25c9c9
--- /dev/null
+++ b/seeVcam/static/apps/env/local.less
@@ -0,0 +1,8 @@
+@import "../dashboard/dashboard";
+
+/* new definitions */
+
+/* @overrides */
+
+//** Load fonts from this directory.
+@icon-font-path:"../../bower_components/bootstrap/fonts/";
\ No newline at end of file
diff --git a/seeVcam/static/apps/env/production.less b/seeVcam/static/apps/env/production.less
new file mode 100644
index 00000000..e69de29b