Added edit dialog boxes.

New dialog boxes have been added to provide interface for editing
TPS resourcers.

Ticket #654

1 files changed, 29 insertions, 1 deletions

diff --git a/base/tps-tomcat/shared/webapps/tps/users.html b/base/tps-tomcat/shared/webapps/tps/users.html
index 3eeec8118..28ccf5924 100644
--- a/base/tps-tomcat/shared/webapps/tps/users.html
+++ b/base/tps-tomcat/shared/webapps/tps/users.html
@@ -25,9 +25,16 @@
     <script src="/tps/js/user.js"></script>
     <script>
 $(function() {
+    var editDialog = new UserDialog({
+        el: $("#user-dialog"),
+        title: "Edit User",
+        readonly: ["id", "type"]
+    });
+
     new TableView({
         el: $("table[name='users']"),
-        collection: new UserCollection({ size: 3 })
+        collection: new UserCollection({ size: 3 }),
+        editDialog: editDialog
     });
 });
     </script>
@@ -67,5 +74,26 @@ $(function() {
 </tfoot>
 </table>
 
+<div id="user-dialog" class="rcue-dialog-background">
+    <div class="rcue-dialog">
+        <header>
+            <h1>User</h1>
+            <a class="rcue-button-close" href="#"></a>
+        </header>
+        <fieldset>
+            <label>User ID</label><input name="id" type="text"><br>
+            <label>Full Name</label><input name="fullName" type="text"><br>
+            <label>Email</label><input name="email" type="text"><br>
+            <label>Type</label><input name="type" type="text"><br>
+            <label>State</label><input name="state" type="text"><br>
+            <label>TPS Profiles</label><input name="tpsProfiles" type="text"><br>
+        </fieldset>
+        <footer>
+            <button name="save" class="primary">Save</button>
+            <button name="cancel">Cancel</button>
+        </footer>
+    </div>
+</div>
+
 </body>
 </html>