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

data/public/rearview-src/login/icons/rearview.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+     width="512px" height="496.972px" viewBox="0 0 512 496.972" enable-background="new 0 0 512 496.972" xml:space="preserve">
+<path fill="#932B8D" d="M165.677,0C20.053,17.14-6.116,175.755,1.176,293.994C10.7,448.865,209.428,504.972,338.87,497.3
+    c51.084-3.02,110.287-14.125,133.71-64.145c24.536-52.393,38.859-100.848,38.568-158.302c-0.298-55.825-5.041-93.927-41.277-136.17
+    c-29.578-34.505-60.408-84.606-101.153-107.529C316.365,1.669,231.17,0.533,172.542,0"/>
+<path fill="#FFFFFF" d="M105.169,349.732l121.599-2.647c0,0,0,9.818,0,15.876c0,6.063-6.872,10.589-11.216,10.589
+    c-3.486,0-72.376,2.236-99.525,2.236c-6.7,0-10.857-7.505-10.857-11.938C105.169,359.411,105.169,349.732,105.169,349.732z
+     M261.514,357.759c0,1.954,0.361,6.694,5.971,6.694c5.613,0,102.694,4.007,106.128,4.007c3.44,0,9.499-4.345,9.499-7.419
+    c0-3.078,0-18.64,0-18.64l-121.598-1.289C261.514,341.113,261.514,355.81,261.514,357.759z M261.514,329.709l3.261-30.332
+    l-41.313,3.257l3.306,32.913l-121.599,5.495c0-60.07,34.744-160.142,39.086-163.809c4.342-3.663,17.372-8.277,17.372-8.277
+    s-3.983-52.837-3.983-55.009s4.796-6.063,8.326-6.063c3.529,0,32.571-1.359,37.272-1.359c4.707,0,8.598,2.262,8.598,6.066
+    c0,3.796,0.338,62.032,4.071,79.347c3.257-0.724,48.494-3.983,60.491-7.238c2.844-20.63,1.938-75.101,1.938-78.535
+    c0-3.44,2.986-8.326,8.777-8.326s29.315,0,35.192,0c5.884,0,8.69,3.711,8.69,7.331s0,53.473,0,53.473s12.529,1.623,17.233,4.881
+    c4.707,3.26,34.875,119.52,34.875,170.187L261.514,329.709z M261.514,216.728c-4.613-1.088-30.942,1.082-34.746,2.71
+    c-3.796,1.629-3.527,16.287,0,17.375c3.531,1.083,29.857-1.362,34.746-2.716C266.402,232.743,266.128,217.812,261.514,216.728z"/>
+</svg>

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

@@ -0,0 +1,38 @@
+<!-- Add Category Modal -->
+<div id='addCategory' class='add-category 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='addCategoryLabel'>Add A New Category</h1>
+    </div>
+    <div class='modal-body'>
+        <h2>This will be added to the '{{toUpperCase dashboard.name}}' Dashboard</h2>
+        <div class='hero-unit'>
+            <form id='addCategoryForm' class='clearfix'>
+                <fieldset class='category-name control-group'>
+                    <label for='categoryName' class='control-label'>Name:</label>
+                    <input type='text' id='categoryName' name='categoryName' class='input-block-level'>
+                </fieldset>
+                <fieldset class='category-description control-group'>
+                    <label for='categoryDescription' class='control-label'>Description:</label>
+                    <textarea id='categoryDescription' name='categoryDescription' class='input-block-level'></textarea>
+                </fieldset>
+            </form>
+        </div>
+        <h2>Existing categories...</h2>
+        <div class='existing-categories hero-unit'>
+            {{#if dashboard.children}}
+            <ul class='nav nav-tabs nav-stacked'>
+                {{#each dashboard.children}}
+                <li><a href='/#dash/{{dashboardId}}/category/{{id}}'>{{name}}</a></li>
+                {{/each}}
+            </ul>
+            {{else}}
+            <p>There are no categories for this dashboard currently.</p>
+            {{/if}}
+        </div>
+    </div>
+    <div class='modal-footer'>
+        <button class='saveCategory btn'>Save</button>
+        <button class='saveCloseCategory btn btn-primary'>Save &amp; Close</button>
+    </div>
+</div>

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

@@ -0,0 +1,26 @@
+<!-- Add Dashboard Modal -->
+<div id='addDashboard' class='add-dashboard 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='addDashboardLabel'>Add A New Dashboard</h1>
+    </div>
+    <div class='modal-body'>
+        <h2>Setup</h2>
+        <div class='hero-unit'>
+            <form id='addDashboardForm' class='clearfix'>
+                <fieldset class='dashboard-name control-group'>
+                    <label for='dashboardName' class='control-label'>Name:</label>
+                    <input type='text' id='dashboardName' name='dashboardName' class='input-block-level'>
+                </fieldset>
+                <fieldset class='dashboard-description control-group'>
+                    <label for='dashboardDescription' class='control-label'>Description:</label>
+                    <textarea id='dashboardDescription' name='dashboardDescription' class='input-block-level'></textarea>
+                </fieldset>
+            </form>
+        </div>
+    </div>
+    <div class='modal-footer'>
+        <button class='saveDashboard btn'>Save</button>
+        <button class='saveCloseDashboard btn btn-primary'>Save &amp; Close</button>
+    </div>
+</div>

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

@@ -0,0 +1,10 @@
+<!-- Add Monitor Modal -->
+<div id='addMonitor' class='add-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>
+        <button type='button' class='back' aria-hidden='true'><i class='icon-circle-arrow-left'></i></button>
+        <h1 id='addMonitorLabel'>Add A New Monitor</h1>
+    </div>
+    <div class='content-wrap'>
+    </div> 
+</div>

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

@@ -0,0 +1,4 @@
+<div class='alert alert-{{#if status}}{{status}}{{else}}success{{/if}}'>
+    <!--<button type='button' class='close' data-dismiss='alert'>x</button>-->
+    <strong class='alert-attention'>{{attention}}</strong> {{message}}
+</div>

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

@@ -0,0 +1,15 @@
+<div class='alert-timeline accordion'>
+    <div class='accordion-group'>
+        <div id='alertDrawer' class='accordion-body collapse'>
+            <div class='accordion-inner'>
+                
+            </div>
+        </div>
+    </div>
+    <div class='accordion-heading'>
+        <a class='accordion-toggle polygon tab' data-toggle='collapse' href='#alertDrawer'>
+            <b class='trapezoid size'></b>
+            <p><i class='icon-bell-alt'></i></p>
+        </a>
+    </div>
+</div>

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

@@ -0,0 +1,35 @@
+<div id='dashboardCarousel' class='carousel slide' data-interval='false'>
+    <ol class='carousel-indicators middle'>
+        {{#categories}}
+        <li data-target='#dashboardCarousel' data-slide-to='{{@index}}' {{#unless @index}}class='active'{{/unless}}></li>
+        {{/categories}}
+    </ol>
+    <!-- carousel items -->
+    <div class='carousel-inner'>             
+        {{#categories}}
+        <div class='dashboard-{{id}} item{{#unless @index}} active{{/unless}}'>
+        	<ul class='monitor-grid'>
+			{{#monitors}}
+                {{#mod @index}}
+                <li class='row-fluid'>
+                {{/mod}}
+                    <div class='small-monitor-drag span4' data-order='{{@index}}'>
+                        <div class='small-monitor-wrap small-monitor-{{id}}'></div>
+                    </div>
+            {{else}}
+                <li></li>
+            {{/monitors}}
+			</ul>
+            {{#if description}}
+            <div class='carousel-caption'>
+                <p>{{nl2br description}}</p>
+            </div>
+            {{/if}}
+        </div>
+        {{/categories}}
+    </div>
+    <!-- carousel nav -->
+    <a class='carousel-control left' href='#myCarousel' data-slide='prev'><i class='icon-chevron-sign-left'></i></a>
+    <a class='carousel-control right' href='#myCarousel' data-slide='next'><i class='icon-chevron-sign-right'></i></a>
+</div>
+

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

@@ -0,0 +1,22 @@
+{{#dashboard}}
+<div class='dashboard{{this.id}} dashboard-tile'>
+    <figure class='front'>
+        <p>{{this.name}}</p>
+        <fieldset>
+            <div class='btn-wrap'>
+                <button class='settings btn btn-large btn-inverse'><i class='icon-cog icon-white'></i></button>
+            </div>
+        </fieldset>
+    </figure>
+    <figure class='back'>
+        <fieldset>
+            <input id='dashboardName{{this.id}}' name='dashboardName{{this.id}}' class='dashboard-name' type='text' value='{{this.name}}'>
+            <div class='btn-wrap'>
+                <button class='cancel btn btn-large btn-inverse'><i class='icon-remove icon-white'></i></button>
+                <button class='add btn btn-large btn-inverse'><i class='icon-plus icon-white'></i></button>
+                <button class='save btn btn-large btn-primary'><i class='icon-ok icon-white'></i></button>
+            </div>
+        </fieldset>
+    </figure>
+</div>
+{{/dashboard}}

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

@@ -0,0 +1,16 @@
+<!-- Delete Monitor Modal -->
+<div id='deleteMonitor' class='delete-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='deleteMonitorLabel'>Delete Monitor</h1>
+    </div>
+    <div class='modal-body'>
+        <div class='hero-unit'>
+            <p>Are you sure you want to delete this monitor?</p>
+        </div>
+    </div>
+    <div class='modal-footer'>
+        <button class='delete 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/expandedmonitor.hbs

@@ -0,0 +1,191 @@
+<div class='expanded-monitor'>
+    <div class='data-view clearfix'>
+        <div class='authentication-stats'>
+            <label>{{monitor.name}}</label>
+            <fieldset class='name-field'>
+                <input id='monitorName' class='monitor-name' type='text' value='{{monitor.name}}'>
+                <button class='name-save btn btn-mini btn-primary' type='button'>Done</button>
+            </fieldset>
+            <figure class='graph'></figure>
+        </div>
+    </div>
+
+    <div class='alerts-output clearfix'>
+        <ul class='nav nav-tabs'>
+            <li class='active'>
+                <a class='alerts-tab' data-toggle='tab' href='#viewAlerts'>
+                    <i class='icon-bell-alt'></i> Alerts History
+                </a>
+            </li>
+            <li>
+                <a class='output-tab' data-toggle='tab' href='#viewOutput'>
+                    <i class='icon-desktop'></i> Output
+                </a>
+            </li>
+        </ul>
+        <div class='tab-content'>
+            <div id='viewAlerts' class='tab-pane active'>
+                <div class='alerts-history'>
+                    <ul>
+                        {{#alerts}}
+                        <li>
+                            <h1>Incident #{{this.id}}</h1>
+                            <h2>Opened on {{this.label}}</h2>
+                            <p>{{this.message}}</p>
+                            <button type='button' class='btn btn-mini btn-inverse' data-date='{{this.label}}'>View in Graph</button>
+                        </li>
+                        {{/alerts}}
+                    </ul>
+                </div>
+            </div>
+            <div id='viewOutput' class='tab-pane'>
+                <textarea class='output-view'>{{#output}}{{this}}{{/output}}</textarea>
+            </div>
+        </div>
+    </div>
+
+    <div class='metrics-schedule clearfix'>
+        <ul class='nav nav-tabs'>
+            <li class='active'>
+                <a href='#viewMetrics' data-toggle='tab' class='metrics-tab'>
+                    <i class='icon-desktop'></i> Metrics
+                </a>
+            </li>
+            <li>
+                <a href='#viewSchedule' data-toggle='tab' class='schedule-tab'>
+                    <i class='icon-time'></i> Schedule
+                </a>
+            </li>
+            <li>
+                <a href='#viewSettings' data-toggle='tab' class='settings-tab'>
+                    <i class='icon-cog'></i> Settings
+                </a>
+            </li>
+        </ul>
+        <div class='tab-content'>
+            <div class='tab-pane active' id='viewMetrics'>
+                <form class='clearfix'>
+                    <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' placeholder='' rows='3'>{{monitor.monitorExpr}}</textarea>
+                    </fieldset>
+                    <div class='metrics-test'>
+                        <fieldset class='metrics'>
+                            <label>Enter Metrics: <i>( fullscreen mode: ctrl + f )</i></label>
+                            <textarea id='inputMetrics' placeholder='' rows='3'>{{#monitor.metrics}}{{this}}
+{{/monitor.metrics}}</textarea>
+                        </fieldset>
+                        <fieldset class='minutes-back'>
+                            <label>Minutes Back</label>
+                            <input type='text' value='{{monitor.minutes}}' class='input-minutes-back'>
+                        </fieldset>
+                        <fieldset class='from'>
+                            <label>From:</label>
+                            <input type='text' class='input-from-date date-picker' value='{{monitor.toDate}}'>
+                        </fieldset>
+                        <fieldset class='previous-errors'>
+                            <label>Previous Alerts:</label>
+                            <select id='selectPreviousError'>
+                                <option value=''>select an incident</option>
+                                {{#errors}}
+                                <option value='{{this.value}}'>{{this.label}}</option>
+                                {{/errors}}
+                            </select>
+                        </fieldset>
+                        <fieldset class='test-in-graph'>
+                            <label>&nbsp;</label>
+                            <button class='btn btn-success' type='button' data-loading-text='Testing...'>
+                                Test Monitor
+                            </button>
+                        </fieldset>
+                    </div>
+                </form>
+            </div>
+            <div class='tab-pane' id='viewSchedule'>
+                <div class='monitor-schedule'>
+                    <fieldset class='form-horizontal'>
+                        <div class='control-group'>
+                            <label for='inputMinutes'>Minutes</label>
+                            <input type='text' id='inputMinutes' name='inputMinutes' value='*' class='input-mini'>
+                        </div>
+                        <div class='control-group'>
+                            <label for='inputHours'>Hours</label>
+                            <input type='text' id='inputHours' name='inputHours' value='*' class='input-mini'>
+                        </div>
+                        <div class='control-group'>
+                            <label for='inputDays'>Days</label>
+                            <input type='text' id='inputDays' name='inputDays' value='*' class='input-mini'>
+                        </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 btn-inverse' data-value='Sun'>Sun</button>
+                            <button type='button' class='mon btn btn-inverse' data-value='Mon'>Mon</button>
+                            <button type='button' class='tue btn btn-inverse' data-value='Tue'>Tue</button>
+                            <button type='button' class='wed btn btn-inverse' data-value='Wed'>Wed</button>
+                            <button type='button' class='thu btn btn-inverse' data-value='Thu'>Thu</button>
+                            <button type='button' class='fri btn btn-inverse' data-value='Fri'>Fri</button>
+                            <button type='button' class='sat btn btn-inverse' 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 btn-inverse' data-value='Jan'>Jan</button>
+                            <button type='button' class='feb btn btn-inverse' data-value='Feb'>Feb</button>
+                            <button type='button' class='mar btn btn-inverse' data-value='Mar'>Mar</button>
+                            <button type='button' class='apr btn btn-inverse' data-value='Apr'>Apr</button>
+                            <button type='button' class='may btn btn-inverse' data-value='May'>May</button>
+                            <button type='button' class='jun btn btn-inverse' data-value='Jun'>Jun</button>
+                            <button type='button' class='jul btn btn-inverse' data-value='Jul'>Jul</button>
+                            <button type='button' class='aug btn btn-inverse' data-value='Aug'>Aug</button>
+                            <button type='button' class='sep btn btn-inverse' data-value='Sep'>Sep</button>
+                            <button type='button' class='oct btn btn-inverse' data-value='Oct'>Oct</button>
+                            <button type='button' class='nov btn btn-inverse' data-value='Nov'>Nov</button>
+                            <button type='button' class='dec btn btn-inverse' data-value='Dec'>Dec</button>
+                        </div>
+                    </fieldset>
+                </div>
+            </div>
+            <div class='tab-pane' id='viewSettings'>
+                <div class='clearfix'>
+                    <fieldset>
+                        <label>Current Category:</label>
+                        <select id='selectCategory'>
+                            {{#categories}}
+                                {{#if selected}}
+                                <option value='{{id}}' selected='selected'>{{name}}</option>
+                                {{else}}
+                                <option value='{{id}}'>{{name}}</option>
+                                {{/if}}
+                            {{/categories}}
+                        </select>
+                    </fieldset>
+                </div>
+                <div class='monitor-meta'>
+                    <fieldset class='description control-group'>
+                        <label for='description' class='control-label'>Monitor Description (Not Required):</label>
+                        <textarea rows='3' id='description' name='description'>{{monitor.description}}</textarea>
+                    </fieldset>
+                    <fieldset class='pager-duty control-group'>
+                        <label for='pagerDuty' class='control-label'>Add Alert URIs (Not Required):
+                          <span class='help label label-info'><i class='icon-info-sign'></i></span>
+                        </label>
+                        <textarea rows='3' id='pagerDuty' name='pagerDuty' placeholder='Multiple alert URIs can be entered (separated by a space, comma or new line).'>{{#monitor.alertKeys}}{{this}}
+{{/monitor.alertKeys}}</textarea>
+                    </fieldset>
+                </div>
+            </div>
+        </div>
+        <div class='button-view clearfix'>
+            <fieldset class='action-buttons' style='clear: both; width: 100%; margin: 0px auto;'>
+                <div class='row-fluid'>
+                    <button type='button' class='save-changes btn btn-large btn-primary span6'>Save Changes</button>
+                    <button type='button' class='cancel-changes btn btn-large btn-inverse span3'>Cancel</button>
+                    <a href='#deleteMonitor' class='delete-monitor btn btn-large btn-inverse span3' role='button' data-toggle='modal' data-keyboard='false'>Delete Monitor</a>
+                </div>
+            </fieldset>
+        </div>
+    </div>
+</div>

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

@@ -0,0 +1,9 @@
+<div class='header clearfix'>
+    <div class='clearfix'>
+        <span class='current-dashboard-title'>
+            <h2>{{header.title}}</h2>
+            <h3>{{header.subtitle}}</h3>
+        </span>
+        <span class='date'>Today's Date <strong>{{header.date}}</strong></span>
+    </div>
+</div>

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

@@ -0,0 +1,50 @@
+<div class='nav-primary navbar'>
+    <div class='navbar-inner'>
+        <div class='container' style='width: auto; padding: 0 20px;'>
+            <a class='brand' href='#'><img src='rearview/img/rearview.svg' alt='rearviewlogo' width='29px' />rearview</a>
+            <ul class='main nav'>
+                <!-- <li class='active'><a href='#'>Ecosystem</a></li> -->
+                <li class='active'><a href='#ecosystem'>Ecosystem</a></li>
+                <li class='dropdown'>
+                    <a href='#' class='dropdown-toggle' data-toggle='dropdown'>
+                        Dashboards
+                        <b class='caret'></b>
+                    </a>
+                    <ul class='dropdown-menu'>
+                    {{#nav}}
+                        {{#if children}}
+                        <li class='dropdown-submenu'>
+                            <a href='#dash/{{id}}'>{{name}}</a>
+                            <ul class='dropdown-menu'>
+                            {{#each children}}
+                                <li><a href='#dash/{{../id}}/category/{{this.id}}'>{{this.name}}</a></li>
+                            {{/each}}
+                            </ul>
+                        </li>
+                        {{else}}
+                        <li><a href="#dash/{{id}}">{{name}}</a></li>
+                        {{/if}}
+                    {{/nav}}
+                    </ul>
+                </li>
+            </ul>
+            <ul class='nav pull-right'>
+                <li>
+                    <div class="btn-group">
+                        <a class="user btn btn-inverse disabled" rel='tooltip' data-delay='1000' data-toggle="tooltip" data-original-title="{{user.email}}">
+                            <i class="icon-user icon-white"></i> {{user.firstName}} {{user.lastName}}
+                        </a>
+                        <a class="btn btn-inverse dropdown-toggle disabled" data-toggle="dropdown">
+                            <span class="caret" style='border-top-color: #B6B3A6 !important;
+border-bottom-color: #B6B3A6 !important;'></span>
+                        </a>
+                        <!-- <ul class="dropdown-menu" style='right:0; left:auto; min-width:133px;'>
+                            <li><a href="#"><i class="icon-cog icon-white"></i> Settings</a></li>
+                            <li><a href="#"><i class="icon-signout icon-white"></i> Logout</a></li>
+                        </ul> -->
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>