basic displaying of builditem

www/md_base/src/app/app.module.coffee

@@ -4,6 +4,7 @@ angular.module 'app', [
     'ngMaterial',
     'ui.router',
     'ng-sortable',
+    'angularMoment',
 ]
     .config ($mdThemingProvider) ->
         $mdThemingProvider.theme('default')

www/md_base/src/app/common/directives/builditem/builditem.directive.coffee

@@ -0,0 +1,24 @@
+class BuildItem extends Directive
+
+    constructor: ->
+        return {
+            restrict: 'E'
+            templateUrl: 'views/builditem.html'
+            controller: '_BuildItemController'
+            controllerAs: 'builditem'
+            bindToController: true
+            scope:
+                build: '='
+                outBuilder: '=builder'
+                showBuilder: '='
+        }
+
+class _BuildItem extends Controller
+    constructor: (buildbotService) ->
+        if @outBuilder
+            @builder = outBuilder
+        else if @showBuilder
+            buildbotService.one('builders', @build.builderid).get().then (data) =>
+                @builder = data
+
+

www/md_base/src/app/common/directives/builditem/builditem.less

@@ -0,0 +1,25 @@
+build-item {
+  display: block;
+  margin: 5px 0;
+  padding: 5px;
+  background: rgba(0, 0, 0, 0.05);
+
+  .inner {
+    line-height: 30px;
+    font-size: 16px;
+    color: #999;
+
+    span {
+      padding: 0 5px;
+    }
+  }
+
+  .builder-name {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    width: 20%;
+    min-width: 100px;
+    border-right: 1px solid #ddd;
+  }
+}

www/md_base/src/app/common/directives/builditem/builditem.spec.coffee

@@ -0,0 +1,12 @@
+beforeEach module 'app'
+
+describe 'panel', ->
+
+    $rootScope = $compile = null
+
+    injected = ($injector) ->
+        $compile = $injector.get('$compile')
+        $rootScope = $injector.get('$rootScope')
+
+    beforeEach inject injected
+

www/md_base/src/app/common/directives/builditem/builditem.tpl.jade

@@ -0,0 +1,5 @@
+div.inner(layout="row")
+  build-status(build="builditem.build")
+  span.builder-name(ng-if="builditem.showBuilder") {{ builditem.builder.name }}
+  span.number(flex) \#{{ builditem.build.number }}
+  span.time(am-time-ago="builditem.build.started_at", am-preprocess="unix")

www/md_base/src/app/home/panels/recent_builds/recent_builds.directive.coffee

@@ -10,6 +10,7 @@ class RecentBuilds extends Directive
         }
 
 class _RecentBuilds extends Controller
+    showBuilders: true
     builds: []
     constructor: ($scope, buildbotService) ->
         buildbotService.all('builds').getList(

www/md_base/src/app/home/panels/recent_builds/recent_builds_panel.tpl.jade

@@ -1,2 +1,2 @@
 div.build(ng-repeat="build in recent.builds")
-  build-status(build="build")
+  build-item(build="build", show-builder="recent.showBuilders")