houston-core 0.6.0 → 0.6.1

data/app/assets/javascripts/application.js

@@ -11,6 +11,7 @@
 // about supported directives.
 //
 //= require_tree ./core
+//= require md5
 //= require_tree ../templates
 //= require_tree ./app
 

data/app/assets/javascripts/core/app.coffee

@@ -4,11 +4,16 @@ window.App =
     $("meta[name=\"#{name}\"]").attr('content')
 
   serverDateFormat: d3.time.format('%Y-%m-%d')
+  serverTimeFormat: d3.time.format.iso
 
   parseDate: (date)->
     return date unless _.isString(date)
     @serverDateFormat.parse date.slice(0, 10)
 
+  parseTime: (time)->
+    return time unless _.isString(time)
+    @serverTimeFormat.parse time
+
   checkRevision: (jqXHR)->
     @clientRevision ||= App.meta('revision')
     serverRevision = jqXHR.getResponseHeader('X-Revision')

data/app/assets/javascripts/dashboard.js

@@ -12,6 +12,7 @@
 //
 //= require_tree ./core
 //= require_tree ./dashboard
+//= require md5
 //
 //  for Houston::Roadmap's dashboard
 //

data/app/assets/javascripts/vendor.js

@@ -19,7 +19,6 @@
 //= require mousetrap
 //= require nested_editor_for
 //= require showdown
-//= require md5
 //= require neat
 //= require alertify
 //= require dropzone

data/app/assets/stylesheets/application/exceptions.scss

@@ -1,3 +1,5 @@
+@import "variables.scss";
+
 $completed-background: #E6F3E2;
 $completed-foreground: rgb(42, 133, 19);
 
@@ -47,7 +49,7 @@ $completed-foreground: rgb(42, 133, 19);
   }
   .exception-commit {
     display: block;
-    font-family: consolas, fixed;
+    @include code;
     font-size: 0.75em;
     line-height: 14px;
   }

data/app/assets/stylesheets/application/navigation.scss

@@ -1,9 +1,19 @@
-$navbar-height: 36px;
+$navbar-height: 34px;
 $avatar-size: $navbar-height - 6px;
-$project-navbar-height: 30px;
+$project-navbar-height: 34px;
 
 .navbar .dropdown-menu .bubble { margin: 0 0.25em 0 0; }
 
+.navbar-inverse .brand, .navbar-inverse .nav > li > a { text-shadow: none; }
+.navbar-inverse .navbar-inner {
+  background: #222 !important;
+}
+
+.navbar-inverse .divider-vertical {
+  border-left-color: #080808;
+  border-right-color: #303030;
+}
+
 .nav-icon {
   display: inline-block;
   height: 18px;
@@ -21,16 +31,34 @@ $project-navbar-height: 30px;
 }
 
 .navbar .brand {
-  padding: 6px 20px 10px;
+  padding: 6px 12px 10px 20px;
+  margin: 0 15px 0 0;
+  height: $navbar-height - 16px;
   position: relative;
   z-index: 1;
+  background: black;
+  color: #ddd;
+
+  &::before {
+    content: '.';
+    color: transparent;
+    display: block;
+    position: absolute;
+    top: 0;
+    right: -10px;
+    width: 0px;
+    height: 0px;
+    border-top: ($navbar-height / 2) solid transparent;
+    border-bottom: ($navbar-height / 2) solid transparent;
+    border-left: 10px solid black;
+  }
 }
 
 // Don't let the navbar wrap onto multiple lines
 .navbar .nav {
   height: $navbar-height;
   float: none;
-  margin: 0 66px 0 0;
+  margin: 0;
 }
 
 .navbar-inverse .navbar-inner {
@@ -48,13 +76,13 @@ $project-navbar-height: 30px;
 .navbar .nav > li > a,
 .navbar-inverse .nav > li.current {
   padding: 6px 15px 10px;
-  height: 20px;
+  height: $navbar-height - 16px;
 }
 
 // same as .dropdown.open
 .navbar-inverse .nav > li.current {
   color: #ffffff;
-  background-color: #111111;
+  background-color: #333;
 }
 
 .navbar-inner {
@@ -68,22 +96,55 @@ $project-navbar-height: 30px;
 
 
 .navbar .nav .current-project {
-  margin-right: 5px;
+  margin-right: 15px;
   white-space: nowrap;
+  position: relative;
+
+  .dropdown-menu { left: 8px; }
 }
 
+$current-project-active-bg: #222;
 .navbar .nav .current-project > a {
   color: white;
   text-shadow: none;
-  height: 20px;
+  height: $project-navbar-height - 12px;
+  padding-left: 20px;
+  font-size: 16px;
+  font-weight: 200;
 
   &::after {
     font-family: 'FontAwesome';
     content: '\f0dc';
     display: inline-block;
-    margin-left: 0.5ems;
-    font-size: 0.88em;
+    margin-left: 0.25em;
+    font-size: 11px;
+  }
+
+  &::before {
+    content: '.';
+    color: transparent;
+    display: block;
+    position: absolute;
+    top: 0;
+    right: -10px;
+    width: 0px;
+    height: 0px;
+    border-top: ($project-navbar-height / 2) solid transparent;
+    border-bottom: ($project-navbar-height / 2) solid transparent;
+    border-left-width: 10px;
+    border-left-style: solid;
   }
+
+  &:hover { color: white; }
+}
+
+.navbar .nav li.current-project.dropdown.open > .dropdown-toggle,
+.navbar .nav li.current-project.dropdown.active > .dropdown-toggle,
+.navbar .nav li.current-project.dropdown.open.active > .dropdown-toggle {
+  background: $current-project-active-bg;
+  color: white;
+
+  &::before { border-left-color: $current-project-active-bg; }
 }
 
 .project-navbar {
@@ -91,11 +152,10 @@ $project-navbar-height: 30px;
   top: $navbar-height;
   width: 100%;
   z-index: 1029;
-  padding: 3px 3em 0;
+  padding: 0;
   height: $project-navbar-height;
-  overflow: hidden;
 
-  .nav-icon svg * { fill: white; }
+  .nav-icon svg * { fill: #333; }
 
   .project-no-features {
     color: white;
@@ -106,15 +166,12 @@ $project-navbar-height: 30px;
 .project-navbar .nav > li { float: left; }
 .project-navbar .nav > li > a,
 .project-navbar .nav > li.current {
-  padding: 5px 15px;
+  padding: 6px 15px;
+  height: $project-navbar-height - 12px;
 }
 .project-navbar .nav > li > a {
-  color: white;
-
-  &:hover, &:focus {
-    text-decoration: none;
-    background-color: rgba(255,255,255,0.25);
-  }
+  color: #333;
+  text-shadow: none;
 }
 
 .project-navbar .nav > li.current {
@@ -125,8 +182,13 @@ $project-navbar-height: 30px;
 }
 
 
+.navbar .nav > li.current-user {
+  z-index: 5;
+}
+
 .navbar .nav > li.current-user > a {
   padding: 3px 15px;
+  height: $navbar-height - 6px;
 }
 
 .navbar .nav > li > a.settings-link {
@@ -146,7 +208,7 @@ $project-navbar-height: 30px;
 
 
 
-$threshhold: 820px;
+$threshhold: 768px;
 
 @media (max-width: $threshhold) {
   .nav .nav-label { display: none; }
@@ -162,6 +224,7 @@ $threshhold: 820px;
 
 .project-banner {
   top: $navbar-height + $project-navbar-height;
+  border-bottom: 1px solid #e0e0e0;
 }
 
 .project-banner .dropdown .caret {

data/app/assets/stylesheets/application/releases.scss

@@ -1,12 +1,14 @@
+@import "variables.scss";
+
 .no-items { font-style: italic; }
 
 .commit-range {
-  font-family: consolas, fixed;
+  @include code;
   .ellipsis { letter-spacing: -2px; margin: 0 1px 0 -1px; }
 }
 
 .commit-sha {
-  font-family: consolas, fixed;
+  @include code;
   font-size: 0.88em;
 }
 
@@ -155,3 +157,31 @@
     font-weight: normal;
   }
 }
+
+
+
+.input-group {
+  input[type="text"],
+  input[type="search"],
+  input[type="submit"],
+  .btn {
+    margin-bottom: 0;
+
+    &:not(:last-child) {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+      border-right-width: 0;
+    }
+    &:not(:first-child) {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+}
+
+.release-search-result em {
+  font-style: normal;
+  display: inline-block;
+  background: rgba(255, 255, 0, 0.12);
+  font-weight: 500;
+}

data/app/assets/stylesheets/application/test.scss

@@ -82,3 +82,37 @@
     &.zero { color: #ddd; }
   }
 }
+
+$dot-graph-width: 144px;
+
+.dot-graph {
+  width: $dot-graph-width;
+  height: 14px;
+  vertical-align: top;
+}
+
+.test-graph {
+  width: $dot-graph-width;
+  min-width: $dot-graph-width;
+  max-width: $dot-graph-width;
+}
+
+td.test-duration {
+  text-align: right;
+  line-height: normal;
+  padding-bottom: 2px;
+
+  .test-duration-average { display: block; }
+  .test-duration-range {
+    display: block;
+    font-size: 0.75em;
+    white-space: nowrap;
+    color: #aaa;
+  }
+}
+
+.dot-graph-rect {
+  &.pass  { fill: #5DB64C; } // grass
+  &.fail  { fill: #E24E32; } // tomato
+  &.skip  { fill: #239ce7; } // sky
+}

data/app/assets/stylesheets/core/colors.scss.erb

@@ -50,20 +50,50 @@ $default: rgb(80,80,80);
   <% end %>
 }
 
-#email_body h1.project-banner,
-.current-project,
-.project-navbar {
+#email_body h1.project-banner {
   <% project_colors.each do |name| %>
     &.<%= name %> { background-color: $<%= name %>; }
   <% end %>
 }
 
+.project-navbar {
+  <% project_colors.each do |name| %>
+    &.<%= name %> {
+      background-color: lighten($<%= name %>, 20%);
+
+      .nav > li.current-project > a {
+        background-color: $<%= name %>;
+        &:focus { background-color: $<%= name %>; }
+        &::before { border-left-color: $<%= name %>; }
+
+        &:hover {
+          background: saturate(darken($<%= name %>, 10%), 6%);
+          &::before { border-left-color: saturate(darken($<%= name %>, 10%), 6%); }
+        }
+      }
+
+      .divider-vertical {
+        border-left-color: lighten($<%= name %>, 15%);
+        border-right-color: lighten($<%= name %>, 28%);
+      }
+    }
+  <% end %>
+}
+
+
 <% project_colors.each do |name| %>
   .project-navbar.<%= name %> .nav > li.current,
+  .project-navbar.<%= name %> .nav > li > a:hover,
   .project-banner.<%= name %> {
     background-color: lighten($<%= name %>, 32%);
     background-color: hsl(hue($<%= name %>), saturation($<%= name %>), 93);
   }
+  .project-banner.<%= name %> {
+    border-bottom: 1px solid hsl(hue($<%= name %>), saturation($<%= name %>) / 3, 88);
+  }
+  .slideout-menu .project-navbar.<%= name %> {
+    background-color: $<%= name %>;
+  }
   .navbar-inverse .nav li.current-project.dropdown.open > .dropdown-toggle,
   .navbar-inverse .nav li.current-project.dropdown.active > .dropdown-toggle,
   .navbar-inverse .nav li.current-project.dropdown.open.active > .dropdown-toggle {

data/app/assets/stylesheets/dashboard/dashboard.scss

@@ -14,15 +14,16 @@ $subtle-vivid-green: #2d8041;
 // a yellow green
 $vivid-green: #7ab84a;
 
+html { height: 100%; }
+
 .dashboard {
   background: $background;
   color: $foreground;
-  position: fixed;
-  top: 40px;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  padding: 12px;
+  overflow: hidden;
+  position: relative;
+  height: 100%;
+  padding: 40px 12px;
+  box-sizing: border-box;
 
   &.red {
     background: #5C1608;
@@ -60,13 +61,14 @@ $vivid-green: #7ab84a;
     max-width: 960px;
     margin: 0 auto;
     position: relative;
+    height: 100%;
   }
 
   h1 {
     color: inherit;
     font-size: 4em;
     font-weight: 100;
-    margin: 0 0 0.5em 0;
+    margin: 0 0 0.25em 0;
     padding: 0;
     background: none;
     box-shadow: none;
@@ -107,4 +109,6 @@ $vivid-green: #7ab84a;
     background: $subtle;
     color: $foreground;
   }
+
+  .avatar-empty { display: none; }
 }

data/app/assets/stylesheets/variables.scss

@@ -0,0 +1,3 @@
+@mixin code {
+  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+}