Add ui test page/controller as a sandbox for ui stuff

hawtio · May 1, 2013 · c6fde0e · c6fde0e
1 parent 5b78e89
commit c6fde0e
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 42 deletions.
diff --git a/hawtio-web/src/main/webapp/app/forms/html/test.html b/hawtio-web/src/main/webapp/app/forms/html/test.html
@@ -23,37 +23,6 @@ <h3>Form Testing</h3>
 
   <hr>
 
-  <div>
-    Confirmation Dialog
-    <div class="row-fluid">
-      <button class="btn" ng-click="showDeleteOne = true">Delete Stuff</button>
-      <button class="btn" ng-click="showDeleteTwo = true">Delete Other Stuff</button>
-
-      <div hawtio-confirm-dialog="showDeleteOne"
-           title="Delete Stuff?"
-           ok-button-text="Yes, Delete the Stuff"
-           cancel-button-text="No, Keep the Stuff"
-           on-cancel="onCancelled('One')"
-           on-ok="onOk('One')">
-        <div class="dialog-body">
-          Are you sure you want to delete all the stuff?
-        </div>
-      </div>
-      <!-- Use more defaults -->
-      <div hawtio-confirm-dialog="showDeleteTwo"
-           on-cancel="onCancelled('Two')"
-           on-ok="onOk('Two')">
-        <div class="dialog-body">
-          Are you sure you want to delete all the other stuff?
-        </div>
-      </div>
-
-    </div>
-
-
-  </div>
-
-
   <!--
   <div>
     Form with config object

diff --git a/hawtio-web/src/main/webapp/app/forms/js/test.ts b/hawtio-web/src/main/webapp/app/forms/js/test.ts
@@ -4,17 +4,6 @@ module Forms {
 
     $scope.editing = false;
 
-    $scope.showDeleteOne = false;
-    $scope.showDeleteTwo = false;
-
-    $scope.onCancelled = (number) => {
-      notification('info', 'cancelled ' + number);
-    }
-
-    $scope.onOk = (number) => {
-      notification('info', number + ' ok!');
-    }
-
     $scope.toggleEdit = function() {
       $scope.editing = !$scope.editing;
     };

diff --git a/hawtio-web/src/main/webapp/app/ui/html/test.html b/hawtio-web/src/main/webapp/app/ui/html/test.html
@@ -0,0 +1,40 @@
+<div ng-controller="UI.UITestController">
+
+  <div>
+    Confirmation Dialog
+    <div class="row-fluid">
+      <button class="btn" ng-click="showDeleteOne = true">Delete Stuff</button>
+      <button class="btn" ng-click="showDeleteTwo = true">Delete Other Stuff</button>
+
+      <div hawtio-confirm-dialog="showDeleteOne"
+           title="Delete Stuff?"
+           ok-button-text="Yes, Delete the Stuff"
+           cancel-button-text="No, Keep the Stuff"
+           on-cancel="onCancelled('One')"
+           on-ok="onOk('One')">
+        <div class="dialog-body">
+          <p>
+            Are you sure you want to delete all the stuff?
+          </p>
+        </div>
+      </div>
+      <!-- Use more defaults -->
+      <div hawtio-confirm-dialog="showDeleteTwo"
+           on-cancel="onCancelled('Two')"
+           on-ok="onOk('Two')">
+        <div class="dialog-body">
+          <p>
+            Are you sure you want to delete all the other stuff?
+          </p>
+        </div>
+      </div>
+
+    </div>
+
+
+  </div>
+
+
+
+
+</div>
diff --git a/hawtio-web/src/main/webapp/app/ui/js/testController.ts b/hawtio-web/src/main/webapp/app/ui/js/testController.ts
@@ -0,0 +1,19 @@
+module UI {
+
+  export function UITestController($scope, workspace) {
+
+    $scope.showDeleteOne = false;
+    $scope.showDeleteTwo = false;
+
+    $scope.onCancelled = (number) => {
+      notification('info', 'cancelled ' + number);
+    }
+
+    $scope.onOk = (number) => {
+      notification('info', number + ' ok!');
+    }
+
+
+  }
+
+}
diff --git a/hawtio-web/src/main/webapp/app/ui/js/uiPlugin.ts b/hawtio-web/src/main/webapp/app/ui/js/uiPlugin.ts
@@ -5,6 +5,10 @@ module UI {
   export var templatePath = 'app/ui/html/';
 
   angular.module(UI.pluginName, ['bootstrap', 'ngResource', 'hawtioCore', 'ui', 'ui.bootstrap']).
+      config(function($routeProvider) => {
+        $routeProvider.
+            when('/ui/test', {templateUrl: templatePath + 'test.html'})
+      }).
       directive('hawtioConfirmDialog', function() {
         return new UI.ConfirmDialog();
       });