rearview 1.0.0.rc1-jruby → 1.0.0.rc2-jruby

data/public/rearview/js/model/dashboard.js

@@ -0,0 +1 @@
+define(["model/base"],function(d){var e=d.extend({initialize:function(d){this.category=d?d.category:!1,this.dashboardId=d?d.dashboardId:null},url:function(){return this.category?this.dashboardId?"/dashboards/"+this.dashboardId+"/children.json":"/dashboards.json":this.get("id")?"/dashboards/"+this.get("id"):"/dashboards.json"},parse:function(d){return d.createdAt=d.createdAt?this.formatServerDateTime(d.createdAt):d.createdAt,d.modifiedAt=d.modifiedAt?this.formatServerDateTime(d.modifiedAt):d.modifiedAt,d},defaults:{id:null,userId:null,name:"Default",createdAt:null,modifiedAt:null,description:null,children:[]}});return e});

data/public/rearview/js/model/monitor.js

@@ -0,0 +1 @@
+define(["model/base"],function(e){var t=e.extend({url:function(){return this.get("id")?"/jobs/"+this.get("id"):"/jobs.json"},parse:function(e){return e.createdAt=e.createdAt?this.formatServerDateTime(e.createdAt):e.createdAt,e.modifiedAt=e.modifiedAt?this.formatServerDateTime(e.modifiedAt):e.modifiedAt,e},defaults:{id:null,dashboardId:1,userId:null,name:"",active:!0,jobType:"monitor",version:2,alertKeys:[],cronExpr:"",errorTimeout:60,minutes:1,metrics:[],monitorExpr:"",toDate:null,createdAt:null,modifiedAt:null}});return t});

data/public/rearview/js/model/user.js

@@ -0,0 +1 @@
+define(["model/base","backbone-mediator"],function(e){var t=e.extend({url:"/user.json",defaults:{id:null,email:"",firstName:"",lastName:"",lastLogin:null,createdAt:null,modifiedAt:null,preferences:{}},parse:function(e){return e.createdAt&&(e.createdAt=this.formatServerDateTime(e.createdAt)),e.modifiedAt&&(e.modifiedAt=this.formatServerDateTime(e.modifiedAt)),e.preferences||(e.preferences={},e.preferences.dashboards||(e.preferences.dashboards=[])),e},convertApplicationPrefs:function(){var e=this.get("preferences");e.applications&&(e.dashboards=e.applications,this.set("preferences",e),delete e.applications,this.save())},updatePrefs:function(e){var t=this.get("preferences");this.set("preferences",_.extend(t,e)),this.save()},initialize:function(){_.bindAll(this),this.fetch({async:!1,success:function(){this.convertApplicationPrefs(),Backbone.Mediator.pub("model:user:init",this)}.bind(this)})}});return t});

data/public/rearview/js/route/index.js

@@ -0,0 +1 @@
+define(["backbone","backbone-mediator"],function(e){var a=e.Router.extend({initialize:function(e){this.app=e.app},routes:{"":"ecosystem",ecosystem:"ecosystem","dash/:id":"dashboard","dash/:id/expand/:mid":"dashboard","dash/:id/category/:cid":"category"},category:function(e,a){e=e?parseInt(e):e,a=a?parseInt(a):a,e&&this.app.category(e,a)},dashboard:function(e,a){e=e?parseInt(e):e,a=a?parseInt(a):a,e&&this.app.dashboard(e,a)},ecosystem:function(){this.navigate("ecosystem",{replace:!0}),this.app.ecosystem()}});return a});

data/public/rearview/js/util/highcharts-gray-theme.js

@@ -0,0 +1 @@
+define(["jquery","highcharts"],function(o,r){return r.theme={colors:["#DDDF0D","#7798BF","#55BF3B","#DF5353","#aaeeee","#ff0066","#eeaaee","#55BF3B","#DF5353","#7798BF","#aaeeee"],chart:{backgroundColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[0,"rgb(96, 96, 96)"],[1,"rgb(16, 16, 16)"]]},borderWidth:0,borderRadius:15,plotBackgroundColor:null,plotShadow:!1,plotBorderWidth:0},title:{style:{color:"#FFF",font:"16px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif"}},subtitle:{style:{color:"#DDD",font:"12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif"}},xAxis:{gridLineWidth:0,lineColor:"#999",tickColor:"#999",labels:{style:{color:"#999",fontWeight:"bold"}},title:{style:{color:"#AAA",font:"bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif"}}},yAxis:{alternateGridColor:null,minorTickInterval:null,gridLineColor:"rgba(255, 255, 255, .1)",lineWidth:0,tickWidth:0,labels:{style:{color:"#999",fontWeight:"bold"}},title:{style:{color:"#AAA",font:"bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif"}}},legend:{itemStyle:{color:"#CCC"},itemHoverStyle:{color:"#FFF"},itemHiddenStyle:{color:"#333"}},labels:{style:{color:"#CCC"}},tooltip:{backgroundColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[0,"rgba(96, 96, 96, .8)"],[1,"rgba(16, 16, 16, .8)"]]},borderWidth:0,style:{color:"#FFF"}},plotOptions:{line:{dataLabels:{color:"#CCC"},marker:{lineColor:"#333"}},spline:{marker:{lineColor:"#333"}},scatter:{marker:{lineColor:"#333"}},candlestick:{lineColor:"white"}},toolbar:{itemStyle:{color:"#CCC"}},navigation:{buttonOptions:{backgroundColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[.4,"#606060"],[.6,"#333333"]]},borderColor:"#000000",symbolStroke:"#C0C0C0",hoverSymbolStroke:"#FFFFFF"}},exporting:{buttons:{exportButton:{symbolFill:"#55BE3B"},printButton:{symbolFill:"#7797BE"}}},rangeSelector:{buttonTheme:{fill:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[.4,"#888"],[.6,"#555"]]},stroke:"#000000",style:{color:"#CCC",fontWeight:"bold"},states:{hover:{fill:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[.4,"#BBB"],[.6,"#888"]]},stroke:"#000000",style:{color:"white"}},select:{fill:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[.1,"#000"],[.3,"#333"]]},stroke:"#000000",style:{color:"yellow"}}}},inputStyle:{backgroundColor:"#333",color:"silver"},labelStyle:{color:"silver"}},navigator:{handles:{backgroundColor:"#666",borderColor:"#AAA"},outlineColor:"#CCC",maskFill:"rgba(16, 16, 16, 0.5)",series:{color:"#7798BF",lineColor:"#A6C7ED"}},scrollbar:{barBackgroundColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[.4,"#888"],[.6,"#555"]]},barBorderColor:"#CCC",buttonArrowColor:"#CCC",buttonBackgroundColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[.4,"#888"],[.6,"#555"]]},buttonBorderColor:"#CCC",rifleColor:"#FFF",trackBackgroundColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[0,"#000"],[1,"#333"]]},trackBorderColor:"#666"},legendBackgroundColor:"rgba(48, 48, 48, 0.8)",legendBackgroundColorSolid:"rgb(70, 70, 70)",dataLabelsColor:"#444",textColor:"#E0E0E0",maskColor:"rgba(255,255,255,0.3)"},r.setOptions(r.theme),r.theme});

data/public/rearview/js/util/templar.js

@@ -0,0 +1 @@
+!function(e){"function"==typeof define&&define.amd?define(["underscore","backbone","backbone-localStorage"],e):e(_,Backbone)}(function(e,t){var n={url:"public/templates/",ext:".hbs",version:"0.0.1",cache:!0,storage:new t.LocalStorage("Templar")};return t.Templar=function(a,o){var o="undefined"==typeof o?{}:o,i=o.ext?o.ext:n.ext,r=o.url?o.url:n.url,l=o.version?o.version:n.version,c="undefined"!=typeof o.cache?o.cache:n.cache,h=o.storage?o.storage:n.storage;this.render=function(e){if(!e.path)throw new Error("A template path is required.");e.el=e.el?e.el:document.body,d._render(e)},this.add=function(){if(!o.path)throw new Error("A template path is required.");d._add(o)};var d=new(t.Collection.extend({initialize:function(){this._loadTemplates()},templates:a,model:t.Model.extend({defaults:function(){return{path:null,content:null,version:l}},url:function(){var e=this.get("path")&&"undefined"!==this.get("path")?this.get("path"):"";return r+e+i},parse:function(e){return{content:e}}}),localStorage:h,_loadTemplates:function(){var t=this,n=this.localStorage.findAll();if(n.length>0&&n[0].version!==l&&(c=!1),c)for(var a=0;a<n.length;a++)this.add(n[a]);else e.each(n,function(e){t.localStorage.destroy(e)});if(this.templates)for(var a=0;a<this.templates.length;a++)this._add({path:this.templates[a]})},_createModel:function(e){var t=new this.model({path:e});return t},_add:function(e,t){var n=this.where({path:e.path});0==n.length&&(templateModel=this._createModel(e.path),$.ajax({url:r+e.path+i,async:!1,success:function(t){templateModel.set({content:t,path:e.path})}}),this.add(templateModel),this.create(templateModel.toJSON()),"function"==typeof t&&t())},_compile:function(e,t,n,a,o){var n=n?n:!1,i=Handlebars.compile(e);n?t.append(i(a)):t.html(i(a)),"function"==typeof o&&o()},_render:function(t){var n=this,a=this.where({path:t.path,version:l});a.length>0?this._compile(a[0].get("content"),t.el,t.append,t.data,t.cb):this._add(t,e.bind(function(){n._compile(templateModel.get("content"),t.el,t.append,t.data,t.cb)},this))}}))},t.Templar});

data/public/rearview/js/view/addcategory.js

@@ -0,0 +1 @@
+define(["view/base","model/dashboard","collection/monitor","jquery-validate"],function(e,t,i){var s=e.extend({events:{"click .saveCloseCategory":"checkValidationClose","click .saveCategory":"checkValidation","hidden #addCategory":"_cleanUp","shown #addCategory":"focusFirst"},subscriptions:{"view:dashboard:add":"_openModal"},initialize:function(e){_.bindAll(this),this.user=e.user,this.templar=e.templar,Handlebars.registerHelper("toUpperCase",function(e){return"string"==typeof e?e.toUpperCase():e})},render:function(e){this.dashboard=e?e.dashboard:null,this.templar.render({path:"addcategory",el:this.$el,data:e?e:{}}),this.setElement(this.$el),this.setAddCategoryValidation(),this.$modal=this.$el.find(".add-category"),this.resizeModal($("#addCategory"),"small",!0)},setAddCategoryValidation:function(){this.form=$("#addCategoryForm"),this.validator=this.form.validate({rules:{categoryName:{required:!0}},highlight:function(e){$(e).closest(".control-group").addClass("error")},success:function(e){e.closest(".control-group").removeClass("error"),$(e).remove()},submitHandler:function(){this.close?this.saveFinish():this.save()}.bind(this)})},checkValidation:function(){this.close=!1,this.form.submit()},checkValidationClose:function(){this.close=!0,this.form.submit()},save:function(){this._saveCategory(function(){this._cleanUp()}.bind(this))},saveFinish:function(){this._saveCategory(function(){this._closeModal()}.bind(this))},updateMonitorOrder:function(e){var t=this.user.get("preferences");t.dashboards[this.dashboard.id]&&(t.dashboards[e.get("id")]=t.dashboards[this.dashboard.id],t.dashboards[this.dashboard.id]=null,this.user.save())},destructor:function(){var e=this.$el.prev();this.remove(),this.off(),this.$el=$("<section class='add-category-wrap'></section>").insertAfter(e)},_checkFirstCategoryCondition:function(e){new t({id:this.dashboard.id}).fetch({success:function(t){_.isFunction(e)&&e(t)}.bind(this)})},_moveAllCurrentMonitorsToCategory:function(){this.model.save({userId:this.user.get("id"),name:this.$el.find("#categoryName").val(),description:this.$el.find("#categoryDescription").val()},{success:function(e){Backbone.Mediator.pub("view:addcategory:save",{model:e,message:"The category '"+e.get("name")+"' was added.",attention:"Category Saved!"}),e.get("id")&&new i(null,{dashboardId:this.dashboard.id,cb:function(t){t.each(function(t){t.save({dashboardId:e.get("id")})},this),this.updateMonitorOrder(e)}.bind(this)})}.bind(this),error:function(){this.validator.showErrors({categoryName:"That category name already exists!"})}.bind(this)})},_saveCategory:function(e){this._checkFirstCategoryCondition(function(i){this.model=new t({category:!0,dashboardId:this.dashboard.id}),i.get("children").length?this.model.save({userId:this.user.get("id"),name:this.$el.find("#categoryName").val(),description:this.$el.find("#categoryDescription").val()},{success:function(t){Backbone.Mediator.pub("view:addcategory:save",{model:t,message:"The category '"+t.get("name")+"' was added.",attention:"Category Saved!"}),_.isFunction(e)&&e()}.bind(this),error:function(){this.validator.showErrors({categoryName:"That category name already exists!"})}.bind(this)}):(this._moveAllCurrentMonitorsToCategory(),_.isFunction(e)&&e())}.bind(this))},_closeModal:function(){this._cleanUp(),this.$modal.modal("hide")},_cleanUp:function(){this.$el.find("#categoryName").val(""),this.$el.find("#categoryDescription").val(""),this.$el.find("#categoryName").parent().removeClass("error"),this.validator.resetForm(),this.model=new t},_openModal:function(e){this.destructor(),this.render(e),this.$modal.modal("show")}});return s});

data/public/rearview/js/view/adddashboard.js

@@ -0,0 +1 @@
+define(["view/base","model/dashboard","jquery-validate"],function(a,s){var i=a.extend({events:{"click .saveCloseDashboard":"checkValidationClose","click .saveDashboard":"checkValidation","hidden #addDashboard":"_cleanUp","shown #addDashboard":"focusFirst"},initialize:function(a){_.bind(this,"checkValidation","_cleanUp"),this.user=a.user,this.templar=a.templar},render:function(){this.templar.render({path:"adddashboard",el:this.$el,data:{}}),this.$modal=this.$el.find(".add-dashboard"),this.resizeModal($("#addDashboard"),"small",!0),this.setAddDashboardValidation()},setAddDashboardValidation:function(){this.form=$("#addDashboardForm"),this.validator=this.form.validate({rules:{dashboardName:{required:!0}},highlight:function(a){$(a).closest(".control-group").addClass("error")},success:function(a){a.closest(".control-group").removeClass("error"),$(a).remove()},submitHandler:function(){this.close?this.saveFinish():this.save()}.bind(this)})},checkValidation:function(){this.close=!1,this.form.submit()},checkValidationClose:function(){this.close=!0,this.form.submit()},save:function(){this._saveDashboard(function(){this._cleanUp()}.bind(this))},saveFinish:function(){this._saveDashboard(function(){this._closeModal()}.bind(this))},destructor:function(){var a=this.$el.prev();this.remove(),this.off(),this.$el=$("<section class='add-dashboard-wrap'></section>").insertAfter(a)},_saveDashboard:function(a){this.model.save({userId:this.user.get("id"),name:this.$el.find("#dashboardName").val(),description:this.$el.find("#dashboardDescription").val()},{success:function(s){this.collection.add(s),Backbone.Mediator.pub("view:adddashboard:save",{model:s,message:"The dashboard '"+s.get("name")+"' was added.",attention:"Dashboard Saved!"}),"function"==typeof a&&a()}.bind(this),error:function(){this.validator.showErrors({dashboardName:"That dashboard name already exists!"})}.bind(this)})},_closeModal:function(){this._cleanUp(),this.$modal.modal("hide")},_cleanUp:function(){this.$el.find("#dashboardName").val(""),this.$el.find("#dashboardDescription").val(""),this.$el.find("#dashboardName").parent().removeClass("error"),this.validator.resetForm(),this.model=new s}});return i});

data/public/rearview/js/view/addmonitor.js

@@ -0,0 +1 @@
+define(["view/base","model/monitor","codemirror","codemirror-ruby","jquery-validate","parsley"],function(e,t,i){var s=e.extend({scheduleViewInitialized:!1,metricsViewInitialized:!1,scheduleView:!0,el:".add-monitor-wrap",subscriptions:{"view:dashboard:category":"updateDashboardId"},events:{"click .setMetrics":"advanceToMetrics","click .testGraph":"testMetrics","click .nameSchedule":"backToSchedule","click .saveFinish":"saveFinish","click .back":"exitFullScreen","hide #addMonitor":"modalClose","show #addMonitor":"modalShow","shown #addMonitor":"focusFirst"},initialize:function(e){_.bindAll(this),this.user=e.user,this.dashboardId=e.dashboardId,this.templar=e.templar;var t=_.debounce(this.adjustModalLayout,500);$(window).resize(t),this.render()},render:function(){this.setElement($(".add-monitor-wrap")),this.templar.render({path:"addmonitor",el:this.$el,data:{}}),this.templar.render({path:"schedulemonitor",el:this.$el.find(".content-wrap"),data:{}}),this.scheduleViewInitialized=!0,this.setScheduleValidation(),this.$modal=this.$el.find(".add-monitor"),this.resizeModal($("#addMonitor"),"large")},updateDashboardId:function(e){this.dashboardId=e,this.model.set({dashboardId:this.dashboardId})},adjustModalLayout:function(){var e=$("#addMonitor"),t=this.resizeModal(e,"large"),i=325,s=80,o=150,r=80;if(!this.scheduleView){var n=t.body.height-s>i?t.body.height-s:i;e.find(".hero-unit").css({height:n});var a=Math.floor((n-o)/2);this.expressionsMirror.setSize(null,a),this.metricsMirror.setSize(null,a);var d=Math.floor((n-r)/2);e.find(".graph").css({height:d}),this.chart.setSize(null,d),e.find("#outputView").css({height:d})}},advanceToMetrics:function(){this.scheduleForm.parsley("validate")},backToSchedule:function(){this._setupScheduleView()},exitFullScreen:function(){var e=this.$el.find("button.close"),t=this.$el.find("button.back"),i=$(".add-monitor .metrics .CodeMirror"),s=$(".add-monitor .expressions .CodeMirror");e.show(),t.hide(),i.removeClass("fullscreen"),i.data("beforeFullscreen")&&(i.height(i.data("beforeFullscreen").height),i.width(i.data("beforeFullscreen").width)),this.metricsMirror.refresh(),s.removeClass("fullscreen"),s.data("beforeFullscreen")&&(s.height(s.data("beforeFullscreen").height),s.width(s.data("beforeFullscreen").width)),this.expressionsMirror.refresh()},setScheduleValidation:function(){this.scheduleForm=$("#namePagerForm"),this.scheduleForm.parsley({listeners:{onFormSubmit:function(e){e&&(this._setSchedule(),this._setupMetricsView())}.bind(this)}})},setMetricsValidation:function(){$.validator.addMethod("code",function(e,t){var i=$(t).data("CodeMirror");return $(i.getWrapperElement()),this._validateMirror(i)}.bind(this),"This field is required."),$.validator.addMethod("metric-ruby",function(){var e=!1;return $.ajax({url:"/monitor.json",type:"post",data:this.model.toJSON(),async:!1,success:function(t){"success"==t.status&&(e=!0)}}),e},"Your metrics code does not validate."),$.validator.addMethod("expression-ruby",function(e){var t=!1;return $.ajax({url:"/monitor.json",type:"post",data:this.model.toJSON(),async:!1,success:function(i){("success"==i.status||""==e)&&(t=!0)}}),t}.bind(this),"Your expression code does not validate."),this.metricsForm=$("#metricsExpressionsForm"),this.metricsForm.validate({rules:{inputMetrics:{code:!0,"expression-ruby":!0},inputExpressions:{"expression-ruby":!0}},errorPlacement:function(e,t){var i=$(t).data("CodeMirror");if(i){var s=$(i.getWrapperElement());this._validateMirror(i),e.insertAfter(s)}else e.insertAfter(t)}.bind(this),highlight:function(e){$(e).closest(".control-group").addClass("error"),$(e).closest("fieldset").addClass("error")},success:function(e){$(e).closest(".control-group").removeClass("error"),$(e).closest("fieldset").removeClass("error"),$(e).remove()},submitHandler:function(){this._saveMonitor(function(){this._closeModal()}.bind(this))}.bind(this)})},testMetrics:function(){this._setMetrics(),$.post("/monitor.json",this.model.toJSON(),function(e){if(e.graph_data){var t=this.formatGraphData(e.graph_data);this.renderGraphData(this.chart,t),$("#outputView").val(e.output)}"error"===e.status&&Backbone.Mediator.pub("view:addmonitor:test",{model:this.model,message:"The monitor '"+this.model.get("name")+"' produced an error after testing.",attention:"Monitor Test Error!",status:"error"})}.bind(this)).error(function(){Backbone.Mediator.pub("view:addmonitor:test",{model:this.model,message:"The monitor '"+this.model.get("name")+"' produced an error after testing.",attention:"Monitor Test Error!",status:"error"})}.bind(this))},modalClose:function(e){$(e.target).hasClass("add-monitor")&&(e.stopPropagation(),this.metricsViewInitialized&&(this.backToSchedule(),this.metricsViewInitialized=!1),Backbone.Mediator.pub("view:addmonitor:close"))},modalShow:function(){Backbone.Mediator.pub("view:addmonitor:show")},resize:function(){return _.debounce(this.adjustModalLayout,500)},saveFinish:function(){this._setMetrics(),$("#inputMetrics").css({"margin-left":"-10000px",left:"-10000px",display:"block",position:"absolute"}),$("#inputExpressions").css({"margin-left":"-10000px",left:"-10000px",display:"block",position:"absolute"}),this.metricsForm.submit()},setHelp:function(){var e="";$.ajax({url:"/help/quick.html",async:!1,success:function(t){e=t}});var t=this.$el.find(".help");t.tooltip({container:".expressions-metrics",trigger:"manual",html:!0,placement:"right",delay:{show:100,hide:200},title:e}).click(function(e){e.stopPropagation(),$(this).tooltip("toggle")})},destructor:function(){this.metricsViewInitialized=!1,this.scheduleViewInitialized=!1,this.metricsMonitorFooter=null,this.scheduleMonitorBody=null,this.scheduleMonitorFooter=null;var e=this.$el.prev();this.$template&&this.$template.off(),this.remove(),this.off(),$("<section class='add-monitor-wrap'></section>").insertAfter(e)},_closeModal:function(){this.$modal.modal("hide")},_getTemplateMetaData:function(e){$.ajax({url:"/monitors/index.json",success:function(t){"function"==typeof e&&e(t)}})},_initCodeMirror:function(){var e=this.$el.find("#inputExpressions")[0],t=".add-monitor .expressions .CodeMirror",s=this.$el.find("#inputMetrics")[0],o=".add-monitor .metrics .CodeMirror",r=this.$el.find("button.close"),n=this.$el.find("button.back");this.expressionsMirror=i.fromTextArea(e,{value:"",lineNumbers:!0,lineWrapping:!0,height:"100",mode:"ruby",theme:"ambiance",onKeyEvent:function(e,i){return 70==i.keyCode&&i.ctrlKey&&"keydown"==i.type?(i.stop(),this._toggleFullscreen(t,this.expressionsMirror,r,n)):void 0}.bind(this)}),$(e).data("CodeMirror",this.expressionsMirror),this.metricsMirror=i.fromTextArea(s,{value:"",lineNumbers:!0,lineWrapping:!0,mode:"ruby",theme:"ambiance",onKeyEvent:function(e,t){return 70==t.keyCode&&t.ctrlKey&&"keydown"==t.type?(t.stop(),this._toggleFullscreen(o,this.metricsMirror,r,n)):void 0}.bind(this)}),$(s).data("CodeMirror",this.metricsMirror)},_initDatePicker:function(){this.fromDatePicker=$("#fromDatePicker").datetimepicker()},_setTemplateSelect:function(e){this.$template=this.$el.find("#selectTemplate"),this.$template.data("template",e),this.$template.on("change",function(){var e=this.$template.data("template");if(this.selectedIndex>0){var t=this.selectedIndex-1,i=e[t];i.path&&$.ajax({url:i.path,success:function(e){i.metrics&&i.metrics.length>0&&this.metricsMirror.setValue(i.metrics.join("\n")),this.expressionsMirror.setValue(e)}.bind(this)})}}.bind(this))},_setSchedule:function(){this.model.set({userId:this.user.get("id"),name:this.$el.find("#monitorName").val(),description:this.$el.find("#description").val(),alertKeys:this.parseAlertKeys(this.$el.find("#pagerDuty").val()),cronExpr:this._createCronExpr()})},_setMetrics:function(){this.model.set({userId:this.user.get("id"),monitorExpr:this.expressionsMirror.getValue(),metrics:this.metricsMirror.getValue().split("\n"),minutes:parseInt(this.$el.find("#minutesBack").val()),toDate:this.$el.find("#fromDatePicker").val()})},_setupScheduleView:function(){this.metricsMonitorBody=$(".add-monitor .modal-body").detach(),this.metricsMonitorFooter=$(".add-monitor .modal-footer").detach(),$(".add-monitor").append(this.scheduleMonitorBody),$(".add-monitor").append(this.scheduleMonitorFooter),this.scheduleView=!0,this.adjustModalLayout()},_setupMetricsView:function(){var e=$(".add-monitor");this.metricsViewInitialized?(this.scheduleMonitorBody=$(".add-monitor .modal-body").detach(),this.scheduleMonitorFooter=$(".add-monitor .modal-footer").detach(),$(".add-monitor").append(this.metricsMonitorBody),$(".add-monitor").append(this.metricsMonitorFooter)):(this.scheduleMonitorBody=$(".add-monitor .modal-body").detach(),this.scheduleMonitorFooter=$(".add-monitor .modal-footer").detach(),this._getTemplateMetaData(function(t){this.templar.render({path:"setmetrics",el:e,append:!0,data:{monitor:{templates:t}}}),this._setTemplateSelect(t),this._initCodeMirror(),this._initDatePicker(),this.initGraph(e.find(".graph")[0]),this.setHelp(),this.setMetricsValidation(),this.metricsViewInitialized=!0,this.scheduleView=!1,this.adjustModalLayout()}.bind(this)))},_saveMonitor:function(e){this._setMetrics(),this.model.save({id:null,userId:this.user.get("id")},{success:function(i){"function"==typeof e&&e(),Backbone.Mediator.pub("view:addmonitor:save",{model:i,message:"The monitor '"+i.get("name")+"' was added.",attention:"Monitor Saved!",status:"success"}),this.model=new t}.bind(this),error:function(e,t){Backbone.Mediator.pub("view:addmonitor:save",{model:e,message:t.responseText,attention:"Monitor Save Error!",status:"error"})}})}});return s});

data/public/rearview/js/view/alert.js

@@ -0,0 +1 @@
+define(["view/base"],function(e){var t=e.extend({subscriptions:{"view:adddashboard:save":"render","view:addcategory:save":"render","view:addmonitor:save":"render","view:addmonitor:test":"render","view:expandedmonitor:delete":"render","view:expandedmonitor:save":"render","view:smallmonitor:save":"render","view:dashboard:save":"render","view:resetmonitor:reset":"render"},initialize:function(e){_.bindAll(this,"render","activate","deactivate"),this.templar=e.templar},render:function(e){this.templar.render({path:"alert",el:this.$el,data:e}),this.activate()},activate:function(){this.$el.addClass("active"),_.delay(this.deactivate,8e3)},deactivate:function(){this.$el.removeClass("active")}});return t});

data/public/rearview/js/view/alerttimeline.js

@@ -0,0 +1 @@
+define(["timeline","view/base"],function(e,t){var a=t.extend({events:{"shown .accordion-body":"publishTimelineHeight","hidden .accordion-body":"publishTimelineHeight"},subscriptions:{"view:dashboard:complete":"render"},initialize:function(e){_.bindAll(this),this.templar=e.templar,this.dashboardId=e.dashboardId,this.status=e.status,this.popovers=[],this.openPopovers=[],this.alertData=[]},render:function(){this.templar.render({path:"alerttimeline",el:this.$el,data:{}}),this.$timeline=this.$el.find(".alert-timeline .accordion-inner"),this.$accordion=this.$el.find(".alert-timeline .accordion-body")},addPopover:function(){var e=this;jobAlertIdList=_.uniq(e.jobAlertList);for(var t=jobAlertIdList.length-1;t>=0;t--){var a=function(t){var a=$("<div class='timeline-monitor'>"),o=$("<button/>",{text:"Troubleshoot Monitor","class":"btn"}),i=$(".timeline-group-"+t);i.popover({trigger:"manual",html:!0,placement:"bottom",delay:{show:100,hide:200},container:"body",content:a}).click(function(i){i.stopPropagation();var n=$(this);_.each(e.openPopovers,function(e){e.data("popover").tip().removeClass("active"),e.data("popover").hide()}),e.openPopovers=[],n.toggleClass("active").hasClass("active")?(o.off("click"),$("body").off("click"),n.popover("show"),e.showOverlay(a.parent(),"Loading...","alert-data-overlay"),e.loadAlertIncidentData(t,n,a,function(a){var i=e.createMetaTable(a);n.data("popover").tip().find(".alert-meta-data").length>0?n.data("popover").tip().find(".alert-meta-data").replaceWith(i):n.data("popover").tip().append(i),n.data("popover").tip().append(o),o.on("click",function(a){a.stopPropagation(),n.popover("hide"),n.toggleClass("active"),o.off("click"),e.openPopovers=[],Backbone.Mediator.pub("view:alerttimeline:troubleshoot",t)}),e.openPopovers.push(n),$("body").on("click",function(){e.openPopovers=[],n.removeClass("active"),n.popover("hide")})})):(e.openPopovers=[],n.popover("hide"))})};a(jobAlertIdList[t])}},loadAlertIncidentData:function(e,t,a,o){var i=this,n=i.collection.get(e),r=/timeline-event-(\d+)/g,s=parseInt(r.exec(t.attr("class"))[1]),d=_.findWhere(i.alertData,{id:s}),l=n.get("name"),c=new XDate(d.start),p=new XDate(d.end),h=n.toJSON(),v=c.diffMinutes(p),u=c.diffHours(p);h.toDate=p.toString("MM/dd/yyyy HH:mm"),h.minutes=500>v?v:500;var m=i.initGraph(a[0]);$.ajax({url:"/monitor.json",type:"post",data:n.toJSON(),async:!1,success:function(e){if("success"==e.status){var t=i.formatGraphData(e.graph_data);i.renderGraphData(m,t),"function"==typeof o&&o({name:l,start:c.toString("MM/dd/yyyy HH:mm"),end:p.toString("MM/dd/yyyy HH:mm"),hrs:Math.floor(u),min:Math.floor(v%60)}),i.hideOverlay(a.parent())}}})},createMetaTable:function(e){return $("<table class='alert-meta-data'><tr><th>Name</th><td>"+e.name+"</td></tr><tr><th>Start</th><td>"+e.start+"</td></tr><tr><th>End</th><td>"+e.end+"</td></tr><tr><th>Duration</th><td>"+e.hrs+" hr "+e.min+" min"+"</td></tr></table>")},publishTimelineHeight:function(){var e=this;Backbone.Mediator.pub("view:alerttimeline:toggle",e.$accordion.height()),$(document.body).css("overflow","auto")},setAlertStatus:function(){var e=this;this.status&&e.$el.find(".icon-bell-alt").addClass("alert-status")},setupAlertTimeline:function(){var t=this,a=[];$.ajax("/dashboards/"+t.dashboardId+"/errors",{success:function(o){_.each(o,function(e){var o=null;_.extend(e,{name:"undefined"!=typeof t.collection.get(e.jobId)?t.collection.get(e.jobId).get("name"):""}),o=t.formatServerDateTime(e.date,!0)<new XDate(Date.now(),!0).addWeeks(-2)?new XDate(Date.now(),!0).addWeeks(-2):t.formatServerDateTime(e.date,!0),t.alertData.push({id:e.id,jobId:e.jobId,start:o,end:e.endDate?t.formatServerDateTime(e.endDate,!0):t.formatServerDateTime(Date.now(),!0),status:e.status,content:e.name}),a.push(e.jobId)}),t.timeline=new e(t.$timeline[0]);var i=new XDate(Date.now()-864e5,!0),n=new XDate(Date.now()+432e5,!0);t.timeline.draw(t.alertData,{utc:!0,start:i,end:n,width:"100%",editable:!1,style:"box",intervalMin:6e5,intervalMax:2592e5}),t.$timeline.on("mouseenter",function(){$(window).on("scroll",t.stopBrowserScroll)}),t.$timeline.on("mouseleave",function(){$(window).off("scroll",t.stopBrowserScroll)}),t.jobAlertList=a,t.addPopover()}})},stopBrowserScroll:function(){window.scrollTo(0,0)},showOverlay:function(e,t,a){var o=this;if(e=$(e),!o.overlay){var a=a?a:"";e.data("overlay",$("<div class='overlay "+a+"'><h1></h1></div>")),e.append(e.data("overlay"))}e.data("overlay").find("h1").html(t),e.data("overlay").show()},hideOverlay:function(e){e.data("overlay").hide()},destructor:function(){var e=this,t=e.$el.prev();e.destroySubscriptions(),e.remove(),e.unbind(),e.off(),e.$el.empty(),$("<section class='timeline-wrap clearfix'></section>").insertAfter(t)}});return a});

data/public/rearview/js/view/base.js

@@ -0,0 +1 @@
+define(["jquery","underscore","backbone","handlebars","highcharts","underscore-string","highcharts-theme","xdate","backbone-mediator"],function(e,t,i,n){var r=i.View.extend({assetRoot:"public/",intervalDiviser:4,infiniteTimes:[],infiniteLabels:[],infiniteTimesInt:[],addHelpers:function(){n.registerHelper("nl2br",function(e){var t=(e+"").replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g,"$1<br>$2");return new n.SafeString(t)})},destroySubscriptions:function(){for(sub in this.subscriptions)i.Mediator.unsubscribe(sub,this[this.subscriptions[sub]],this)},drawAsInfinite:function(e){var i=e.match(/^drawAsInfinite\((.*)\)$/);return i?t.last(i):null},formatGraphData:function(e){var i=t.reduce(t.keys(e),function(i,n){var r=e[n];return e[n]={},e[n].graphite=r,e[n].xInt=[],e[n].x=[],e[n].y=[],t.each(e[n].graphite,function(t){e[n].x.push(new XDate(1e3*t[0]).toUTCString("HH:mm")),e[n].y.push(t[1]),e[n].xInt.push(t[0])}),e},[]);return i},focusFirst:function(){this.$el.find("input[type=text]:first").focus()},initGraph:function(e){var t=this;return t.chart=new Highcharts.Chart({exporting:{buttons:{exportButton:{enabled:!1},printButton:{enabled:!1}}},credits:{enabled:!1},chart:{zoomType:"x",spacingRight:24,animation:!0,renderTo:e,type:"line",borderRadius:3,backgroundColor:{stops:[[0,"rgb(16, 16, 16)"],[1,"rgb(16, 16, 16)"]]}},title:{text:null},xAxis:{minTickInterval:this,title:{text:null}},yAxis:{title:{text:null}},plotOptions:{column:{animation:!0},series:{animation:!1,marker:{enabled:!1}}},tooltip:{animation:!0}}),t.chart},keyOrder:function(e){var i=[];return i=t.keys(e),i=t.sortBy(i,function(e){return e.toLowerCase()})},renderGraphData:function(e,i){for(var n=this,r=[],s=["#4572A7","#AA4643","#89A54E","#80699B","#3D96AE","#DB843D","#92A8CD","#A47D7C","#B5CA92"];e.series.length>0;)e.series[0].remove(!0);e.xAxis[0].removePlotLine("plotLine"),n.infiniteTimes=[],n.infiniteTimesInt=[],n.infiniteLabels=[],t.each(i,function(e,t){if(n.drawAsInfinite(t)){for(var r=[],s=[],a=0;a<e.xInt.length;a++)e.y[a]&&(r.push(e.x[a]),s.push(e.xInt[a]));n.infiniteTimes.push(r),n.infiniteTimesInt.push(s),n.infiniteLabels.push(n.drawAsInfinite(t)),delete i[t]}});for(var a=n.keyOrder(i),o=0;o<a.length;o++){var l=i[a[o]];e.xAxis[0].setCategories(l.x),e.xAxis[0].options.tickInterval=parseInt(l.x.length/n.intervalDiviser,10),e.xAxis[0].setExtremes(null,null),e.addSeries({name:a[o],data:l.y,animation:!1,color:s[o]}),r=t.union(r,l.xInt)}if(n.infiniteTimes.length)for(var h=n.infiniteTimes.length-1,o=h;o>=0;o--){var u=n.infiniteTimesInt[o];if(u.length)for(var d=0;d<u.length;d++){var c=t.sortedIndex(r,u[d]);t.isNull(c)||e.xAxis[0].addPlotLine({id:"plotLine",value:c,color:"green",dashStyle:"shortdash",width:2,label:{text:n.infiniteLabels[o],style:{color:"#ccc"}}})}}},formatServerDateTime:function(e,t){var i=e.toString().length;return 10==i?new XDate(1e3*parseInt(e,10),t):new XDate(parseInt(e,10),t)},parseAlertKeys:function(e){var i=[],n=e.split("\n");return t.each(n,function(e){i.push(t.str.words(e,/([ \,])/))}),i=t.flatten(i),i=t.filter(i,function(e){return!t.str.isBlank(e)&&","!==e})},resizeModal:function(t,i,n){var r=e(window).width(),s=e(window).height(),a=.8;switch(i){case"small":widthMultipler=.3;break;case"medium":widthMultipler=.6;break;case"large":widthMultipler=.9;break;default:widthMultipler=.6}return t.css({width:r*widthMultipler,marginLeft:-(r*(widthMultipler/2))}),n||(t.css({height:s*a}),t.find(".modal-body").css({maxHeight:s*a-140,height:s*a-149})),t.each(function(){e(this).css({marginTop:-(e(this).height()/2)})}),t.addClass("modal-"+i),{height:t.height(),width:t.width(),body:{height:t.find(".modal-body").height(),width:t.find(".modal-body").width()}}},_processRadioControl:function(i,n){var r=t.map(i,function(t){return e(t).attr("data-value")});return r.length>0?r.join(","):n?n:""},_createCronExpr:function(){var e=this;return[0,e.$el.find("#inputMinutes").val(),e.$el.find("#inputHours").val(),e.$el.find("#inputDays").val(),e._processRadioControl(e.$el.find(".month-picker button.active"),"*"),e._processRadioControl(e.$el.find(".day-picker button.active"),"?")].join(" ")},showOverlay:function(t,i,n){var r=this;if(t=e(t),!r.overlay){var n=n?n:"";r.overlay=e("<div class='overlay "+n+"'><h1></h1></div>"),t.append(r.overlay)}r.overlay.find("h1").html(i),r.overlay.show()},hideOverlay:function(){var e=this;e.overlay.hide()},_toggleFullscreen:function(t,i,n,r){var s=e(t);s.hasClass("fullscreen")?(n&&r&&(n.show(),r.hide()),s.removeClass("fullscreen"),s.height(s.data("beforeFullscreen").height),s.width(s.data("beforeFullscreen").width),i.refresh()):(n&&r&&(n.hide(),r.show()),s.data("beforeFullscreen",{height:s.height(),width:s.width()}),s.addClass("fullscreen"),s.width("100%"),s.height("100%"),i.setSize("100%","100%"),i.refresh())},_validateMirror:function(t){var i=this,n=e(t.getWrapperElement());return i._isNonblank(t.getValue())?(n.removeClass("error"),!0):(n.addClass("error"),!1)},_isNonblank:function(e){var t=/\S/;return-1!=String(e).search(t)},getPositions:function(t){var i=e(t).offset(),n=e(t).width(),r=e(t).height();return[[i.left,i.left+n],[i.top,i.top+r]]},comparePositions:function(e,t){var i=e[0]<t[0]?e:t,n=e[0]<t[0]?t:e;return i[1]>n[0]||i[0]===n[0]},overlaps:function(e,t){var i=this,n=i.getPositions(e),r=i.getPositions(t);return i.comparePositions(n[0],r[0])&&i.comparePositions(n[1],r[1])}});return r.prototype.destructor=function(){this.destroySubscriptions(),this.onDestruct&&this.onDestruct(),this.off(),this.remove(),this.$el.empty()},r});

data/public/rearview/js/view/dashboard.js

@@ -0,0 +1 @@
+define(["view/base","model/monitor","collection/monitor","view/smallmonitor","view/expandedmonitor","view/addmonitor","view/resetmonitor","view/alerttimeline","codemirror","codemirror-ruby","jquery-validate"],function(t,e,i,r,s,o,a,n){var d=t.extend({rowMonitorLimit:3,events:{"slid .carousel":"advanceCarousel"},subscriptions:{"view:expandedmonitor:open":"hideDash","view:expandedmonitor:exit":"updateDash","view:addmonitor:close":"showDash","view:addmonitor:save":"updateDash","view:addmonitor:show":"hideDash","view:smallmonitor:edit":"editMonitor","view:alerttimeline:troubleshoot":"editMonitor"},hidePrevCaption:function(){this.$el.find(".carousel-caption").parent().children(".carousel-caption p").hide()},initialize:function(t){_.bindAll(this),this.templar=t.templar,this.dashboardId=t.dashboardId?t.dashboardId:null,this.categoryId=t.categoryId?t.categoryId:null,this.user=t.user?t.user:null,this.router=t.router?t.router:null,this.categories=[],this.monitors=[],this.monitorCollections=[],this.currentOrder=[],this.carouselIndex=0,this.expandedMonitorView=new s({el:$(".edit-monitor-wrap"),user:this.user,templar:this.templar,router:this.router}),this.addMonitorView=new o({model:new e({dashboardId:this.dashboardId}),user:this.user,dashboardId:this.dashboardId,templar:this.templar}),this.alertTimelineView=new n({el:$(".timeline-wrap"),collection:this.collection,dashboardId:this.dashboardId,user:this.user,status:this.checkDashboardAlertState(),templar:this.templar}),this.resetMonitorView=new a({el:$(".reset-monitor-wrap"),templar:this.templar}),this.addHelpers(),Backbone.Mediator.pub("view:dashboard:init")},render:function(){return this.initMonitors(),this},initMonitors:function(){this.getCategories(),this.getDashboardInfo(this.dashboardId,function(t){Backbone.Mediator.pub("view:dashboard:render",{title:t,subtitle:this.getDashboardSubtitle(this.getCategoryIndex()),nav:{ecosystem:!1,dashboard:!0},dashboardId:this.dashboardId})}.bind(this)),this.updateMonitorList(),this.setupCarousel(),this.setupDrop(),this.goToCategory(),Backbone.Mediator.pub("view:dashboard:complete")},setCategories:function(t){_.each(t,function(t,e){t.children.length&&this.categories.splice(e,1)},this),this.categories=t},getCategories:function(){$.ajax({url:"/dashboards/"+this.dashboardId+"/children",async:!1,success:function(t){var e=t;this.setCategories(e)}.bind(this)})},setupDrop:function(){this.$monitorDragWraps=$(".small-monitor-drag"),this.$monitorWraps=$(".small-monitor-wrap"),this.$monitorWraps.droppable({accept:".small-monitor",over:function(t,e){$(t.target).addClass("active-drop"),e.draggable.draggable("option","revert",!1)},out:function(t,e){$(t.target).removeClass("active-drop"),e.draggable.draggable("option","revert",!0)},drop:function(t){$(t.target).removeClass("active-drop"),$(window).trigger("resize")}})},setupCarousel:function(){this.$carousel=$("#dashboardCarousel").carousel({interval:!1}),this.$el.find(".icon-chevron-sign-right").click(function(){this.$carousel.carousel("next")}.bind(this)),this.$el.find(".icon-chevron-sign-left").click(function(){this.$carousel.carousel("prev")}.bind(this))},getDashboardSubtitle:function(t){this.getCategories();var e="";return e=this.categories.length>=1&&this.parentDashboardInfo.id!==this.getCategoryId()?_.str.capitalize(this.categories[t].name)+" Dashboard":"Monitor Dashboard"},publishDashboardSubtitle:function(t){Backbone.Mediator.pub("view:dashboard:render",{subtitle:this.getDashboardSubtitle(t)})},advanceCarousel:function(t){t&&t.stopPropagation(),this.carouselIndex=this.$el.find(".item.active").index(".item"),this.setCategoryId(this.categories.length?this.categories[this.carouselIndex].id:this.getCategoryId()),this.router.navigate("dash/"+this.dashboardId+"/category/"+this.getCategoryId()),this.$el.find(".dashboard-"+this.getCategoryId()).css({"min-height":this.$el.find(".dashboard-"+this.getCategoryId()+" .monitor-grid").height()+40}),this.publishDashboardSubtitle(this.carouselIndex),Backbone.Mediator.pub("view:dashboard:category",this.getCategoryId()),$(window).trigger("resize")},getCategoryIndex:function(){var t=0;return _.each(this.categories,function(e,i){this.getCategoryId()===e.id&&(t=i)},this),t},goToCategory:function(){this.getCategoryIndex()&&(this.$carousel.toggleClass("slide"),this.$carousel.carousel(this.getCategoryIndex()),this.$carousel.toggleClass("slide")),this.categories.length<=1&&this.$el.find(".carousel-indicators, .carousel-control").hide()},getCategoryId:function(){return this.categoryId},setCategoryId:function(t){return this.categoryId=_.isNull(t)?this.categoryId:t,this.getCategoryId()},getMonitorOrder:function(){var t=this.user.get("preferences");if(this.categories.length)_.each(this.categories,function(e){var i=t.dashboards&&!_.isEmpty(t.dashboards[e.id])?t.dashboards[e.id].order:[];this.currentOrder[e.id]=i},this);else{var e=t.dashboards&&!_.isEmpty(t.dashboards[this.parentDashboardInfo.id])?t.dashboards[this.parentDashboardInfo.id].order:[];this.currentOrder[this.parentDashboardInfo.id]=e}return this.currentOrder},getDashboardInfo:function(t,e){$.ajax({url:"/dashboards/"+t,async:!1,success:function(t){this.parentDashboardInfo=t,"function"==typeof e&&e(this.parentDashboardInfo.name)}.bind(this),error:function(){}.bind(this),complete:function(){}.bind(this)})},editMonitor:function(t){this.expandedMonitorView.render(t,this.categories,this.getCategoryId(),this.dashboardId)},updateDash:function(t){t&&t.status&&"error"!=t.status&&(this.collection=new i(null,{dashboardId:this.dashboardId}),this.reinitializeDash(t)),this.showDash()},reinitializeDash:function(){this.$el.parent(),this.router.navigate(),this.getCategoryId()?this.router.navigate("dash/"+this.dashboardId+"/category/"+this.getCategoryId(),{trigger:!0}):this.router.navigate("dash/"+this.dashboardId,{trigger:!0})},hideDash:function(){this.$el.hide()},showDash:function(){this.$el.show(),$(window).trigger("resize")},updateSavedMonitorStatus:function(t){var e=t?t.model:null;e&&_.each(this.monitors,function(t){t.model.get("id")===e.get("id")&&t.nextRun()})},checkDashboardAlertState:function(){return this.collection.each(function(t){"success"!==t.get("status")&&"undefined"!=typeof t.get("status")&&t.get("active")&&(this.dashboardAlert=!0)}),this.dashboardAlert&&Backbone.Mediator.pub("view:dashboard:alert"),this.dashboardAlert},updateMonitorList:function(){var t=[],e=[];if(this.getMonitorOrder(),Handlebars.registerHelper("mod",function(t,e){return 0===parseInt(t,10)%this.rowMonitorLimit?e.fn(this):void 0}.bind(this)),this.categories.length)_.each(this.categories,function(t){var e=new i(null,{dashboardId:t.id}),r=this.currentOrder[t.id];if(0!==r.length){var s=_.difference(e.pluck("id"),r);r=_.union(r,s),e.filterById(r)}this.monitorCollections.push(e),t.monitors=e.toJSON()},this),e=this.categories;else{var t=new i(null,{dashboardId:this.parentDashboardInfo.id}),s=this.currentOrder.length?this.currentOrder[this.parentDashboardInfo.id]:[];if(0!==s.length){var o=_.difference(t.pluck("id"),s);s=_.union(s,o),t.filterById(s)}this.monitorCollections.push(t),this.parentDashboardInfo.monitors=t.toJSON(),e.push(this.parentDashboardInfo)}this.templar.render({path:"dashboard",el:this.$el,data:{categories:e}}),_.each(this.monitorCollections,function(t){t.each(function(t){this.monitors.push(new r({el:this.$el.find(".small-monitor-"+t.get("id"))[0],model:t,dashboardId:this.dashboardId,templar:this.templar,user:this.user}).render())}.bind(this))},this)},destroyMonitors:function(){for(viewName in this.monitors){var t=this.monitors[viewName];t.destructor(),delete this.monitors[viewName]}},destructor:function(){var t=this.$el.parent();this.destroyMonitors(),this.collection.off("remove",this.reinitializeDash,this),this.destroySubscriptions(),this.expandedMonitorView.destructor(),this.addMonitorView.destructor(),this.alertTimelineView.destructor(),this.resetMonitorView.destructor(),this.monitors=[],this.categories=[],this.$el.empty(),this.$el.remove(),this.off(),t.prepend("<div class='monitor-panel container clearfix'>")}});return d});

data/public/rearview/js/view/dashboardtile.js

@@ -0,0 +1 @@
+define(["view/base"],function(e){var t=e.extend({events:{"click .save.btn":"save","click .settings.btn":"settings","click figure.front":"loadDashboard","click .cancel.btn":"settings","click .add.btn":"addCategory"},initialize:function(e){_.bindAll(this),this.templar=e.templar,this.intervalLength=e.intervalLength?e.intervalLength:60,this.render()},render:function(){this.templar.render({path:"dashboardtile",el:this.$el,append:!0,data:{dashboard:this.model.toJSON()}}),this.$dashboardTile=this.$el.find(".dashboard"+this.model.get("id")),this.setElement(this.$dashboardTile),this.startStatusCheck()},loadDashboard:function(){location.href="#dash/"+this.model.get("id")},addCategory:function(){Backbone.Mediator.pub("view:dashboard:add",{dashboard:{id:this.model.get("id"),name:this.model.get("name"),children:this.model.get("children")}})},startStatusCheck:function(){this.updateTile(),this.interval=setInterval(function(){this.updateTile()}.bind(this),1e3*this.intervalLength),clearInterval(this.interval)},updateTile:function(){$.ajax({url:"/dashboards/"+this.model.get("id")+"/jobs.json",success:function(e){_.map(e,function(e){e.createdAt=e.createdAt?this.formatServerDateTime(e.createdAt,!0):e.createdAt,e.modifiedAt=e.modifiedAt?this.formatServerDateTime(e.modifiedAt,!0):e.modifiedAt},this),this.checkErrorState(e)}.bind(this)})},checkErrorState:function(e){for(var t=!1,i=e.length-1;i>=0;i--)if("success"!=e[i].status&&"undefined"!=typeof e[i].status&&e[i].active){t=!0;break}t?this.$el.find(".dashboard"+this.model.get("id")).addClass("red"):this.$el.find(".dashboard"+this.model.get("id")).removeClass("red")},settings:function(e){e.stopPropagation(),this.$dashboardTile.toggleClass("flipped"),setTimeout(function(){this.$dashboardTile.find(".front .btn").toggle()}.bind(this),600)},save:function(e){e.stopPropagation(),this.model.save({name:this.$dashboardTile.find(".dashboard-name").val()},{success:function(){Backbone.Mediator.pub("view:dashboard:save",{model:this.model,message:"Your changes to '"+this.model.get("name")+"' dashboard were saved.",attention:"Dashboard Saved!"})}.bind(this),error:function(e){Backbone.Mediator.pub("view:dashboard:save",{model:this.model,message:"The dashboard '"+e.get("name")+"' produced an error during the process of saving.",attention:"Dashboard Save Error!",status:"error"})}.bind(this)})},destructor:function(){clearInterval(this.interval),this.remove(),this.$el.remove(),this.off(),this.model.off()}});return t});

data/public/rearview/js/view/deletemonitor.js

@@ -0,0 +1 @@
+define(["view/base"],function(e){var t=e.extend({events:{"click button.cancel":"closeModal","click button.delete":"delete"},initialize:function(e){var t=this;t.templar=e.templar,t.render()},render:function(){var e=this;e.templar.render({path:"deletemonitor",el:e.$el,data:{}}),e.modalEl=e.$el.find(".delete-monitor"),e.resizeModal($("#deleteMonitor"),"small",!0)},"delete":function(){var e=this;e.closeModal(),Backbone.Mediator.pub("view:deletemonitor:delete")},closeModal:function(){var e=this;e.modalEl.modal("hide")},destructor:function(){var e=this,t=e.$el.prev();e.remove(),e.unbind(),e.onDestruct&&e.onDestruct(),e.$el=$("<section class='delete-monitor-wrap'></section>").insertAfter(t)}});return t});

data/public/rearview/js/view/ecosystem.js

@@ -0,0 +1 @@
+define(["view/base","view/dashboardtile"],function(e,s){var t=e.extend({dashboards:[],subscriptions:{"view:addcategory:save":"update","view:adddashboard:save":"update","view:dashboard:render":"destructor","view:dashboard:save":"update"},initialize:function(e){_.bindAll(this),this.templar=e.templar,this.dashboards=[]},render:function(){this.collection.each(function(e){this.dashboards.push(new s({el:this.el,model:e,templar:this.templar}))}.bind(this)),this.paddingFix(),Backbone.Mediator.pub("view:ecosystem:render",{title:"Ecosystem",subtitle:"Rearview Dashboards",nav:{ecosystem:!0,dashboard:!1}})},paddingFix:function(){this.$el.css("padding-bottom","40px")},update:function(e){e&&e.model?e.model:null,this.$el.empty(),this.collection.fetch({success:function(){this.render()}.bind(this)})},destroyDashboards:function(){var e=this;for(viewName in e.dashboards){var s=e.dashboards[viewName];s.destructor(),delete e.dashboards[viewName]}},destructor:function(){var e=this.$el.prev();this.destroySubscriptions(),this.destroyDashboards(),this.off(),this.collection.off(),this.remove(),e.after("<section class='ecosystem-dashboard-wrap'>")}});return t});

data/public/rearview/js/view/expandedmonitor.js

@@ -0,0 +1 @@
+define(["view/base","view/deletemonitor","model/monitor"],function(e,t,i){var r=e.extend({events:{"click .name-save":"updateMonitorName","click .schedule-tab":"_setExpandedViewHeight","change #selectPreviousError":"_setErrorDropDown"},subscriptions:{"view:dashboard:init":"exit","view:deletemonitor:delete":"deleteMonitor"},initialize:function(e){_.bindAll(this),this.user=e.user,this.router=e.router,this.templar=e.templar,this.deleteMonitorView=new t({el:$(".delete-monitor-wrap"),templar:this.templar});var i=_.debounce(this._setExpandedViewHeight,500);$(window).resize(i)},render:function(e,t,i,r){this.monitorId=e,this.categories=t,this.categoryId=i,this.dashboardId=r,this.initMonitor()},initMonitor:function(){var e=this;e.getMonitor(e.monitorId,function(t){e.model=t,_.bind(e.updateMonitor,e,e.model),_.each(e.categories,function(t){t.selected=t.id===e.model.get("dashboardId")?!0:!1}),e.getGraphData(e.monitorId,function(){e._initErrorsList(function(t){e.templar.render({path:"expandedmonitor",el:e.$el,data:{monitor:e.model.toJSON(),errors:t,alerts:t,output:e.model.get("output"),categories:e.categories}}),e.$monitor=e.$el.find(".expanded-monitor"),e.$el.html(e.$monitor),e._setAlertsHistory(),e.chart=e.initGraph(e.$monitor.find(".graph")[0]),e._setErrorState(),e.updateGraph(e.model,function(t){e._initializeCodeMirror(),e._initializeDatePicker(".input-from-date"),e._setErrorDropDown(),e._setScheduleData(),e._setEditNameField(),e.$el.find(".save-changes").click({model:e.model},e.updateMonitor),e.$el.find(".cancel-changes").click(function(){e.exit()}),e.$el.find(".test-in-graph button").click({model:new i,output:t},e.testMonitor,e),e.open()},e.formattedGraphData),e.setHelp(),e._setExpandedViewHeight()},e.model)})})},getGraphData:function(e,t){var i=this;$.ajax({url:"/jobs/"+e+"/data",success:function(e){e.graph_data&&(i.formattedGraphData=i.formatGraphData(e.graph_data)),_.isUndefined(t)||t(e)},error:function(e){_.isUndefined(t)||t(e)}})},getMonitor:function(e,t){var r=this;r.model=new i({id:e}),r.model.fetch({success:function(e){_.isUndefined(t)||t(e)}})},getErrorStatus:function(e){var t=!1;switch(e){case"error":t=!0;break;case"failed":t=!0;break;case"graphite_error":t=!0;break;case"graphite_metric_error":t=!0;break;case"security_error":t=!0}return t},setHelp:function(){var e=this,t="";$alertContent="",$.ajax({url:"/help/quick.html",async:!1,success:function(e){t=e}}),$.ajax({url:"/help/alert.html",async:!1,success:function(e){$alertContent=e}}),e.$el.find(".help:nth-child(2)").tooltip({trigger:"click",html:!0,placement:"right",delay:{show:100,hide:200},title:t}),e.$el.find(".help:nth-child(1)").tooltip({trigger:"click",html:!0,placement:"left",delay:{show:100,hide:200},title:$alertContent})},open:function(){this.$el.addClass("active"),Backbone.Mediator.pub("view:expandedmonitor:open",{nav:{back:!0}}),this.router.navigate("dash/"+this.dashboardId+"/expand/"+this.model.get("id"))},exit:function(e){var t=this;t.$el.removeClass("active"),t.model&&t.router.navigate("dash/"+t.model.get("dashboardId")),Backbone.Mediator.pub("view:expandedmonitor:exit",{status:"delete"})},updateGraph:function(e,t,i){var r=this;i?(r.renderGraphData(r.chart,i),"function"==typeof t&&t()):$.ajax({url:"/monitor.json",type:"POST",data:e.toJSON(),success:function(e){if(e.graph_data){var i=r.formatGraphData(e.graph_data);r.renderGraphData(r.chart,i),r.$el.find("textarea.output-view").val(e.output)}"function"==typeof t&&t(e.output)}})},testMonitor:function(e){var t=this,i=e.data.model,r=e.data.output,o=$(e.target);o.button("loading"),i=t._setMetrics(i),i=t._setSchedule(i),t.$el.find("textarea.output-view").val(r),t.$el.find(".output-tab").tab("show"),t.updateGraph(i,function(){o.button("reset")})},viewErrorInGraph:function(e){var t=this,i=e.data.model,r=e.data.output,o=e.data.toDate;i.set("toDate",o),i=t._setMetrics(i,!0),i=t._setSchedule(i),t.$el.find("textarea.output-view").val(r),t.$el.find(".output-tab").tab("show"),t.updateGraph(i)},updateMonitor:function(e){var t=this,i=e.data.model;e.data.test,e.data.toDate,e.data.output,i=t._setMetrics(i),i=t._setSchedule(i),i=t._setSettings(i),i.save(null,{success:function(e){Backbone.Mediator.pub("view:expandedmonitor:save",{model:t.model,message:"The monitor '"+e.get("name")+"' was saved.",attention:"Monitor Saved!",status:"success"}),t.exit(i),t.updateGraph(i)},error:function(e){Backbone.Mediator.pub("view:expandedmonitor:save",{model:t.model,message:"The monitor '"+e.get("name")+"' caused an error on saving, please try again.",attention:"Monitor Saved Error!",status:"error"})}})},deleteMonitor:function(){var e=this;e.model.destroy({success:function(t){Backbone.Mediator.pub("view:expandedmonitor:delete",{model:e.model,message:"The monitor '"+t.get("name")+"' was removed from the current dashboard.",attention:"Monitor Deleted!"})},error:function(t){Backbone.Mediator.pub("view:expandedmonitor:delete",{model:e.model,message:"The monitor '"+t.get("name")+"' produced an error during the process of deletion.",attention:"Monitor Delete Error!",status:"error"})}}),e.exit()},updateMonitorName:function(){var e=this,t=e.$el.find(".name-field");t.prev().html(),e.model.set({name:t.find("input").val()}),t.prev().html(e.model.get("name")),t.hide(),t.prev().show()},resize:function(){var e=this;return _.debounce(e._setExpandedViewHeight,500)},destructor:function(){var e=this,t=e.$el.prev();e.deleteMonitorView.destructor(),e.destroySubscriptions(),e.remove(),e.unbind(),e.off(),t.after("<div class='edit-monitor-wrap clearfix'>")},_setExpandedViewHeight:function(){var e=580,t=6,i=4,r=this.$el.find("#viewMetrics")?this.$el.find("#viewMetrics").height():null;r&&this.$el.find("#viewSchedule, #viewSettings").css({height:r+"px"}),this.$el.find(".output-view").css({height:$(window).height()-e-i+"px"}),this.$el.find(".alerts-history ul").css({height:$(window).height()-e-t+"px"}),this.$el.find(".graph").css({height:$(window).height()-e+"px"});var o=$(window).height()-e>150?$(window).height()-e:150;this.chart&&o>150&&this.chart.setSize(null,o)},_setErrorState:function(){var e=this.getErrorStatus(this.model.get("status"));e?this.$monitor.addClass("red"):this.$monitor.removeClass("red")},_initErrorsList:function(e){var t=this,i=t.model.get("id");$.get("/jobs/"+i+"/errors",function(i){i=_.map(i,function(e){return{label:t.formatServerDateTime(e.date,!0).toString("MM/dd/yyyy HH:mm"),value:e.date,message:e.message,id:e.id}}),e(i)})},_setErrorDropDown:function(){var e=this,t=this.$el.find("#selectPreviousError");if(""!==t.find("option:selected").val()){var i=t.find("option:selected").html();e.fromDatePicker.datetimepicker("setDate",i)}},_setEditNameField:function(){var e=this,t=e.$el.find(".name-field");t.prev().click(function(){t.prev().hide(),t.show(),t.find("input").focus()})},_initializeCodeMirror:function(){var e=this,t=e.$el.find("#inputExpressions")[0],i=e.$el.find("#inputMetrics")[0];e.expressionsMirror=CodeMirror.fromTextArea(t,{value:"",lineNumbers:!0,lineWrapping:!0,height:"100",mode:"ruby",theme:"ambiance",onKeyEvent:function(t,i){return 70==i.keyCode&&i.ctrlKey&&"keydown"==i.type?(i.stop(),e._toggleFullscreen(".expanded-monitor .expressions .CodeMirror",e.expressionsMirror)):void 0}}),e.metricsMirror=CodeMirror.fromTextArea(i,{value:"",lineNumbers:!0,lineWrapping:!0,mode:"ruby",theme:"ambiance",onKeyEvent:function(t,i){return 70==i.keyCode&&i.ctrlKey&&"keydown"==i.type?(i.stop(),e._toggleFullscreen(".expanded-monitor .metrics .CodeMirror",e.metricsMirror)):void 0}})},_initializeDatePicker:function(e){var t=this;t.fromDatePicker=t.$el.find(e).datetimepicker()},_setScheduleData:function(){var e=this,t=e.model.get("cronExpr").split(" ");e.$el.find("#inputSeconds").val(t[0]),e.$el.find("#inputMinutes").val(t[1]),e.$el.find("#inputHours").val(t[2]),e.$el.find("#inputDays").val(t[3]);var i=t[4].split(","),r=t[5].split(",");e._setButtonGroup(e.$el.find(".day-picker button"),r),e._setButtonGroup(e.$el.find(".month-picker button"),i)},_setButtonGroup:function(e,t){e.each(function(e,i){i=$(i);var r=_.indexOf(t,i.attr("data-value"));r>-1&&i.addClass("active")})},_setMetrics:function(e,t){var i=this;return e.set({userId:i.user.get("id"),monitorExpr:i.expressionsMirror.getValue(),metrics:i.metricsMirror.getValue().split("\n"),minutes:parseInt(i.$el.find(".input-minutes-back").val()),toDate:t?e.get("toDate"):i.$el.find(".input-from-date").val()}),e},_setSchedule:function(e){var t=this.$el.find(".monitor-name")[0]?this.$el.find(".monitor-name").val():e.get("name");return e.set({userId:this.user.get("id"),name:t,description:this.$el.find("#description").val(),alertKeys:this.parseAlertKeys(this.$el.find(".pager-duty textarea").val()),cronExpr:this._createCronExpr()}),e},_setSettings:function(e){return e.set({dashboardId:parseInt(this.$el.find("#selectCategory").val(),10)}),e},_setAlertsHistory:function(){var e=this;e.$monitor.find(".alerts-history ul").delegate("li button","click",function(t){e.viewErrorInGraph({data:{model:new i,test:!0,toDate:$(t.target).attr("data-date")}}),e.fromDatePicker.datetimepicker("setDate",$(t.target).attr("data-date"))})}});return r});

data/public/rearview/js/view/header.js

@@ -0,0 +1 @@
+define(["view/base"],function(e){var t=e.extend({initialize:function(e){_.bindAll(this,"render"),this.templar=e.templar,this.currentNav={header:{title:"Ecosystem",subtitle:"",date:new XDate(Date.now()).toUTCString("MMM dd, yyyy"),nav:{back:!1}}},Backbone.Mediator.sub("view:ecosystem:render",this.render,this),Backbone.Mediator.sub("view:dashboard:render",this.render,this),this.render()},render:function(e){this.previous=this.currentNav,_.extend(this.currentNav.header,e),this.templar.render({path:"header",el:this.$el,data:this.currentNav})}});return t});

data/public/rearview/js/view/primarynav.js

@@ -0,0 +1 @@
+define(["view/base"],function(e){var t=e.extend({subscriptions:{"view:dashboard:save":"render","view:adddashboard:save":"render","view:addcategory:save":"render"},initialize:function(e){_.bindAll(this),this.templar=e.templar,this.user=e.user,Backbone.history.bind("all",function(){this.setNav()}.bind(this))},render:function(){this.$el.empty(),this.collection.fetch({success:function(){this.collection.sort(),this.templar.render({path:"primarynav",el:this.$el,data:{nav:this.collection.toJSON(),user:this.user.toJSON()}})}.bind(this)}),this.$el.find(".user").tooltip({placement:"bottom"})},setNav:function(){var e=Backbone.history.fragment;switch(this.$el.find("li").removeClass("active"),e){case"ecosystem":this.$el.find(".nav > li:first-child").addClass("active")}}});return t});

data/public/rearview/js/view/resetmonitor.js

@@ -0,0 +1 @@
+define(["view/base"],function(e){var t=e.extend({subscriptions:{"view:smallmonitor:reset":"setCurrentMonitor"},events:{"click button.cancel":"closeModal","click button.reset":"resetMonitor"},initialize:function(e){_.bindAll(this,"setCurrentMonitor","resetMonitor","closeModal"),this.templar=e.templar,this.render()},render:function(){this.templar.render({path:"resetmonitor",el:this.$el,data:{}}),this.$modal=this.$el.find(".reset-monitor"),this.resizeModal($("#resetMonitor"),"small",!0)},setCurrentMonitor:function(e){this.model=e.model},resetMonitor:function(){this.closeModal(),$.ajax({url:"/jobs/"+this.model.get("id")+"/reset.json",type:"post",data:{_method:"PUT"},success:function(){Backbone.Mediator.pub("view:resetmonitor:reset",{model:this.model,message:"The '"+this.model.get("name")+"' monitor's history and data were reset.",attention:"Monitor Reset Successful!"})}.bind(this),error:function(){Backbone.Mediator.pub("view:resetmonitor:reset",{model:this.model,message:"The monitor '"+this.model.get("name")+"' caused an error on reset, please check your monitor code.",attention:"Monitor Activate Error!",status:"error"})}.bind(this)})},closeModal:function(){this.$modal.modal("hide")},destructor:function(){var e=this.$el.prev();this.destroySubscriptions(),this.remove(),this.unbind(),this.onDestruct&&this.onDestruct(),this.$el=$("<section class='reset-monitor-wrap'></section>").insertAfter(e)}});return t});

data/public/rearview/js/view/secondarynav.js

@@ -0,0 +1 @@
+define(["view/base"],function(e){var t=e.extend({initialize:function(e){this.templar=e.templar,_.bindAll(this),this.currentNav={secondary:{nav:{ecosystem:!0,dashboard:!1}}},Backbone.Mediator.sub("view:dashboard:render",this.render,this),Backbone.Mediator.sub("controller:dashboard:init",this.render,this),this.render()},render:function(e){this.destructor(),this.previous=self.currentNav,_.extend(this.currentNav.secondary,e),this.templar.render({path:"secondarynav",el:this.$el,data:this.currentNav})},destructor:function(){this.$el.empty()}});return t});

data/public/rearview/js/view/smallmonitor.js

@@ -0,0 +1 @@
+define(["view/base"],function(t){var r=t.extend({el:".small-monitor",events:{"click .header-name":"editMonitor","click .settings .btn":"monitorSettings","click .save":"monitorSettings","click .monitor-inactive":"deactivateMonitor","click .monitor-active":"activateMonitor","click button.reset":"resetMonitor"},initialize:function(t){_.bindAll(this,"editMonitor","expandMonitor","monitorTitle","monitorSettings","deactivateMonitor","activateMonitor","resetMonitor","setupDrag"),this.templar=t.templar,this.user=t.user?t.user:null,this.dashboardId=t.dashboardId?t.dashboardId:null,this.addHelpers(),this.intervalLength=t.intervalLength?t.intervalLength:60,Backbone.Mediator.sub("controller:dashboard:init",this.expandMonitor,this);var r=_.debounce(this.monitorTitle,500);$(window).resize(r)},render:function(){return this.templar.render({path:"smallmonitor",el:this.$el,append:!0,data:{monitor:this.model.toJSON()}}),this.initMonitor(),this},initMonitor:function(){this.$el.data("view",this),this.$monitor=this.$el.find("#smallMonitor"+this.model.get("id")),this.$wrap=this.$monitor.parent(),this.$graph=this.$monitor.find(".graph")[0],this.$monitor.find("h1").tooltip(),this.chart=this.initGraph(this.$graph),this.updateGraph(),this.interval=setInterval(function(){this.updateGraph(!0)}.bind(this),1e3*this.intervalLength),this.setupDrag()},setupDrag:function(){this.$monitor.draggable({handle:this.$el.find(".drag-handle"),containment:"body",snap:".small-monitor-drag",snapMode:"inner",snapTolerance:30,appendTo:".monitor-wrap",scroll:!0,revert:"invalid",start:function(t,r){var e=r.helper;r.offset,e.draggable("option","revert",!0),$("body").removeAttr("style"),e.parent().css({"z-index":"9999"}),this.currentOrder=this.getMonitorOrder()}.bind(this),stop:function(t,r){var e=r.helper,i=(r.offset,e.attr("id")),o=!0;e.parent().css({"z-index":"1"}),$(".small-monitor").each(function(t,r){var a=$(r).attr("id");i!==a&&this.overlaps(e,r)&&(this.setorder(e.parent(),$(r).parent(),!0),e.css({left:0,top:0}),o=!1)}.bind(this)),o&&e.css({left:0,top:0})}.bind(this),drag:function(t,r){r.helper,r.offset}.bind(this)})},setorder:function(t,r,e){t=$(t),r=$(r),e=!!e;var i=(t.parent(),r.parent()),o=i.attr("data-order"),a=this.currentOrder?this.currentOrder:this.getMonitorOrder(),s=t.data("view"),n=s.model.get("id"),h=_.indexOf(a,n);a.splice(h,1),a.splice(o,0,n),this.currentOrder=a,this.reorder(),e&&this.setDashboardPreferences()},updateGraph:function(t){var r=!1;t?t&&this.model.get("active")&&(r=!0):r=!0,r&&(this.errorState=!0,this.showOverlay(this.$graph,"Loading...","small-monitor-overlay"),$.ajax({url:"/jobs/"+this.model.get("id")+"/data",success:function(t){"error"===t.status?(this.hideOverlay(),_.isEmpty(t.graph_data)?this.showOverlay(this.$graph,"Monitor Error - No Data","small-monitor-error-overlay"):this.showOverlay(this.$graph,"Monitor Error","small-monitor-error-overlay"),this._setErrorState()):"failed"===t.status?(this.hideOverlay(),this.formattedGraphData=this.formatGraphData(t.graph_data),this.renderGraphData(this.chart,this.formattedGraphData),this._setErrorState(),this.model.set("output",t.output)):"graphite_error"===t.status?(this.hideOverlay(),this.showOverlay(this.$graph,"Graphite Error","small-monitor-error-overlay"),this._setErrorState()):"graphite_metric_error"===t.status?(this.hideOverlay(),this.showOverlay(this.$graph,"Graphite Metrics Error","small-monitor-error-overlay"),this._setErrorState()):t.graph_data?(this.hideOverlay(),this.errorState=!1,this.formattedGraphData=this.formatGraphData(t.graph_data),this.renderGraphData(this.chart,this.formattedGraphData),this.model.set("output",t.output),this._setErrorState(!0)):(this.hideOverlay(),this.showOverlay(this.$graph,"Unexpected Error","small-monitor-error-overlay"),this._setErrorState())}.bind(this),error:function(){this.hideOverlay(),this.showOverlay(this.$graph,"Waiting For Next Run","small-monitor-error-overlay")}.bind(this)}))},deactivateMonitor:function(t){$(t.target).hasClass("active")||this.model.save({active:!1},{error:function(t){Backbone.Mediator.pub("view:smallmonitor:save",{model:this.model,message:"The monitor '"+t.get("name")+"' caused an error on deactivation, please check your monitor code.",attention:"Monitor Deactivate Error!",status:"error"})}})},activateMonitor:function(t){$(t.target).hasClass("active")||this.model.save({active:!0},{error:function(){Backbone.Mediator.pub("view:smallmonitor:save",{model:this.model,message:"The monitor '"+this.model.get("name")+"' caused an error on activation, please check your monitor code.",attention:"Monitor Activate Error!",status:"error"})}.bind(this)})},resetMonitor:function(){this.$monitor.find("#resetMonitor").toggle("show"),Backbone.Mediator.pub("view:smallmonitor:reset",{model:this.model})},expandMonitor:function(t){t.monitorId==this.model.get("id")&&this.editMonitor()},editMonitor:function(){Backbone.Mediator.pub("view:smallmonitor:edit",this.model.get("id"),this)},monitorSettings:function(){this.$monitor.toggleClass("flipped")},monitorTitle:function(){var t=140,r=this.$monitor.width();this.$header=this.$monitor.find(".header-name"),this.$titleText=this.$monitor.find(".header-name p"),this.$header.css("width",r-t),this.$titleText.width()>this.$header.width()?this.$header.addClass("truncated"):this.$header.removeClass("truncated")},nextRun:function(){this.hideOverlay(),this.showOverlay(this.$graph,"Waiting For Next Run","small-monitor-error-overlay")},reorder:function(){var t=$(".dashboard-"+this.model.get("dashboardId")+" .small-monitor-drag");t.each(function(t,r){$(r).prepend($("#smallMonitor"+this.currentOrder[t]).parent())}.bind(this))},setDashboardPreferences:function(){var t=this.user.get("preferences")?this.user.get("preferences"):{},r=t&&t.dashboards?t.dashboards:{};r[this.model.get("dashboardId")]={order:this.currentOrder},t.dashboards=r,this.user.updatePrefs(t)},getMonitorOrder:function(){var t=$(".dashboard-"+this.model.get("dashboardId")+" .small-monitor-wrap"),r=[];return t.each(function(t,e){var i=$(e).data("view");r.push(i.model.get("id"))}),r},destructor:function(){clearInterval(this.interval),this.model.unbind(),this.unbind(),this.off(),this.undelegateEvents(),Backbone.Mediator.unsubscribe("view:smallmonitor:edit",this.editMonitor),Backbone.Mediator.unsubscribe("controller:dashboard:init",this.expandMonitor,this),this.remove(),this.$el.remove()},_setErrorState:function(t){t?this.$el.children(":first").removeClass("red"):this.$el.children(":first").addClass("red")}});return r});

data/public/rearview/less/alert.less

@@ -0,0 +1,45 @@
+/* bootstrap alert override styles */
+.alert-wrap {
+    top         : -100px;
+    height      : auto;
+    left        : 0;
+    margin-top  : 0;
+    margin-left : 0;
+    display     : block;
+    position    : fixed;
+    width       : 100% !important;
+    z-index     : 1058;
+
+    -webkit-transition: all 1s;
+    .transition-duration(1s);
+
+    .alert {
+        text-align       : center;
+        margin           : 0 25%;
+        border-radius    : 4px !important;
+        border           : none !important;
+        background-color : rgba(0,0,0,0.7) !important;
+        color            : #efc338 !important;
+        text-shadow      : none;
+        line-height      : 30px;
+
+        .proxima-regular(17px);
+    }
+
+    .alert-error {
+        color         : #cc3e3a !important;
+    }
+
+    .alert-success {
+        color         : #6ea933 !important;
+
+        .close {
+            color   : #6ea933 !important;
+            opacity : 0.7 !important;
+        }
+    }
+}
+
+.alert-wrap.active {
+    .transform(translateY(140px)) !important;
+}

data/public/rearview/less/dashboard.less

@@ -0,0 +1,173 @@
+.monitor-panel {
+    position : relative;
+    top      : @top-adjustment;
+    width    : 90%;
+
+    .carousel {
+        top : 22px;
+
+        .active .btn {
+            display : inline-block;
+        }
+    }
+
+    .carousel-indicators.middle {
+		left       : 0;
+		right      : 0;
+		top        : -30px;
+		text-align : center;
+	
+		li {
+			float         : none;
+			display       : inline-block;
+			background    : #000;
+			border        : 2px solid #F5F4EE;
+			border-radius : 7px;
+
+			&.active {
+				background : #f5f4ee;
+			}
+		}
+	}
+
+	.carousel-control {
+		border     : none;
+		background : none;
+		height     : auto;
+		width      : 53px;
+		z-index    : 11;
+		top        : 50%;
+        position   : fixed;
+
+		.proxima-regular;
+	
+		&.left {
+			left : 0.5%;
+		}
+		&.right {
+			right : 0.5%;
+		}
+	}
+
+	.carousel-inner {
+		overflow : visible;
+
+        & > .prev {
+            left: -106%;
+        }
+
+        & > .next {
+            left: 106%;
+        }
+
+		.item {
+			min-height : 1184px;
+		}
+
+		.carousel-caption {
+            background : rgba(0,0,0,0.3);
+            position   : fixed;
+            bottom     : 41px;
+            z-index    : 10;
+            opacity    : 1;
+			.proxima-regular;
+
+			h4 {
+				font-weight : normal;
+			}
+		}
+
+		.item.active .carousel-caption {
+			-webkit-transition : opacity 0.5s ease-out 5s;
+               -moz-transition : opacity 0.5s ease-out 5s;
+                 -o-transition : opacity 0.5s ease-out 5s;
+                    transition : opacity 0.5s ease-out 5s;
+            opacity : 0;
+		}
+	}
+}
+
+.monitor-wrap {
+    margin        : 0;
+    padding       : 0;
+    overflow      : visible;
+    width         : 100%;
+    position      : relative;
+    z-index       : 1;
+
+    -webkit-perspective : 0px;
+       -moz-perspective : 0px;
+            perspective : 0px;
+
+    .monitor-grid {
+        margin : 0 0 2em 0;
+        font-size : 16px;
+
+        .row-fluid {
+            display : block;
+        }
+
+        .small-monitor:last {
+            margin-right  : 0;
+            padding-right : 0;
+        }
+    }
+
+    .edit-monitor-wrap {
+        display  : block;
+        height   : inherit;
+        width    : 100%;
+        z-index  : 100;
+        top      : @top-adjustment;
+        right    : 4000px;
+        position : absolute;
+
+        transition         : right 0.4s;
+        -moz-transition    : right 0.4s;
+        -webkit-transition : right 0.4s;
+
+        .edit-monitor {
+            background    : #545954;
+            border-radius : 7px;
+            margin        : 0 6%;
+            padding       : 8px 7px;
+            min-height    : 500px;
+
+            .data-view {
+                background    : #767a76;
+                border-radius : 4px;
+                float         : left;
+                width         : 66%;
+            }
+
+            .metrics-schedule {
+                background    : #767a76;
+                border-radius : 4px;
+            }
+        }
+    }
+
+    .edit-monitor-wrap.active {
+        right : 0;
+    }
+}
+
+.small-monitor-drag {
+    margin-bottom: 34px;    
+}
+
+.small-monitor-wrap {
+    position : relative;
+    z-index  : 1;
+}
+
+/* styles for drag & drop */
+.active-drop {
+    outline : 2px dashed #f5f4ee;
+}
+
+@-moz-document url-prefix() { /* HACK: for jquery UI & border not working right */
+    .active-drop {
+        overflow : hidden;
+    }
+}

data/public/rearview/less/ecosystem.less

@@ -0,0 +1,221 @@
+/* ecosystem/dashboard styles */
+.ecosystem-dashboard-wrap {
+    margin     : 0 20px 0 0;
+    padding    : 0;
+    text-align : center;
+    position   : relative;
+    top        : 8em;
+    z-index    : 0;
+
+    -webkit-perspective : 0px;
+       -moz-perspective : 0px;
+         -o-perspective : 0px;
+            perspective : 0px;
+
+    .btn {
+        .rounded(4px);
+    }
+
+    .dashboard-tile {
+        margin        : 0 0 20px 20px;
+        display       : inline-block;
+        width         : 200px;
+        height        : 200px;
+        cursor        : pointer;
+        border-radius : 4px;
+        box-shadow    : 0 0 12px #222;
+
+        -webkit-transition       : -webkit-transform 1s;
+           -moz-transition       :    -moz-transform 1s;
+             -o-transition       :      -o-transform 1s;
+                transition       :         transform 1s;
+        -webkit-transform-style  : preserve-3d;
+           -moz-transform-style  : preserve-3d;
+             -o-transform-style  : preserve-3d;
+                transform-style  : preserve-3d;
+        -webkit-transform-origin : right center;
+           -moz-transform-origin : right center;
+             -o-transform-origin : right center;
+                transform-origin : right center;
+    }
+
+    .dashboard-tile.flipped {
+        .transform(translateX( -100% ) rotateY( -180deg ));
+    }
+
+    .dashboard-tile figure {
+        margin        : 0;
+        display       : block;
+        height        : 100%;
+        width         : 100%;
+        border-radius : 4px;
+        position      : absolute;
+
+        -webkit-backface-visibility : hidden;
+           -moz-backface-visibility : hidden;
+             -o-backface-visibility : hidden;
+                backface-visibility : hidden;
+    }
+
+    .dashboard-tile .front {
+        padding    : 12px;
+        background : #545954;
+
+        .box-sizing(border-box);
+
+        p {
+          line-height    : 40px;
+          text-align     : center;
+          color          : #fff;
+          text-transform : uppercase;
+
+          .proxima-regular(18px);
+        }
+
+        fieldset {
+            margin   : 0;
+            display  : block;
+            position : absolute;
+            bottom   : 0;
+            left     : 0;
+            width    : 100%;
+            float    : right;
+            opacity  : 0;
+
+            -webkit-transition : opacity 0.3s ease-in-out;
+               -moz-transition : opacity 0.3s ease-in-out;
+                    transition : opacity 0.3s ease-in-out;
+
+            button {
+                margin-bottom : 5px;
+                margin-right  : 5px;
+                float         : right;
+            }
+        }
+    }
+
+    .dashboard-tile .front:hover {
+        fieldset {
+          opacity : 1;
+        }
+        /* -moz-transform:scale(1.1); just an idea atm */
+    }
+
+    .dashboard-tile .back {
+        background : #f5f4ee;
+        cursor     : default;
+        .transform(rotateY( 180deg ));
+
+        fieldset {
+            margin : 5px;
+
+            input {
+                width : 176px;
+            }
+
+            .btn-wrap {
+                position : absolute;
+                bottom   : 0;
+                right    : 0;
+                width    : 100%;
+            }
+
+            button {
+                margin-bottom : 5px;
+                margin-right  : 5px;
+                float         : right;
+            }
+        }
+    }
+
+    .dashboard-tile.flipped .front,
+    .dashboard-tile.flipped .front:hover {
+        button {
+          visibility : hidden;
+          opacity : 0;
+        }
+    }
+
+    .dashboard-tile.red {
+        .front {
+            background : #735854;
+        }
+    }
+}
+
+/* delete/reset monitor styles */
+.reset-monitor,
+.delete-monitor {
+    .hero-unit {
+        margin-top : 20px;
+    }
+}
+
+/* add dashboard styles */
+.add-dashboard {
+    .dashboard-name,
+    .dashboard-description {
+        width : 100%;
+    }
+}
+
+/* delete/reset monitor styles */
+.reset-monitor,
+.delete-monitor {
+    .hero-unit {
+        margin-top : 20px;
+    }
+}
+
+/* add dashboard styles */
+.add-dashboard {
+    .dashboard-name,
+    .dashboard-description {
+        width : 100%;
+    }
+}
+
+/* delete/reset monitor styles */
+.reset-monitor,
+.delete-monitor {
+    .hero-unit {
+        margin-top : 20px;
+    }
+}
+
+/* add dashboard styles */
+.add-dashboard {
+    .dashboard-name,
+    .dashboard-description {
+        width : 100%;
+    }
+}
+
+/* add dashboard styles */
+.add-category {
+    .category-name,
+    .category-description {
+        width : 100%;
+    }
+}
+
+.nav-tabs.nav-stacked {
+    li {
+        margin-left : 0; 
+    }
+
+    & > li > a,
+    & > li > a:hover, {
+        color : #adabac;
+        background : #333;
+        border : 1px solid #b6b3a6;
+        cursor:default;
+    }
+}
+
+.existing-categories {
+    p, a {
+        margin : 0;
+        .proxima-regular(14px);
+    }
+}