diff --git a/.meteor/packages b/.meteor/packages index e5ca64e..a8edca3 100644 --- a/.meteor/packages +++ b/.meteor/packages @@ -24,3 +24,4 @@ zenorocha:clipboard simple:reactive-method vsivsi:job-collection ogamedia:timer +less diff --git a/.meteor/versions b/.meteor/versions index ea16e41..0df53f7 100644 --- a/.meteor/versions +++ b/.meteor/versions @@ -41,6 +41,7 @@ iron:router@1.0.12 iron:url@1.0.11 jquery@1.11.4 launch-screen@1.0.4 +less@2.5.1 livedata@1.0.15 logging@1.0.8 meteor@1.1.10 diff --git a/client/custom.less b/client/custom.less new file mode 100644 index 0000000..11097fe --- /dev/null +++ b/client/custom.less @@ -0,0 +1,41 @@ +// http://codepen.io/quickstep25/pen/BNOJXK +// OPTIONAL WELL STYLES +// VARS +@state-primary-bg: darken(#428bca, 6.5%); +@state-success-bg: #dff0d8; +@state-info-bg: #d9edf7; +@state-warning-bg: #fcf8e3; +@state-danger-bg: #f2dede; +// MIXINS - SHADOWS +.box-shadow(@arguments: none) { + -webkit-box-shadow: @arguments; + -moz-box-shadow: @arguments; + box-shadow: @arguments; +} +// MIXINS - GRADIENT BACKGROUND +.vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) { + background: @start-color; + background-image: -moz-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); + background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); + background-image: -ms-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); + background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(@start-percent, @start-color), color-stop(@end-percent, @end-color)); + background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); +} +// MIXINS - BOOTSTRAP - WELL VARIANT OVERRIDE +.well-variant(@state; @bg) { + .well.bg-@{state} { + color: darken(@bg, 65%); + background-color: @bg; + .vertical(@start-color: darken(@bg, 5%); @end-color: @bg); + border-color: darken(@bg, 10%); + @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); + .box-shadow(@shadow); + } +} +// WELLS - CONTEXTUAL BACKGROUNDS +.well-variant(primary; @state-primary-bg); +.well-variant(success; @state-success-bg); +.well-variant(info; @state-info-bg); +.well-variant(warning; @state-warning-bg); +.well-variant(danger; @state-danger-bg); \ No newline at end of file diff --git a/client/project_details.controller.js b/client/project_details.controller.js index ca078aa..4a133a8 100644 --- a/client/project_details.controller.js +++ b/client/project_details.controller.js @@ -10,7 +10,20 @@ Template.deploymentDetails.helpers({ }, running: function() { var string = this.status; + if( !string ) { + return ''; + } return string.charAt(0).toUpperCase() + string.slice(1); + }, + deployment_status: function() { + switch( this.status ) { + case 'closed' : + return this.output[this.output.length - 1].error ? 'bg-danger' : 'bg-success'; + case 'pending' : + return 'bg-info'; + default : + return 'bg-default'; + } } }); diff --git a/client/project_details.view.html b/client/project_details.view.html index e732e73..424a06d 100644 --- a/client/project_details.view.html +++ b/client/project_details.view.html @@ -39,10 +39,10 @@