use sonia.rest for sonia.group

2025-11-14 01:15:44 +01:00 · 2010-09-06 11:47:37 +02:00
parent 4a0d7fee5d
commit 5a560e93f8
3 changed files with 58 additions and 387 deletions
--- a/scm-webapp/src/main/webapp/resources/js/sonia.group.js
+++ b/scm-webapp/src/main/webapp/resources/js/sonia.group.js
@@ -5,171 +5,17 @@

 Ext.ns('Sonia.group');

-var addGroupWindow = null;
+Sonia.group.EditForm = new Ext.extend(Sonia.rest.EditForm, {

-/** Sonia.GroupGrid **/
-function addGroup(){
-  addGroupWindow = new Sonia.group.DetailWindow();
-  addGroupWindow.show();
-}
-
-function removeGroup(){
-  if (groupSelModel.hasSelection()){
-    var group = groupSelModel.getSelected().data.name;
-
-    if ( debug ){
-      console.debug( 'remove group ' + group );
-    }
-
-    Ext.MessageBox.show({
-      title: 'Remove Group',
-      msg: 'Remove Group "' + group + '"?',
-      buttons: Ext.MessageBox.OKCANCEL,
-      icon: Ext.MessageBox.QUESTION,
-      fn: function(result){
-        if ( result == 'ok' ){
-          Ext.Ajax.request({
-            url: restUrl + 'groups/' + group + '.json',
-            method: 'DELETE',
-            success: function(){
-              groupStore.reload();
-            },
-            failure: function(){
-              alert('ERROR!!!')
-            }
-          });
-        }
-      }
-    });
-  }
-}
-
-function editGroup(){
-  if (groupSelModel.hasSelection()){
-    var group = groupSelModel.getSelected().data;
-
-    var store = new Ext.data.ArrayStore({
+  initComponent: function(){
+    this.store = new Ext.data.ArrayStore({
      fields: [ 'name' ]
    });

-    Ext.each(group.members, function(g,i){
-      store.add( [new Ext.data.Record( {name: g} )] );
-    });
-
-    var groupForm = new Sonia.group.AddForm({
-      name: group.name,
-      update: true,
-      store: store
-    });
-    
-    var win = new Sonia.group.DetailWindow({
-      form: groupForm
-    });
-    win.show();
-  }
-}
-
-var groupToolbar = new Ext.Toolbar({
-  items: [
-    {xtype: 'tbbutton', text: 'Add', handler: addGroup},
-    {xtype: 'tbbutton', text: 'Edit', handler: editGroup},
-    {xtype: 'tbbutton', text: 'Remove', handler: removeGroup},
-    {xtype: 'tbseparator'},
-    {xtype: 'label', text: 'Search: '},
-    {xtype: 'textfield', id: 'searchfield', listeners: {
-      specialkey: function(field, e){
-        if (e.getKey() == e.ENTER) {
-          var value = this.getValue();
-          if ( debug ){
-            console.log( 'Filter: ' + value );
-          }
-          // TODO filter by member
-          groupStore.filter('name', new RegExp('.*' + value + '.*'));
-        }
-      }
-    }}
-  ]
-});
-
-var groupColModel = new Ext.grid.ColumnModel({
-  columns: [
-    {header: 'Name', sortable: true, width: 200, dataIndex: 'name'},
-    {header: 'Members', sortable: true, dataIndex: 'members'}
-  ]
-});
-
-var groupSelModel = new Ext.grid.RowSelectionModel({
-  singleSelect: true
-});
-
-var groupStore = new Sonia.rest.JsonStore({
-  url: restUrl + 'groups.json',
-  root: 'groups',
-  fields: [
-    'name', 'members'
-  ],
-  sortInfo: {
-    field: 'name'
-  }
-});
-
-//groupStore.load();
-
-Sonia.group.Grid = Ext.extend(Ext.grid.GridPanel, {
-  initComponent: function(){
    var config = {
-      store: groupStore,
-      colModel: groupColModel,
-      selModel: groupSelModel,
-      tbar: groupToolbar,
-      viewConfig: {
-        forceFit: true
-      },
-      loadMask: true,
-      listeners: {
-        celldblclick: editGroup
-      }
-    };
-
-    groupStore.load();
-
-    Ext.apply(this, Ext.apply(this.initialConfig, config));
-    Sonia.group.Grid.superclass.initComponent.apply(this, arguments);
-  }
-});
-
-Ext.reg('groupGrid', Sonia.group.Grid);
-
-Sonia.group.AddForm = new Ext.extend(Ext.FormPanel, {
-
-  containerWindow: null,
-  store: null,
-  name: '',
-  update: false,
-
-  initComponent: function(){
-    if ( this.store == null ){
-      this.store = new Ext.data.ArrayStore({
-        fields: [ 'name' ]
-      });
-    }
-
-    this.update = this.name != '';
-
-    var config = {
-      labelWidth: 80,
-      autoHeight: true,
-      //url: null,
-      frame: true,
-      title: 'Add Group',
-      defaultType:'textfield',
-      monitorValid: true,
      items:[{
        fieldLabel:'Name',
        name:'name',
-        focus: ! this.update,
-        value: this.name,
-        readOnly: this.update,
        anchor: '100%',
        allowBlank: false
      },{
@@ -219,22 +65,32 @@ Sonia.group.AddForm = new Ext.extend(Ext.FormPanel, {
          scope: this,
          handler: this.removeSelectedMember
        }]
-      }],
-
-      buttons:[{
-        text:'Ok',
-        scope: this,
-        formBind: true,
-        handler: this.submit
-      },{
-        text: 'Cancel',
-        scope: this,
-        handler: this.close
      }]
    };

    Ext.apply(this, Ext.apply(this.initialConfig, config));
-    Sonia.group.AddForm.superclass.initComponent.apply(this, arguments);
+    Sonia.group.EditForm.superclass.initComponent.apply(this, arguments);
+  },
+
+  load: function(item){
+    var members = item.members;
+    for (var i=0; i<members.length; i++){
+      this.store.add( [ new Ext.data.Record( {name: members[i]}) ] );
+    }
+    this.getForm().loadRecord({success: true, data: item});
+  },
+
+  getItem: function(form){
+
+    var memberArray = [];
+    this.store.each(function(data){
+      memberArray.push( data.get('name') );
+    });
+
+    var name = form.findField('name').getValue();
+    var group = { name: name, members: memberArray }
+
+    return group;
  },

  addMemberBySpecialKey: function(field, e){
@@ -260,95 +116,49 @@ Sonia.group.AddForm = new Ext.extend(Ext.FormPanel, {
        this.store.removeAt(data);
      }, this);
    }
-  },
+  }

-  submit: function(){
-    var containerWindow = this.containerWindow;
-    var form = this.getForm();
-    var memberArray = [];
-    this.store.each(function(data){
-      memberArray.push( data.get('name') );
+});
+
+Ext.reg('groupEditForm', Sonia.group.EditForm);
+
+Sonia.group.Grid = Ext.extend(Sonia.rest.Grid, {
+
+  initComponent: function(){
+
+    var groupColModel = new Ext.grid.ColumnModel({
+      columns: [
+        {header: 'Name', sortable: true, width: 200, dataIndex: 'name'},
+        {header: 'Members', sortable: true, dataIndex: 'members'}
+      ]
    });

-    var name = form.findField('name').getValue();
-    var group = { name: name, members: memberArray }
-
-    var url = null;
-    if ( this.update ){
-      url = restUrl + 'groups/' + this.name + '.json';
-    } else {
-      url = restUrl + 'groups.json';
-    }
-
-    if ( debug ){
-      var action = this.update ? 'edit' : 'add';
-      console.debug( action + ' group ' + name );
-    }
-
-    Ext.Ajax.request({
-      url: url,
-      jsonData: group,
-      method: this.update ? 'PUT' : 'POST',
-      success: function(){
-        // TODO make this in a nice way
-        groupStore.reload();
-
-        if ( containerWindow ){
-          containerWindow.close();
-        }
-      },
-      failure: function(){
-        alert( 'failure' );
+    var groupStore = new Sonia.rest.JsonStore({
+      url: restUrl + 'groups.json',
+      root: 'groups',
+      fields: [
+        'name', 'members'
+      ],
+      sortInfo: {
+        field: 'name'
      }
    });

-  },
-
-  close: function(){
-    if ( this.containerWindow ){
-      this.containerWindow.close();
-    }
-  },
-
-  load : function(data){
-    this.store.loadData( data );
-  }
-  
-});
-
-Ext.reg('groupAddForm', Sonia.group.AddForm);
-
-Sonia.group.DetailWindow = Ext.extend(Ext.Window, {
-
-  form: null,
-
-  initComponent: function(){
    var config = {
-      layout:'fit',
-      width:300,
-      autoScroll: true,
-      closable: false,
-      resizable: false,
-      plain: true,
-      border: false,
-      modal: true
+      store: groupStore,
+      colModel: groupColModel,
+      idField: 'name',
+      searchField: 'name',
+      editForm: 'groupEditForm',
+      restAddUrl: restUrl + 'groups.json',
+      restEditUrlPattern: restUrl + 'groups/{0}.json',
+      restRemoveUrlPattern: restUrl + 'groups/{0}.json'
    };

-    var win = this;
-    if ( this.form != null ){
-      this.form.containerWindow = win;
-      config.items = [ this.form ];
-    } else {
-      config.items = [{
-        xtype: 'groupAddForm',
-        containerWindow: win
-      }];
-    }
-
    Ext.apply(this, Ext.apply(this.initialConfig, config));
-    Sonia.group.DetailWindow.superclass.initComponent.apply(this, arguments);
+    Sonia.group.Grid.superclass.initComponent.apply(this, arguments);
  }

 });

-Ext.reg('groupDetailWindow', Sonia.group.DetailWindow);
+Ext.reg('groupGrid', Sonia.group.Grid);