netzke-basepack 0.6.2 → 0.6.3

data/lib/netzke/basepack/grid_panel/javascripts/edit_in_form.js

@@ -1,4 +1,4 @@
-Ext.override(Netzke.pre.GridPanel, {
+{
   onEditInForm: function(){
     var selModel = this.getSelectionModel();
     if (selModel.getCount() > 1) {
@@ -45,4 +45,4 @@ Ext.override(Netzke.pre.GridPanel, {
       }, this);
     }, scope: this});
   }
-});
+}

data/lib/netzke/basepack/grid_panel/javascripts/{pre.js → main.js}

@@ -1,11 +1,11 @@
-/*
-  Static part of GridPanel's JavaScript class.
-*/
-Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
+{
   trackMouseOver: true,
   loadMask: true,
   autoScroll: true,
 
+  componentLoadMask: {msg: "Loading..."},
+  deleteMaskMsg: "Deleting...",
+
   initComponent: function(){
     this.plugins = []; // checkbox colums is a special case, being a plugin
 
@@ -144,6 +144,7 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
 
     // Data store
     this.store = new Ext.data.Store({
+        pruneModifiedRecords: true,
         proxy: this.proxy = httpProxy,
         reader: new Ext.data.ArrayReader({root: "data", totalProperty: "total", successProperty: "success", id:0}, this.Row),
         remoteSort: true,
@@ -167,7 +168,7 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
 
     // Now let Ext.grid.EditorGridPanel do the rest
     // Original initComponent
-    Netzke.pre.GridPanel.superclass.initComponent.call(this);
+    Netzke.classes.Basepack.GridPanel.superclass.initComponent.call(this);
 
     // Hidden change event
     if (this.persistentConfig) {this.getColumnModel().on('hiddenchange', this.onColumnHiddenChange, this);}
@@ -183,6 +184,22 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
       this.on('rowcontextmenu', this.onRowContextMenu, this);
     }
 
+    // Disabling/enabling editInForm button according to current selection
+    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);
+    }
+
     // Load data AFTER the toolbar is bound to the store, which will provide for correct page number
     if (this.loadInlineData) {
       this.getStore().loadData(this.inlineData);
@@ -253,7 +270,7 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
     },
 
   onDel: function() {
-      Ext.Msg.confirm('Confirm', 'Are you sure?', function(btn){
+      Ext.Msg.confirm(this.i18n.confirm, this.i18n.areYouSure, function(btn){
         if (btn == 'yes') {
           var records = [];
           this.getSelectionModel().each(function(r){
@@ -266,8 +283,12 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
           }, this);
 
           if (records.length > 0){
+            if (!this.deleteMask) this.deleteMask = new Ext.LoadMask(this.bwrap, {msg: this.deleteMaskMsg});
+            this.deleteMask.show();
             // call API
-            this.deleteData({records: Ext.encode(records)});
+            this.deleteData({records: Ext.encode(records)}, function(){
+              this.deleteMask.hide();
+            }, this);
           }
         }
       }, this);
@@ -361,11 +382,11 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
     },
 
   onAfterRowMove: function(dt, oldIndex, newIndex, records){
-  		var ids = [];
-  		// collect records ids
-  		Ext.each(records, function(r){ids.push(r.id)});
-  		// call GridPanel's API
-  		this.moveRows({ids:Ext.encode(ids), new_index: newIndex});
+      var ids = [];
+      // collect records ids
+      Ext.each(records, function(r){ids.push(r.id)});
+      // call GridPanel's API
+      this.moveRows({ids:Ext.encode(ids), new_index: newIndex});
     },
 
   // Other methods
@@ -425,12 +446,10 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
   updateRecords: function(records, mod){
       if (!mod) {mod = false;}
       var modRecordsInGrid = [].concat(this.store.getModifiedRecords()); // there must be a better way to clone an array...
-
       // replace arrays of data in the args object with Ext.data.Record objects
       for (var k in records){
-        records[k] = this.store.reader.readRecords([records[k]]).records[0];
+        records[k] = this.store.reader.readRecords({data:[records[k]]}).records[0];
       }
-
       // for each new record write the data returned by the server, and commit the record
       Ext.each(modRecordsInGrid, function(recordInGrid){
         if (mod ^ recordInGrid.isNew) {
@@ -521,7 +540,6 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
       }
     },
 
-
   onEdit: function(){
     var row = this.getSelectionModel().getSelected();
     if (row){
@@ -540,4 +558,4 @@ Netzke.pre.GridPanel = Ext.extend(Ext.grid.EditorGridPanel, {
   //   }
   // END_OF_JAVASCRIPT
 
-});
+}

data/lib/netzke/basepack/grid_panel/javascripts/misc.js

@@ -0,0 +1,4 @@
+// Make DateFilter send data in the required format
+Ext.apply(Ext.ux.grid.filter.DateFilter.prototype, {
+  dateFormat: 'Y-m-d'
+});

data/lib/netzke/basepack/grid_panel/services.rb

@@ -38,9 +38,9 @@ module Netzke
               record_ids = ActiveSupport::JSON.decode(params[:records])
               data_class.destroy(record_ids)
               on_data_changed
-              {:feedback => "Deleted #{record_ids.size} record(s)", :load_store_data => get_data}
+              {:feedback => I18n.t('netzke.basepack.grid_panel.deleted_n_records', :n => record_ids.size), :load_store_data => get_data}
             else
-              {:feedback => "You don't have permissions to delete data"}
+              {:feedback => I18n.t('netzke.basepack.grid_panel.cannot_delete')}
             end
           end
 
@@ -77,7 +77,7 @@ module Netzke
             query = params[:query]
 
             column = columns.detect{ |c| c[:name] == params[:column] }
-            scope = column.to_options[:scope]
+            scope = column.to_options[:scope] || column.to_options[:editor].try(:fetch, :scope)
             query = params[:query]
 
             {:data => combobox_options_for_column(column, :query => query, :scope => scope, :record_id => params[:id])}
@@ -192,8 +192,8 @@ module Netzke
               # if a sorting scope is set, call the scope with the given direction
               column = columns.detect { |c| c[:name] == params[:sort] }
               if column.has_key?(:sorting_scope)
-  	            relation = relation.send(column[:sorting_scope].to_sym, dir.to_sym)
-  	          else
+                relation = relation.send(column[:sorting_scope].to_sym, dir.to_sym)
+              else
                 relation = if method.nil?
                   relation.order(assoc.to_sym.send(dir))
                 else
@@ -249,7 +249,6 @@ module Netzke
           # <tt>:operation</tt>: :update or :create
           def process_data(data, operation)
             success = true
-            # mod_record_ids = []
             mod_records = {}
             if !config[:"prohibit_#{operation}"]
               modified_records = 0
@@ -261,17 +260,21 @@ module Netzke
                 # merge with strong default attirbutes
                 record_hash.merge!(config[:strong_default_attrs]) if config[:strong_default_attrs]
 
-                # process all attirubutes for this record
                 record_hash.each_pair do |k,v|
-                  begin
-                    record.send("#{k}=",v)
-                  rescue ArgumentError => exc
-                    flash :error => exc.message
-                    success = false
-                    break
-                  end
+                  record.set_value_for_attribute(columns_hash[k.to_sym].nil? ? {:name => k} : columns_hash[k.to_sym], v)
                 end
 
+                # process all attirubutes for this record
+                #record_hash.each_pair do |k,v|
+                  #begin
+                    #record.send("#{k}=",v)
+                  #rescue ArgumentError => exc
+                    #flash :error => exc.message
+                    #success = false
+                    #break
+                  #end
+                #end
+
                 # try to save
                 # modified_records += 1 if success && record.save
                 mod_records[id] = record.to_array(columns) if success && record.save

data/lib/netzke/basepack/paging_form_panel.rb

@@ -0,0 +1,92 @@
+module Netzke
+  module Basepack
+    # A FormPanel with paging toolbar. Allows browsing and editing records one-by-one.
+    #
+    # == Configuration
+    # Besides +Netzke::Basepack::FormPanel+ config options, accepts:
+    # * +scope+ - specifies how the data should be filtered.
+    #   When it's a symbol, it's used as a scope name.
+    #   When it's a string, it's a SQL statement (passed directly to +ActiveRecord::Relation#where+).
+    #   When it's a hash, it's a conditions hash (passed directly to +ActiveRecord::Relation#where+).
+    #   When it's an array, it's expanded into an SQL statement with arguments (passed directly to +ActiveRecord::Relation#where+), e.g.:
+    #
+    #     :scope => ["id > ?", 100])
+    #
+    #   When it's a Proc, it's passed the model class, and is expected to return an ActiveRecord::Relation, e.g.:
+    #
+    #     :scope => { |rel| rel.where(:id.gt => 100).order(:created_at) }
+    class PagingFormPanel < FormPanel
+
+      # override
+      def record
+        @record ||= get_relation.first
+      end
+
+      # Pass total records amount and the first record to the JS constructor
+      def js_config
+        super.merge({
+          :total_records => total_records,
+          :record => record.to_hash(fields)
+        })
+      end
+
+      endpoint :get_data do |params|
+        record = get_relation.offset(params[:start].to_i).limit(1).first
+        record_hash = record && record.to_hash(fields).each_pair.inject({}){ |r,(k,v)| r.merge(k.l => v) }
+        {:records => record_hash && [record_hash] || [], :total => total_records}
+      end
+
+      js_method :init_component, <<-JS
+        function(){
+
+          // Extract field names from items recursively. We have to do it before calling superclass.initComponent,
+          // because we need to build the store for PagingToolbar that cannot be created after superclass.initComponent
+          // Otherwise, the things would be simpler, because this.getForm().items would already has all the fields in one place for us
+          this.fieldNames = [];
+          this.extractFields(this.items);
+          var fieldNames = this.fieldNames;
+
+          var store = new Ext.data.JsonStore({
+            url: this.endpointUrl('get_data'),
+            root: 'records',
+            fields: fieldNames,
+            data: {records: [this.record], total: this.totalRecords}
+          });
+
+          store.on('beforeload', function(){
+            if (!this.loadMaskCmp) this.loadMaskCmp = new Ext.LoadMask(this.bwrap, this.applyMask);
+            this.loadMaskCmp.show();
+          }, this);
+
+          store.on('load', function(st, r){
+            this.setFormValues(r[0].data);
+            if (this.loadMaskCmp) this.loadMaskCmp.hide();
+          }, this);
+
+          this.bbar = new Ext.PagingToolbar({
+            beforePageText: "Record",
+            store: store,
+            pageSize: 1,
+            items: ["-"].concat(this.bbar || [])
+          });
+
+          Netzke.classes.Basepack.PagingFormPanel.superclass.initComponent.call(this);
+        }
+      JS
+
+      protected
+
+        # Returns ActiveRecord::Relation for the data
+        def get_relation
+          relation = data_class.scoped
+          relation = relation.extend_with(config[:scope]) if config[:scope]
+          relation
+        end
+
+        def total_records
+          @total_records ||= get_relation.count
+        end
+
+    end
+  end
+end

data/lib/netzke/basepack/simple_app.rb

@@ -0,0 +1,71 @@
+module Netzke
+  module Basepack
+    # Basis for a Ext.Viewport-based one-page application
+    #
+    # Features:
+    # * dynamic loading of components
+    # * browser history support (press the "Back"-button to go to the previously loaded component)
+    # * AJAX activity indicator
+    class SimpleApp < Base
+
+      js_base_class "Ext.Viewport"
+
+      js_property :layout, :border
+
+      js_include Netzke::Core.ext_location.join("examples", "ux/statusbar/StatusBar.js"), :statusbar_ext
+
+      js_mixin :main
+
+      def configuration
+        super.merge(
+          :items => [main_panel_config, menu_bar_config, status_bar_config]
+        )
+      end
+
+      def menu
+        []
+      end
+
+      def main_panel_config(overrides = {})
+        {
+          :id => 'main-panel',
+          :region => 'center',
+          :layout => 'fit'
+        }.merge(overrides)
+      end
+
+      def status_bar_config(overrides = {})
+        {
+          :id => 'main-statusbar',
+          :xtype => 'statusbar',
+          :region => 'south',
+          :height => 22,
+          :statusAlign => 'right',
+          :busyText => 'Busy...',
+          :default_text => "Ready",
+          :default_icon_cls => ""
+        }.merge(overrides)
+      end
+
+      def menu_bar_config(overrides = {})
+        {
+          :id => 'main-toolbar',
+          :xtype => 'toolbar',
+          :region => 'north',
+          :height => 28,
+          :items => menu
+        }.merge(overrides)
+      end
+
+      # Html required for Ext.History to work
+      def js_component_html
+        super << %Q{
+  <form id="history-form" class="x-hidden">
+      <input type="hidden" id="x-history-field" />
+      <iframe id="x-history-frame"></iframe>
+  </form>
+        }
+      end
+    end
+  end
+end

data/lib/netzke/basepack/simple_app/javascripts/main.js

@@ -0,0 +1,53 @@
+{
+  initComponent: function(){
+    Netzke.classes.Basepack.SimpleApp.superclass.initComponent.call(this);
+
+    Ext.History.on('change', this.processHistory, this);
+
+    // Setting the "busy" indicator for Ajax requests
+    Ext.Ajax.on('beforerequest', function(){this.findById('main-statusbar').showBusy()}, this);
+    Ext.Ajax.on('requestcomplete', function(){this.findById('main-statusbar').hideBusy()}, this);
+    Ext.Ajax.on('requestexception', function(){this.findById('main-statusbar').hideBusy()}, this);
+
+    // Initialize history
+    Ext.History.init();
+  },
+
+  afterRender: function(){
+    Netzke.classes.Basepack.SimpleApp.superclass.afterRender.call(this);
+
+    // If we are given a token, load the corresponding component, otherwise load the last loaded component
+    var currentToken = Ext.History.getToken();
+    if (currentToken != "") {
+      this.processHistory(currentToken);
+    } else {
+      var lastLoaded = this.initialConfig.componentToLoad; // passed from the server
+      if (lastLoaded) Ext.History.add(lastLoaded);
+    }
+  },
+
+  processHistory: function(token){
+    if (token){
+      this.loadComponent({name:token, container:'main-panel'});
+    } else {
+      Ext.getCmp('main-panel').removeChild();
+    }
+  },
+
+  instantiateComponent: function(config){
+    this.findById('main-panel').instantiateChild(config);
+  },
+
+  appLoadComponent: function(name){
+    Ext.History.add(name);
+  },
+
+  loadComponentByAction: function(action){
+    var componentName = action.component || action.name;
+    if (componentName) this.appLoadComponent(componentName);
+  },
+
+  onToggleConfigMode: function(params){
+    this.toggleConfigMode();
+  }
+}

data/lib/netzke/basepack/tab_panel.rb

@@ -16,17 +16,7 @@ module Netzke
 
       js_base_class "Ext.TabPanel"
 
-      js_method :init_component, <<-JS
-        function(params){
-          #{js_full_class_name}.superclass.initComponent.call(this);
-          this.on('tabchange', function(self, i){
-            if (i && i.wrappedComponent && !i.items.first()) {
-              this.loadComponent({name: i.wrappedComponent, container: i.id});
-            }
-          }, this);
-        }
-      JS
-
+      js_mixin :main
     end
   end
-end
+end