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

data/public/rearview-src/templates/resetmonitor.hbs

@@ -0,0 +1,16 @@
+<!-- Reset Monitor Modal -->
+<div id='resetMonitor' class='reset-monitor modal hide fade'>
+    <div class='modal-header'>
+        <button type='button' class='close' data-dismiss='modal' aria-hidden='true'><i class='icon-remove-circle'></i></button>
+        <h1 id='resetMonitorLabel'>Reset Monitor</h1>
+    </div>
+    <div class='modal-body'>
+        <div class='hero-unit'>
+            <p> All monitor history and data will be removed, but the monitor expression, schedule, and metrics will be preserved. Are you sure you want to reset this monitor?</p>
+        </div>
+    </div>
+    <div class='modal-footer'>
+        <button class='reset btn btn-large btn-primary'><i class='icon-ok icon-white'></i></button>
+        <button class='cancel btn btn-large'><i class='icon-remove icon-white'></i></button>
+    </div>
+</div>

data/public/rearview-src/templates/schedulemonitor.hbs

@@ -0,0 +1,78 @@
+<div class='modal-body'>
+    <h2>Name &amp; Schedule</h2>
+    <div class='hero-unit'>
+        <form id='namePagerForm' class='clearfix'>
+            <fieldset class='monitor-name control-group'>
+                <label for='monitorName' class='control-label'>Monitor Name:</label>
+                    <input type='text' id='monitorName' name='monitorName' required='required' />
+            </fieldset>
+            <fieldset class='description control-group'>
+                <label for='description' class='control-label'>Monitor Description (Not Required):</label>
+                <textarea rows='3' id='description' name='description'></textarea>
+            </fieldset>
+            <fieldset class='pager-duty control-group'>
+                <label for='pagerDuty' class='control-label'>Add Alert URIs (Not Required):</label>
+                <textarea rows='3' id='pagerDuty' name='pagerDuty' placeholder='Multiple alert URIs can be entered (separated by a space, comma or new line).'></textarea>
+            </fieldset>
+        </form>
+    </div>
+    <div class='hero-unit'>
+        <form class='clearfix'>
+            <fieldset class='set-schedule'>
+                <label>Set Schedule:</label>
+            </fieldset>
+            <fieldset class='form-horizontal'>
+                <div class='control-group'>
+                    <label class='control-label' for='inputMinutes'>Minutes</label>
+                    <div class='controls'>
+                        <input type='text' id='inputMinutes' name='inputMinutes' value='*' class='input-mini'>
+                    </div>
+                </div>
+                <div class='control-group'>
+                    <label class='control-label' for='inputHours'>Hours</label>
+                    <div class='controls'>
+                        <input type='text' id='inputHours' name='inputHours' value='*' class='input-mini'>
+                    </div>
+                </div>
+                <div class='control-group'>
+                    <label class='control-label' for='inputDays'>Days</label>
+                    <div class='controls'>
+                        <input type='text' id='inputDays' name='inputDays' value='*' class='input-mini'>
+                    </div>
+                </div>
+            </fieldset>
+            <fieldset class='day-month-picker'>
+                <label>Weekday</label>
+                <div class='day-picker btn-group' data-toggle='buttons-checkbox'>
+                    <button type='button' class='sun btn' data-value='Sun'>Sun</button>
+                    <button type='button' class='mon btn' data-value='Mon'>Mon</button>
+                    <button type='button' class='tue btn' data-value='Tue'>Tue</button>
+                    <button type='button' class='wed btn' data-value='Wed'>Wed</button>
+                    <button type='button' class='thu btn' data-value='Thu'>Thu</button>
+                    <button type='button' class='fri btn' data-value='Fri'>Fri</button>
+                    <button type='button' class='sat btn' data-value='Sat'>Sat</button>
+                </div>
+                <label>Month</label>
+                <div class='month-picker btn-group' data-toggle='buttons-checkbox'>
+                    <button type='button' class='jan btn' data-value='Jan'>Jan</button>
+                    <button type='button' class='feb btn' data-value='Feb'>Feb</button>
+                    <button type='button' class='mar btn' data-value='Mar'>Mar</button>
+                    <button type='button' class='apr btn' data-value='Apr'>Apr</button>
+                    <button type='button' class='may btn' data-value='May'>May</button>
+                    <button type='button' class='jun btn' data-value='Jun'>Jun</button>
+                    <button type='button' class='jul btn' data-value='Jul'>Jul</button>
+                    <button type='button' class='aug btn' data-value='Aug'>Aug</button>
+                    <button type='button' class='sep btn' data-value='Sep'>Sep</button>
+                    <button type='button' class='oct btn' data-value='Oct'>Oct</button>
+                    <button type='button' class='nov btn' data-value='Nov'>Nov</button>
+                    <button type='button' class='dec btn' data-value='Dec'>Dec</button>
+                </div>
+            </fieldset>
+        </form>
+    </div>
+</div>
+<div class='modal-footer'>
+    <button class='setMetrics btn btn-primary'>Set Metrics
+        <i class='icon-white icon-chevron-right'></i>
+    </button>
+</div>

data/public/rearview-src/templates/secondarynav.hbs

@@ -0,0 +1,11 @@
+<div class='footer-action-bar navbar navbar-fixed-bottom'>
+    <div class='navbar-inner'>
+        <ul class='nav pull-right'>
+        {{#secondary.nav.dashboard}}
+            <li><a href='#addMonitor' role='button' data-toggle='modal' data-keyboard='false'>Add a new monitor</a></li>
+        {{else}}
+            <li><a href='#addDashboard' role='button' data-toggle='modal' data-keyboard='false'>Add a new dashboard</a></li>
+        {{/secondary.nav.dashboard}}
+        </ul>
+    </div>
+</div>

data/public/rearview-src/templates/setmetrics.hbs

@@ -0,0 +1,53 @@
+<div class='modal-body'>
+    <h2>Set Metrics</h2>
+    <div class='expressions-metrics hero-unit'>
+        <form id='metricsExpressionsForm' class='clearfix'>
+            <fieldset class='metrics'>
+                <label>Enter Metrics: <i>( fullscreen mode: ctrl + f )</i></label>
+                <textarea id='inputMetrics' name='inputMetrics' rows='3' placeholder=''></textarea>
+            </fieldset>
+            <fieldset class='expressions'>
+                <label>Enter Expressions: <i>( fullscreen mode: ctrl + f )</i>
+                    <span class='help label label-info'><i class='icon-info-sign'></i></span>
+                </label>
+                <textarea id='inputExpressions' name='inputExpressions' rows='3' placeholder=''></textarea>
+            </fieldset>
+            <fieldset class='minutes-back bottom'>
+                <label>Minutes Back</label>
+                <input type='text' id='minutesBack' name='minutesBack' class='input-minutes-back' value='1'>
+            </fieldset>
+            <fieldset class='from bottom'>    
+                <label>From:</label>
+                <input type='text' value='now' id='fromDatePicker' name='fromDatePicker' class='date-picker'>
+            </fieldset>
+            <fieldset class='test-in-graph bottom'>
+                <label>&nbsp;</label>
+                <button type='button' class='testGraph btn btn-success'>
+                    Test Monitor
+                </button>
+            </fieldset>
+        </form>
+    </div>
+    <div class='test-graph hero-unit'>
+        <form>
+            <label>Graph:</label>
+            <div class='graph'>
+                {{content.charts}}
+            </div>
+            <fieldset class="output">
+                <label>Output:</label>
+                <textarea id="outputView"></textarea>
+            </fieldset>
+        </form>
+    </div>
+</div>
+<div class='modal-footer'>
+    <button type='button' class='nameSchedule btn btn-primary pull-left'>
+        <i class='icon-white icon-chevron-left'></i>
+        Name &amp; Schedule
+    </button>
+    <button type='button' class='saveFinish btn btn-primary'>
+        Save &amp; Finish
+        <i class='icon-white icon-chevron-right'></i>
+    </button>
+</div>

data/public/rearview-src/templates/smallmonitor.hbs

@@ -0,0 +1,52 @@
+<div id='smallMonitor{{monitor.id}}' class='small-monitor'>
+    <figure class='front'>
+    <div class='header-controls clearfix'>
+        <h1 class='header-name' rel='tooltip' data-delay='1000' data-original-title='{{monitor.name}}'><span><p>{{monitor.name}}</p></span></h1>
+        <span class='truncated-text'>...</span>
+        <span class='activate btn-group' data-toggle='buttons-radio'>
+        {{#if monitor.active}}
+            <button type='button' class='monitor-inactive btn btn-mini btn-inverse'>
+                off
+            </button>
+            <button type='button' class='monitor-active btn btn-mini btn-inverse active'>
+                on
+            </button>
+        {{else}}
+            <button type='button' class='monitor-inactive btn btn-mini btn-inverse active'>
+                off
+            </button>
+            <button type='button' class='monitor-active btn btn-mini btn-inverse'>
+                on
+            </button>
+        {{/if}}
+        </span>
+        <span class='settings btn-group'>
+            <button class='btn btn-mini btn-inverse' type='button'>
+                <i class='icon-cog icon-white'></i>
+            </button>
+        </span>
+        <span class='drag btn-group'>
+            <span class='drag-handle' type='button'>
+                <i class='icon-move' ></i>
+            </span>
+        </span>
+    </div>
+    <figure class='graph'>{{monitor.graph}}</figure>
+    </figure>
+    <figure class='back'>
+        <fieldset>
+            <figure class='description'>
+            {{#if monitor.description}}
+                <p>{{nl2br monitor.description}}</p>
+            {{else}}
+                <p>There is no description for this monitor...</p>
+            {{/if}}
+            </figure>
+            <div class='btn-wrap'>
+              <button class='reset btn btn-inverse btn-large' data-target='#resetMonitor' data-toggle='modal' data-keyboard='false'>Reset Monitor</button>
+              <button class='save btn btn-large btn-primary'><i class='icon-ok icon-white'></i></button>
+            </div>
+        </fieldset>
+    </figure>
+</div>
+

data/public/rearview-src/templates/test.txt

@@ -0,0 +1 @@
+hi

data/public/rearview-src/test/spec/model/application.js

@@ -0,0 +1,60 @@
+// load the application backbone model and test...
+define([
+    'js/model/application'
+],
+function( 
+    Application 
+) {
+    // describe the test suite for this module.
+    describe("The application model represents an application in the system.", function() {
+
+        // create our test application model.
+        var application = new Application();
+
+        beforeEach(function() {
+            application = new Application();
+        });
+
+        it("The application object should be defined.", function() {
+            expect( application ).toBeDefined();
+        });
+
+        describe("The application object should have the following defined backbone attributes.", function() {
+            it("should have an id", function() {
+                expect( application.get('id') ).toBeDefined();
+            });
+
+            it("should have a userId", function() {
+                expect( application.get('userId') ).toBeDefined();
+            });
+
+            it("should have a name", function() {
+                expect( application.get('name') ).toBeDefined();
+            });
+        });
+
+        describe("The application object should have the following defined attributes.", function() {
+            it("should have a defined url route /applications when id is not defined", function() {
+                expect( application.get('id') ).toBeNull()
+                expect( application.url() ).toEqual('/applications');
+            });
+        });  
+
+        describe("The application object should have the following defined attributes after initialize.", function() {
+            it("should have a defined url route /applications/# when id is defined", function() {
+                // populate the application object
+                application.set({
+                    'id'     : 3,
+                    'userId' : 1,
+                    'name'   : 'Cylon'
+                }); 
+
+                expect( application.get('id') ).not.toBeNull();
+                expect( application.get('id') ).toEqual(3);
+                expect( application.get('userId') ).toEqual(1);
+                expect( application.get('name') ).toEqual('Cylon');
+                expect( application.url() ).toEqual('/applications/3');
+            });
+        }); 
+    });
+});

data/public/rearview-src/test/spec/model/job.js

@@ -0,0 +1,109 @@
+// load the job backbone model and test...
+define([
+    'js/model/job'
+],
+function(
+    Job
+) {
+    // describe the test suite for this module.
+    describe("The job model represents a job (monitor) in the system.", function() {
+
+        // create our test job model.
+        var job = new Job();
+
+        beforeEach(function() {
+            job = new Job();
+        });
+
+        it("The job object should be defined.", function() {
+            expect( job ).toBeDefined();
+        });
+
+        describe("The job object should have the following defined backbone attributes.", function() {
+            it("should have an id attribute", function() {
+                expect( job.get('id') ).toBeDefined();
+                expect( job.get('id') ).toBeNull();
+            });
+
+            it("should have an appId attribute", function() {
+                expect( job.get('appId') ).toBeDefined();
+                expect( job.get('appId') ).toEqual(1);
+            });
+
+            it("should have an userId attribute", function() {
+                expect( job.get('userId') ).toBeDefined();
+                expect( job.get('userId') ).toBeNull();
+            });
+
+            it("should have a name attribute", function() {
+                expect( job.get('name') ).toBeDefined();
+                expect( job.get('name') ).toEqual(jasmine.any(String));
+            });
+
+            it("should have an active attribute", function() {
+                expect( job.get('active') ).toBeDefined();
+                expect( job.get('active') ).toBeTruthy();
+            });
+
+            it("should have a jobType attribute", function() {
+                expect( job.get('jobType') ).toBeDefined();
+                expect( job.get('jobType') ).toEqual(jasmine.any(String));
+            });
+
+            it("should have a version attribute", function() {
+                expect( job.get('version') ).toBeDefined();
+                expect( job.get('version') ).toEqual(jasmine.any(Number));
+            });
+
+            it("should have a alertKeys attribute", function() {
+                expect( job.get('alertKeys') ).toBeDefined();
+                expect( job.get('alertKeys') ).toEqual(jasmine.any(Array));
+            });
+
+            it("should have a cronExpr attribute", function() {
+                expect( job.get('cronExpr') ).toBeDefined();
+                expect( job.get('cronExpr') ).toEqual(jasmine.any(String));
+            });
+
+            it("should have an errorTimeout attribute", function() {
+                expect( job.get('errorTimeout') ).toBeDefined();
+                expect( job.get('errorTimeout') ).toEqual(jasmine.any(Number));
+            });
+
+            it("should have a minutes attribute", function() {
+                expect( job.get('minutes') ).toBeDefined();
+                expect( job.get('minutes') ).toEqual(jasmine.any(Number));
+            });
+
+            it("should have a metrics attribute", function() {
+                expect( job.get('metrics') ).toBeDefined();
+                expect( job.get('metrics') ).toEqual(jasmine.any(Array));
+            });
+
+            it("should have a monitorExpr attribute", function() {
+                expect( job.get('monitorExpr') ).toBeDefined();
+                expect( job.get('monitorExpr') ).toEqual(jasmine.any(String));
+            });
+        });
+
+        describe("The job object should have the following defined attributes.", function() {
+            it("should have a defined url route /jobs when id is not defined", function() {
+                expect( job.get('id') ).toBeNull()
+                expect( job.url() ).toEqual('/jobs');
+            });
+        });
+
+        describe("The job object should have the following defined attributes after initialize.", function() {
+            it("should have a defined url route /jobs/# when id is defined", function() {
+                // populate the job object
+                job.set({
+                    'id' : 3
+                });
+
+                expect( job.get('id') ).not.toBeNull();
+                expect( job.get('id') ).toEqual(3);
+                expect( job.url() ).toEqual('/jobs/3');
+            });
+        });
+    });
+});

data/public/rearview-src/test/spec/model/user.js

@@ -0,0 +1,50 @@
+// load the user backbone model and test...
+define([
+    'js/model/user'
+],
+function( 
+    User 
+) {
+    // describe the test suite for this module.
+    describe("The User represents a user in the system.", function() {
+
+        // create our test user model.
+        var user = new User();
+
+        it("should be defined", function() {
+            expect( user ).toBeDefined();
+        });
+
+        describe("The User object should have the following defined attributes.", function() {
+
+            it("should have a defined url route /user", function() {
+                expect( user.url ).toEqual('/user');
+            });
+
+        });    
+
+        describe("The User object should have the following defined backbone attributes.", function() {
+
+            it("should have an id", function() {
+                expect( user.get('id') ).toBeDefined();
+            });
+
+            it("should have an email", function() {
+                expect( user.get('email') ).toBeDefined();
+            });
+
+            it("should have a firstName", function() {
+                expect( user.get('firstName') ).toBeDefined();
+            });
+
+            it("should have a lastName", function() {
+                expect( user.get('lastName') ).toBeDefined();
+            });
+
+            it("should have a lastLogin", function() {
+                expect( user.get('lastLogin') ).toBeDefined();
+            });
+
+        });
+    });
+});

data/public/rearview-src/test/spec/view/base.js

@@ -0,0 +1,58 @@
+// load the edit monitor view and test...
+define([
+    'js/view/base'
+],
+function( 
+    BaseView
+) {
+    // describe the test suite for this module.
+    describe("The Base View (extended Backbone.View) is a collection of common view methods for other views that extend it.", function() {
+
+        // create our test base view
+        var baseView = new BaseView();
+
+        it("should have a method defined parseAlertKeys()", function() {
+            expect( baseView.parseAlertKeys ).toBeDefined();
+        });
+
+        var testAlertKeys = {
+            null                   : "null values",                   
+            undefined              : "undefined values",            
+            0                      : "falsey integer values",  
+            1                      : "truthy integer values",  
+            "test@test.com"        : "single email addresses",                
+            "apple"                : "single pseudo pager duty keys",      
+            "test@test.com apple"  : "combinations with space",     
+            "test@test.com,apple"  : "combinations with comma",     
+            "test@test.com\napple" : "combinations with new line",
+            " test@test.com\napple orange\nbanana " : "combinations with new line, commas, and spaces"
+        };
+
+        var testAlertKeysExpectedResults = {
+            null                   : ["null"],                   
+            undefined              : ["undefined"],
+            0                      : ["0"],
+            1                      : ["1"],
+            "test@test.com"        : ["test@test.com"],
+            "apple"                : ["apple"],
+            "test@test.com apple"  : ["test@test.com", "apple"],
+            "test@test.com,apple"  : ["test@test.com", "apple"],     
+            "test@test.com\napple" : ["test@test.com", "apple"],
+            " test@test.com\napple orange\nbanana " : ['test@test.com', 'apple', 'orange', 'banana']
+        };
+
+        describe("The method parseAlertKeys() parses strings and...", function() {
+            for (var key in testAlertKeys) {
+                if ( testAlertKeys.hasOwnProperty(key) ) {
+                    (function(testValue, description, result) {
+
+                        it("should handle " + description + " ( " + testValue + " )", function() {
+                            expect( baseView.parseAlertKeys(testValue) ).toEqual( result );
+                        });
+                      
+                    })(key, testAlertKeys[key], testAlertKeysExpectedResults[key]);
+                }
+            }
+        });
+    });
+});