From 3eedf8e24326d3c60656eb301500a4fc8de2d60c Mon Sep 17 00:00:00 2001
From: rolux <rolux@rollux.org>
Date: Wed, 1 Oct 2014 15:54:05 +0200
Subject: [PATCH] update users dialog to use groups dialog

---
 static/js/usersDialog.js | 58 ++++++++++++++++++++++++++++++----------
 1 file changed, 44 insertions(+), 14 deletions(-)

diff --git a/static/js/usersDialog.js b/static/js/usersDialog.js
index c4bccdf75..e586fcaaf 100644
--- a/static/js/usersDialog.js
+++ b/static/js/usersDialog.js
@@ -622,7 +622,8 @@ pandora.ui.usersDialog = function() {
     }
 
     function renderEditForm() {
-        var user = $list.value($list.options('selected')[0]);
+        var user = $list.value($list.options('selected')[0]),
+            $groupsLabel;
         return Ox.Form({
             items: [
                 Ox.Checkbox({
@@ -694,17 +695,48 @@ pandora.ui.usersDialog = function() {
                             });
                         }
                     }),
-                Ox.Input({
-                        id: 'groups',
-                        label: Ox._('Groups'),
-                        labelWidth: 80,
-                        value: user.groups ? user.groups.join(', ') : '',
-                        width: formWidth - 16
-                    })
-                    .bindEvent({
-                        submit: function(data) {
-
-                        }
+                Ox.FormElementGroup({
+                        elements: [
+                            Ox.Label({
+                                overlap: 'right',
+                                textAlign: 'right',
+                                title: Ox._('Groups'),
+                                width: 80
+                            }),
+                            Ox.FormElementGroup({
+                                elements: [
+                                    $groupsLabel = Ox.Label({
+                                        title: user.groups ? user.groups.join(', ') : '',
+                                        width: formWidth - 112
+                                    }),
+                                    Ox.Button({
+                                        overlap: 'left',
+                                        title: 'edit',
+                                        tooltip: Ox._('Edit Groups'),
+                                        type: 'image'
+                                    })
+                                    .bindEvent({
+                                        click: function() {
+                                            pandora.$ui.groupsDialog = pandora.ui.groupsDialog({
+                                                    id: user.id,
+                                                    name: user.username,
+                                                    type: 'user'
+                                                })
+                                                .bindEvent({
+                                                    groups: function(data) {
+                                                        var groups = data.groups.join(', ');
+                                                        $list.value(user.id, 'groups', groups);
+                                                        $groupsLabel.options({title: groups});
+                                                    }
+                                                })
+                                                .open();
+                                        }
+                                    })
+                                ],
+                                float: 'right'
+                            })
+                        ],
+                        float: 'left'
                     }),
                 Ox.Input({
                     height: dialogHeight - 184,
@@ -727,8 +759,6 @@ pandora.ui.usersDialog = function() {
                     data.level = event.data.value;
                 } else if (event.id == 'newsletter') {
                     data.newsletter = event.data.value;
-                } else if (event.id == 'groups') {
-                    data.groups = event.data.value.split(', ');
                 } else {
                     data[event.id] = event.data.value;
                 }