netzke-basepack 0.5.14 → 0.6.0

data/app/components/netzke/basepack/grid_panel/javascript.rb

@@ -0,0 +1,69 @@
+module Netzke
+  module Basepack
+    class GridPanel < Netzke::Base
+      # (Dynamic) JavaScript for GridPanel
+      module Javascript
+        extend ActiveSupport::Concern
+      
+        included do
+          js_base_class "Netzke.pre.GridPanel"
+          js_method :init_component, js_init_component
+        end
+      
+        module InstanceMethods
+          # The result of this method (a hash) is converted to a JSON object and passed as the configuration parameter
+          # to the constructor of our JavaScript class. Override it when you want to pass any extra configuration
+          # to the JavaScript side.
+          def js_config
+            super.merge({
+              :bbar => config.has_key?(:bbar) ? config[:bbar] : default_bbar,
+              :context_menu => config.has_key?(:context_menu) ? config[:context_menu] : default_context_menu,
+              :columns => columns, # columns
+              :model => config[:model], # the model name
+              :inline_data => (get_data if config[:load_inline_data]), # inline data (loaded along with the grid panel)
+              :pri => data_class.primary_key # table primary key name
+            })
+          end
+        end
+
+        module ClassMethods
+          private
+        
+            # Ext.Component#initComponent, built up from pices (dependent on class-level configuration)
+            def js_init_component
+              # Optional "edit in form"-related events
+              edit_in_form_events = <<-END_OF_JAVASCRIPT if edit_in_form_available
+                if (this.enableEditInForm) {
+                  this.getSelectionModel().on('selectionchange', function(selModel){
+                    var disabled;
+                    if (!selModel.hasSelection()) {
+                      disabled = true;
+                    } else {
+                      // Disable "edit in form" button if new record is present in selection
+                      disabled = !selModel.each(function(r){
+                        if (r.isNew) { return false; }
+                      });
+                    };
+                    this.actions.editInForm.setDisabled(disabled);
+                  }, this);
+                }
+              END_OF_JAVASCRIPT
+        
+              # Result
+              <<-END_OF_JAVASCRIPT
+                function(){
+                  // Original initComponent
+                  #{js_full_class_name}.superclass.initComponent.call(this);
+                  #{edit_in_form_events}
+                }
+          
+              END_OF_JAVASCRIPT
+            end
+            
+          # end private
+        end
+      
+      end
+    end
+  end
+end

data/app/components/netzke/basepack/grid_panel/javascripts/advanced_search.js

@@ -0,0 +1,96 @@
+Ext.override(Netzke.pre.GridPanel, {
+  onSearch: function(el){
+    el.toggle(el.toggled); // do not toggle immediately
+    
+    this.loadComponent({name: 'search_form', callback: function(win){
+      var currentConditionsString = this.getStore().baseParams.extra_conditions;
+      if (currentConditionsString) {
+        win.items.first().getForm().setValues(Ext.decode(currentConditionsString));
+      }
+      
+      win.items.first().on('apply', function(){
+        win.onSearch();
+        return false; // do not propagate the 'apply' event
+      }, this);
+      
+      win.on('close', function(){
+        if (win.closeRes == 'OK'){
+          var searchConditions = win.conditions;
+          var filtered = false;
+          // check if there's any search condition set
+          for (var k in searchConditions) {
+            if (searchConditions[k].length > 0) {
+              filtered = true;
+              break;
+            }
+          }
+          el.toggle(filtered); // toggle based on the state
+          this.getStore().baseParams.extra_conditions = Ext.encode(win.conditions);
+          this.getStore().load();
+        }
+      }, this);
+    }, scope: this});
+    
+    //   delete this.searchWindow;
+    //   this.searchWindow = new Ext.Window({
+    //     title:'Advanced search',
+    //     layout:'fit',
+    //     modal: true,
+    //     width: 400,
+    //     height: Ext.lib.Dom.getViewHeight() *0.9,
+    //     closeAction:'close',
+    //     buttons:[{
+    //       text: 'OK',
+    //       handler: function(){
+    //         this.ownerCt.ownerCt.closePositively();
+    //       }
+    //     },{
+    //       text:'Cancel',
+    //       handler:function(){
+    //         this.ownerCt.ownerCt.closeNegatively();
+    //       }
+    //     }],
+    //     closePositively : function(){
+    //       this.conditions = this.getNetzkeComponent().getForm().getValues();
+    //       this.closeRes = 'OK'; 
+    //       this.close();
+    //     },
+    //     closeNegatively: function(){
+    //       this.closeRes = 'cancel'; 
+    //       this.close();
+    //     }
+    //   });
+    // 
+    //   this.searchWindow.on('close', function(){
+    //     if (this.searchWindow.closeRes == 'OK'){
+    //       var searchConditions = this.searchWindow.conditions;
+    //       var filtered = false;
+    //       // check if there's any search condition set
+    //       for (var k in searchConditions) {
+    //         if (searchConditions[k].length > 0) {
+    //           filtered = true;
+    //           break;
+    //         }
+    //       }
+    //       this.actions.search.setText(filtered ? "Search *" : "Search");
+    //       this.getStore().baseParams = {extra_conditions: Ext.encode(this.searchWindow.conditions)};
+    //       this.getStore().load();
+    //     }
+    //   }, this);
+    // 
+    //   this.searchWindow.on('add', function(container, searchPanel){
+    //     searchPanel.on('apply', function(component){
+    //       this.searchWindow.closePositively();
+    //       return false; // stop the event
+    //     }, this);
+    //   }, this);
+    // 
+    //   this.searchWindow.show(null, function(){
+    //     this.searchWindow.closeRes = 'cancel';
+    //     if (!this.searchWindow.getNetzkeComponent()){
+    //       this.loadComponent({id:"searchPanel", container:this.searchWindow.id});
+    //     }
+    //   }, this);
+    // 
+  }
+});

data/{lib/netzke → app/components/netzke/basepack}/grid_panel/javascripts/edit_in_form.js

@@ -3,7 +3,7 @@ Ext.override(Netzke.pre.GridPanel, {
     var selModel = this.getSelectionModel();
     if (selModel.getCount() > 1) {
       var recordId = selModel.getSelected().id;
-      this.loadAggregatee({id: "multiEditForm",
+      this.loadComponent({name: "multi_edit_form",
         params: {record_id: recordId},
         callback: function(w){
           var form = w.items.first();
@@ -12,7 +12,8 @@ Ext.override(Netzke.pre.GridPanel, {
             selModel.each(function(r){
               ids.push(r.id);
             });
-            form.baseParams = {ids: Ext.encode(ids)}
+            if (!form.baseParams) form.baseParams = {};
+            form.baseParams.ids = Ext.encode(ids);
           }, this);
           
           w.on('close', function(){
@@ -23,7 +24,7 @@ Ext.override(Netzke.pre.GridPanel, {
         }, scope: this});
     } else {
       var recordId = selModel.getSelected().id;
-      this.loadAggregatee({id: "editForm",
+      this.loadComponent({name: "edit_form",
         params: {record_id: recordId},
         callback: function(form){
           form.on('close', function(){
@@ -36,7 +37,7 @@ Ext.override(Netzke.pre.GridPanel, {
   },
   
   onAddInForm: function(){
-    this.loadAggregatee({id: "addForm", callback: function(form){
+    this.loadComponent({name: "add_form", callback: function(form){
       form.on('close', function(){
         if (form.closeRes === "ok") {
           this.store.reload();

data/{lib/netzke/grid_panel/javascripts/grid_panel_pre.js → app/components/netzke/basepack/grid_panel/javascripts/pre.js}

@@ -7,29 +7,12 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
   autoScroll: true,
   
   initComponent: function(){
-    if (!this.clmns) {this.feedback('No columns defined for grid '+this.id);}
-
-    /* Process columns - all in sake of creating the column model */
-    // Normalize columns passed in the config
-    var normClmns = [];
-    Ext.each(this.clmns, function(c){
-      // normalize columns
-      if (typeof c == 'string') {
-        normClmns.push({name:c});
-      } else {
-        normClmns.push(c);
-      }
-    });
-
-    delete this.clmns; // we don't need them anymore
-
-    var cmConfig = []; // column model config - we'll use it later to create the ColumnModel
     this.plugins = []; // checkbox colums is a special case, being a plugin
 
     var filters = [];
 
     // Run through columns and set up different configuration for each
-    Ext.each(normClmns, function(c){
+    Ext.each(this.columns, function(c, i){
       // We will not use meta columns as actual columns (not even hidden) - only to create the records
       if (c.meta) return;
 
@@ -44,11 +27,11 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
 
       // normalize editor
       if (c.editor) {
-        c.editor = Netzke.isObject(c.editor) ? c.editor : {xtype:c.editor};
+        c.editor = Ext.isObject(c.editor) ? c.editor : {xtype:c.editor};
       } else {
         c.editor = {xtype: this.attrTypeEditorMap[c.attrType] || 'textfield'}
       }
-
+      
       // if comboboxOptions are provided, we render a combobox instead of textfield
       if (c.comboboxOptions && c.editor.xtype === "textfield") {
         c.editor = {xtype: "combobox", options: c.comboboxOptions.split('\\n')}
@@ -63,17 +46,17 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
         // Special case of checkbox column
         var plugin = new Ext.ux.grid.CheckColumn(c);
         this.plugins.push(plugin);
-        cmConfig.push(plugin);
+        this.columns[i] = plugin;
       } else {
         // a "normal" column, not a plugin
         if (!c.readOnly && !this.prohibitUpdate) {
           // c.editor contains complete config of the editor
           var xtype = c.editor.xtype;
-          c.editor = Ext.ComponentMgr.create(Ext.apply({
+          c.editor = Ext.apply({
             parentId: this.id,
             name: c.name,
             selectOnFocus:true
-          }, c.editor));
+          }, c.editor);
         } else {
           c.editor = null;
         }
@@ -99,17 +82,11 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
 //                  }
 //                
         // add to the list
-        cmConfig.push(c);
+        // cmConfig.push(c);
       }
 
     }, this);
 
-    // Finally, create the ColumnModel based on processed columns
-    this.cm = new Ext.grid.ColumnModel(cmConfig);
-
-    // Hidden change event
-    if (this.persistentConfig) {this.cm.on('hiddenchange', this.onColumnHiddenChange, this);}
-
     /* ... and done with columns */
 
     // Filters
@@ -119,7 +96,7 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
 
     // Create Ext.data.Record constructor specific for our particular column configuration
     this.recordConfig = [];
-    Ext.each(normClmns, function(column){this.recordConfig.push({name:column.name, defaultValue:column.defaultValue});}, this);
+    Ext.each(this.columns, function(column){this.recordConfig.push({name:column.name, defaultValue:column.defaultValue});}, this);
     this.Row = Ext.data.Record.create(this.recordConfig);
 
     // Drag'n'Drop
@@ -134,7 +111,7 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
     // because we don't want the app-wide Ext.Ajax to be used,
     // as we are going to subscribe to its events
     var connection = new Ext.data.Connection({
-      url: this.buildApiUrl("get_data"),
+      url: this.endpointUrl("get_data"),
       extraParams: {
         authenticity_token : Netzke.authenticityToken
       },
@@ -186,12 +163,15 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
     }) : this.bbar;
 
     // Selection model
-    this.sm = new Ext.grid.RowSelectionModel();
+    if (!this.sm) this.sm = new Ext.grid.RowSelectionModel();
 
     // Now let Ext.grid.EditorGridPanel do the rest
     // Original initComponent
     Netzke.pre.GridPanel.superclass.initComponent.call(this);
-
+    
+    // Hidden change event
+    if (this.persistentConfig) {this.getColumnModel().on('hiddenchange', this.onColumnHiddenChange, this);}
+    
     // Inform the server part about column operations
     if (this.persistentConfig) {
       this.on('columnresize', this.onColumnResize, this);
@@ -199,7 +179,7 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
     }
 
     // Context menu
-    if (this.enableContextMenu) {
+    if (this.contextMenu) {
       this.on('rowcontextmenu', this.onRowContextMenu, this);
     }
 
@@ -222,8 +202,8 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
     // Process selectionchange event
     this.getSelectionModel().on('selectionchange', function(selModel){
       // enable/disable actions
-      this.actions.del.setDisabled(!selModel.hasSelection() || this.prohibitDelete);
-      this.actions.edit.setDisabled(selModel.getCount() != 1 || this.prohibitUpdate);
+      if (this.actions.del) this.actions.del.setDisabled(!selModel.hasSelection() || this.prohibitDelete);
+      if (this.actions.edit) this.actions.edit.setDisabled(selModel.getCount() != 1 || this.prohibitUpdate);
     }, this);
 
     // Drag n Drop event

data/app/components/netzke/basepack/grid_panel/multi_edit_form.rb

@@ -0,0 +1,16 @@
+module Netzke
+  module Basepack
+    class GridPanel < Netzke::Base
+      class MultiEditForm < FormPanel
+      
+        # Replace checkbox for boolean fields with tristate checkbox
+        def attr_type_to_xtype_map
+          super.merge({
+            :boolean => :tricheckbox
+          })
+        end
+      
+      end
+    end
+  end
+end

data/app/components/netzke/basepack/grid_panel/record_form_window.rb

@@ -0,0 +1,36 @@
+module Netzke
+  module Basepack
+    class GridPanel < Netzke::Base
+      class RecordFormWindow < Window
+        js_properties :button_align => "right"
+        
+        config :modal => true,
+              :width => "50%",
+              :auto_height => true,
+              :fbar => [:ok.action, :cancel.action]
+        
+        action :ok, :text => 'OK'
+        action :cancel
+
+        js_method :init_component, <<-JS
+          function(params){
+            #{js_full_class_name}.superclass.initComponent.call(this);
+            this.getNetzkeComponent().on("submitsuccess", function(){this.closeRes = "ok"; this.close();}, this);
+          }
+        JS
+
+        js_method :on_ok, <<-JS
+          function(params){
+            this.getNetzkeComponent().onApply();
+          }
+        JS
+        
+        js_method :on_cancel, <<-JS
+          function(params){
+            this.close();
+          }
+        JS
+      end
+    end
+  end
+end

data/app/components/netzke/basepack/grid_panel/search_window.rb

@@ -0,0 +1,56 @@
+module Netzke
+  module Basepack
+    class GridPanel < Netzke::Base
+      class SearchWindow < Netzke::Basepack::Window
+
+        action :search
+        action :cancel
+        action :clear, :icon => :application_form
+        
+        js_properties :title => "Advanced Search", 
+                      :width => "50%",
+                      :auto_height => true,
+                      :buttons => [:search.action, :cancel.action],
+                      :tbar => [:clear.action]
+        
+        config :items => [js_component(:search_panel)]
+        
+        component :search_panel do
+          {
+            :class_name => "Basepack::SearchPanel", 
+            :model => config[:model],
+            :items => config[:fields]
+          }
+        end
+
+        js_method :on_clear, <<-JS
+          function(){
+            this.items.first().getForm().reset();
+          }
+        JS
+
+        js_method :on_search, <<-JS
+          function(){
+            this.conditions = this.items.first().getForm().getValues();
+            
+            // do not send values of empty values
+            for (var cond in this.conditions) {
+              if (this.conditions[cond] == "") delete this.conditions[cond];
+            }
+            
+            this.closeRes = 'OK'; 
+            this.close();
+          }
+        JS
+        
+        js_method :on_cancel, <<-JS
+          function(){
+            this.closeRes = 'cancel'; 
+            this.close();
+          }
+        JS
+        
+      end
+    end
+  end
+end