#786: Quartz plugin. Work in progress.

hawtio · Dec 25, 2013 · c1da475 · c1da475
1 parent 803c62c
commit c1da475
Show file tree

Hide file tree

Showing 7 changed files with 83 additions and 33 deletions.
diff --git a/hawtio-web/src/main/webapp/app/quartz/html/layoutQuartzTabs.html b/hawtio-web/src/main/webapp/app/quartz/html/layoutQuartzTabs.html
@@ -0,0 +1,4 @@
+<ng-include src="'app/quartz/html/quartzTabs.html'"></ng-include>
+<div class="row-fluid">
+  <div ng-view></div>
+</div>
diff --git a/hawtio-web/src/main/webapp/app/quartz/html/layoutQuartzTree.html b/hawtio-web/src/main/webapp/app/quartz/html/layoutQuartzTree.html
@@ -11,7 +11,6 @@
   </div>
 
   <div class="span9">
-    <ng-include src="'app/quartz/html/subLevelTabs.html'"></ng-include>
-    <div id="properties" ng-view></div>
+    <ng-include src="'app/quartz/html/layoutQuartzTabs.html'"></ng-include>
   </div>
 </div>
diff --git a/hawtio-web/src/main/webapp/app/quartz/html/quartzTabs.html b/hawtio-web/src/main/webapp/app/quartz/html/quartzTabs.html
@@ -0,0 +1,19 @@
+<ul class="nav nav-tabs" ng-controller="Core.NavBarController">
+  <li ng-class='active'>
+    <a ng-href="{{link('#/quartz/schedulers')}}">Schedulers</a>
+  </li>
+  <li ng-class='active'>
+    <a ng-href="{{link('#/quartz/triggers')}}">Triggers</a>
+  </li>
+
+  <li class="pull-right">
+    <a ng-href="{{fullScreenLink()}}" title="Show this view in full screen" data-placement="bottom">
+      <i class="icon-fullscreen"></i>
+    </a>
+  </li>
+  <li class="pull-right">
+    <a ng-href="{{addToDashboardLink()}}" title="Add this view to a dashboard" data-placement="bottom">
+      <i class="icon-share"></i>
+    </a>
+  </li>
+</ul>
diff --git a/hawtio-web/src/main/webapp/app/quartz/html/subLevelTabs.html b/hawtio-web/src/main/webapp/app/quartz/html/subLevelTabs.html
diff --git a/hawtio-web/src/main/webapp/app/quartz/html/triggers.html b/hawtio-web/src/main/webapp/app/quartz/html/triggers.html
@@ -0,0 +1,52 @@
+<div ng-controller="Quartz.QuartzController">
+
+  <div class="span12 well" ng-hide="selectedScheduler">
+    <form>
+      <p>The Quartz plugin allows you to see details about running Quartz Schedulers, and their associated triggers and
+        jobs.</p>
+
+      <p>Select a Quartz Scheduler in the tree to continue.</p>
+    </form>
+  </div>
+
+  <div ng-show="selectedScheduler" class="row-fluid">
+
+    <div class="row-fluid">
+      <div class="pull-left">
+        <form class="form-inline no-bottom-margin">
+          <fieldset>
+            <div class="controls control-group inline-block controls-row">
+              <div class="btn-group">
+                <button
+                    ng-disabled="gridOptions.selectedItems.length == 0 || gridOptions.selectedItems[0].state != 'PAUSED'"
+                    class="btn" ng-click="resume()" title="Resume">
+                  <i class="icon-play-circle"></i></button>
+                <button
+                    ng-disabled="gridOptions.selectedItems.length == 0 || gridOptions.selectedItems[0].state == 'PAUSED'"
+                    class="btn" ng-click="pause()" title="Pause">
+                  <i class="icon-off"></i></button>
+              </div>
+            </div>
+          </fieldset>
+        </form>
+      </div>
+
+      <div class="pull-right">
+        <form class="form-inline no-bottom-margin">
+          <fieldset>
+            <div class="control-group inline-block">
+              <input type="text" class="search-query" placeholder="Filter..." ng-model="gridOptions.filterOptions.filterText">
+            </div>
+          </fieldset>
+        </form>
+      </div>
+    </div>
+
+    <div class="row-fluid">
+      <div class="gridStyle" ng-grid="gridOptions"></div>
+    </div>
+
+  </div>
+
+</div>
+
diff --git a/hawtio-web/src/main/webapp/app/quartz/js/quartz.ts b/hawtio-web/src/main/webapp/app/quartz/js/quartz.ts
@@ -17,7 +17,7 @@ module Quartz {
       selectedItems: [],
       data: 'triggers',
       displayFooter: false,
-      showFilter: false,
+      showFilter: true,
       filterOptions: {
         filterText: ''
       },
@@ -45,7 +45,8 @@ module Quartz {
         {
           field: 'misfireInstruction',
           displayName: 'Misfire Instruction',
-          cellTemplate: misfireTemplate
+          cellTemplate: misfireTemplate,
+          width: 150
         },
         {
           field: 'previousFireTime',

diff --git a/hawtio-web/src/main/webapp/app/quartz/js/quartzPlugin.ts b/hawtio-web/src/main/webapp/app/quartz/js/quartzPlugin.ts
@@ -9,7 +9,8 @@ module Quartz {
   angular.module(pluginName, ['bootstrap', 'ngResource', 'hawtioCore']).
           config(($routeProvider) => {
             $routeProvider.
-                    when('/quartz/schedulers', {templateUrl: 'app/quartz/html/schedulers.html'})
+                    when('/quartz/schedulers', {templateUrl: 'app/quartz/html/schedulers.html'}).
+                    when('/quartz/triggers', {templateUrl: 'app/quartz/html/triggers.html'});
           }).
           filter('quartzIconClass',() => iconClass).
           filter('quartzMisfire',() => misfireText).
@@ -25,11 +26,10 @@ module Quartz {
               content: "Quartz",
               title: "Quartz Scheduler",
               isValid: (workspace: Workspace) => workspace.treeContainsDomainAndProperties(jmxDomain),
-              href: () => "#/quartz/schedulers",
-              isActive: (workspace: Workspace) => workspace.isTopTabActive("quartz")
+              href: () => "#/quartz/schedulers"
             });
 
-          });
+    });
 
   hawtioPluginLoader.addModule(pluginName);
 }