netzke-basepack 0.12.9 → 1.0.0.0.pre

data/javascripts/grid/event_handlers.js

@@ -0,0 +1,218 @@
+/**
+ * Event handlers for grid-like components, gets mixed into `Netzke.Grid.Base` and `Netzke.Tree.Base`
+ * @class Netzke.Grid.EventHandlers
+ */
+Ext.define("Netzke.Grid.EventHandlers", {
+  // Handler for the 'add' button
+  netzkeOnAdd: function(){
+    if (!this.editInline) {
+      this.netzkeOnAddInForm();
+    } else {
+      // Note: default values are taken from the model's field's defaultValue property
+      var r = Ext.create(this.store.getModel(), {});
+
+      r.isNew = true; // to distinguish new records
+
+      this.getStore().add(r);
+
+      this.netzkeTryStartEditing(r);
+    }
+  },
+
+  netzkeOnDelete: function() {
+    Ext.Msg.confirm(this.i18n.confirmation, this.i18n.areYouSure, function(btn){
+      if (btn == 'yes') {
+        var toDelete = this.getSelectionModel().getSelection();
+        this.server.destroy(toDelete.map(function(r) { return r.id; }), function(res){
+          var errors = [];
+          for (var id in res) {
+            var error;
+            if (error = res[id].error) {
+              errors.push(error);
+            }
+          }
+
+          if (errors.length > 0) {
+            this.netzkeNotify(errors);
+          }
+        });
+        this.netzkeReloadStore();
+      }
+    }, this);
+  },
+
+  netzkeOnApply: function(){
+    this.getStore().sync();
+  },
+
+  // Handlers for tools
+  //
+
+  netzkeOnRefreshTool: function() {
+    if (this.fireEvent('netzkerefresh', this) !== false) {
+      this.netzkeReloadStore();
+    }
+  },
+
+  // Event handlers
+  //
+
+  netzkeOnItemContextMenu: function(grid, record, item, rowIndex, e){
+    e.stopEvent();
+    var coords = e.getXY();
+
+    this.getSelectionModel().select(record, true);
+
+    var menu = new Ext.menu.Menu({
+      items: this.contextMenu
+    });
+
+    menu.showAt(coords);
+  },
+
+  netzkeOnAfterRowMove: function(dt, oldIndex, newIndex, records){
+    var ids = [];
+    // collect records ids
+    Ext.each(records, function(r){ids.push(r.id)});
+    // call Grid's API
+    this.server.moveRows({ids: Ext.encode(ids), new_index: newIndex});
+  },
+
+  /* Exception handler. TODO: will responses with status 200 land here? */
+  loadExceptionHandler: function(proxy, response, operation){
+    Netzke.warning('Server exception occured. Override loadExceptionHandler, or catch globally by listenning to exception event of Netzke.directProvider');
+  },
+
+  netzkeOnEdit: function(){
+    var selection = this.getSelectionModel().getSelection();
+    if (selection.length == 1) {
+      this.doEdit(selection[0]);
+    } else {
+      this.doMultiEdit(selection);
+    }
+  },
+
+  // Not a very clean approach to clean-up. The problem is that this way the advanced search functionality stops being really pluggable. With Ext JS 4 find the way to make it truely so.
+  netzkeOnDestroy: function(){
+    this.callParent();
+
+    // Destroy the search window (here's the problem: we are not supposed to know it exists)
+    if (this.searchWindow) {
+      this.searchWindow.destroy();
+    }
+  },
+
+  netzkeOnAddInForm: function(){
+    this.netzkeLoadComponent("add_window", {
+      callback: function(w) {
+        w.show();
+        w.on('close', function(){
+          if (w.closeRes === "ok") {
+            this.netzkeReloadStore();
+          }
+        }, this);
+      }
+    });
+  },
+
+  // Edit single record
+  doEdit: function(record){
+    if (this.editInline) {
+      this.doEditInline(record);
+    } else {
+      this.doEditInForm(record);
+    }
+  },
+
+  // Edit multiple records via form
+  doMultiEdit: function(records){
+    this.netzkeLoadComponent("multiedit_window", {
+      callback: function(w){
+        var form = w.items.first();
+        // +apply+ is called by wrapping window on OK click
+        form.on('apply', function(){
+          var ids = [];
+          Ext.each(records, function(r){
+            ids.push(r.getId());
+          });
+          if (!form.baseParams) form.baseParams = {};
+          form.baseParams.ids = Ext.encode(ids);
+        }, this);
+
+        w.on('close', function(){
+          if (w.closeRes === "ok") {
+            this.netzkeReloadStore();
+          }
+        }, this);
+      }
+    });
+  },
+
+  // Edit record inline
+  doEditInline: function(record){
+    this.netzkeTryStartEditing(record);
+  },
+
+  // Single record editing
+  doEditInForm: function(record){
+    this.netzkeLoadComponent("edit_window", {
+      serverConfig: {record_id: record.id},
+      callback: function(w){
+        w.show();
+        w.on('close', function(){
+          if (w.closeRes === "ok") {
+            this.netzkeReloadStore();
+          }
+        }, this);
+      }});
+  },
+
+  netzkeReloadStore: function(){
+    var store = this.getStore();
+
+    // HACK to work around buffered store's buggy reload()
+    if (!store.lastRequestStart) {
+      store.load();
+    } else store.reload();
+  },
+
+  /**
+   * Process selectionchange event to enable/disable actions.
+   * @method netzkeSetActionEvents
+   * @private
+   */
+  netzkeSetActionEvents: function(){
+    this.getSelectionModel().on('selectionchange', function(selModel, selected){
+      if (this.actions.delete) this.actions.delete.setDisabled(selected.length == 0);
+      if (this.actions.edit) {
+        var disabled = false;
+        Ext.each(selected, function(r){
+          if (r.isNew) { disabled = true; return false; }
+        });
+        this.actions.edit.setDisabled(selected.length == 0 || disabled);
+      }
+    }, this);
+  },
+
+  /**
+   * Loads edit form if editing in form is possible.
+   * @method netzkeHandleItemdblclick
+   */
+  netzkeHandleItemdblclick: function(view, record){
+    if (this.editInline) return;
+
+    if ((this.permissions || {}).update !== false) {
+      this.doEditInForm(record);
+    }
+  },
+
+  netzkeOnColumnAction: function(self, i, j, options){
+    var handlerName = "netzkeOn" + options.passedHandler;
+    var f = this[handlerName];
+    if (Ext.isFunction(f)) {
+      f.apply(this, arguments);
+    } else {
+      Netzke.warning("Undefined handler '"+handlerName+"'");
+    }
+  },
+});

data/javascripts/netzkeremotecombo.js

@@ -8,24 +8,16 @@ Ext.define('Ext.netzke.ComboBox', {
   forceSelection: true,
 
   initComponent : function(){
-    var parent = this.netzkeParent || this.findParentBy(function(c) { return c.isNetzke; }),
-      modelName = parent.id + "_" + this.name;
+    var parent = this.netzkeParent || this.findParentBy(function(c) { return c.isNetzke; });
 
     if (this.blankLine == undefined) this.blankLine = "---";
 
-    if (!Netzke.isModelDefined(modelName)) {
-      Ext.define(Netzke.modelName(modelName), {
-        extend: 'Ext.data.Model',
-        fields: ['value', 'text']
-      });
-    };
-
     var store = new Ext.data.Store({
-      model: Netzke.modelName(modelName),
+      fields: ['value', 'text'],
       proxy: {
         type: 'direct',
-        directFn: Netzke.providers[parent.id].getComboboxOptions,
-        extraParams: {configs: parent.buildParentClientConfigs()},
+        directFn: parent.netzkeGetDirectFunction("getComboboxOptions"),
+        extraParams: {configs: parent.netzkeBuildParentConfigs()},
         reader: {
           type: 'array',
           rootProperty: 'data'
@@ -41,7 +33,7 @@ Ext.define('Ext.netzke.ComboBox', {
     if (this.blankLine) {
       store.on('load', function(self, params) {
         // append a selectable "empty line" which will allow remove the association
-        self.add(Ext.create(Netzke.modelName(modelName), {value: -1, text: this.blankLine}));
+        self.add(Ext.create(store.getModel(), {value: -1, text: this.blankLine}));
       }, this);
     }
 

data/javascripts/tristate.js

@@ -0,0 +1,62 @@
+Ext.define('Ext.netzke.Tristate', {
+  extend: 'Ext.form.FieldContainer',
+  alias: 'widget.netzketristate',
+  layout: 'hbox',
+
+  mixins: {
+    field: 'Ext.form.field.Field'
+  },
+
+  setValue: function(value){
+    if (this.value != value) this.triggerValue(value);
+  },
+
+  getValue: function(){
+    return this.value == undefined ? "" : this.value;
+  },
+
+  items: [{
+    xtype: 'menucheckitem',
+    checked: true,
+    text: ' ',
+    itemId: 'item-true',
+    cls: "x-btn-default-toolbar-small nz-btn-tristate",
+    activeCls: "",
+    listeners: {
+      render: function(){
+        var el = this.getEl(), me = this;
+        el.on('click', function(e){
+          e.preventDefault();
+          me.ownerCt.triggerValue(true);
+        })
+      }
+    }
+  },{
+    xtype: 'menucheckitem',
+    checked: false,
+    itemId: 'item-false',
+    text: ' ',
+    cls: "x-btn-default-toolbar-small nz-btn-tristate",
+    activeCls: "",
+    listeners: {
+      render: function(){
+        var el = this.getEl(), me = this;
+        el.on('click', function(e){
+          e.preventDefault();
+          me.ownerCt.triggerValue(false);
+        })
+      }
+    }
+  }],
+
+  triggerValue: function(val){
+    if (this.value == val) {
+      this.getComponent("item-" + val).removeCls('nz-tristate-selected');
+      this.value = undefined;
+    } else {
+      this.getComponent("item-" + val).addCls('nz-tristate-selected');
+      this.getComponent("item-" + !val).removeCls('nz-tristate-selected');
+      this.value = val;
+    }
+  }
+});

data/javascripts/xdatetime.js

@@ -1,13 +1,4 @@
-/**
- * @class Ext.ux.form.field.DateTime
- * @extends Ext.form.FieldContainer
- * @version 0.2 (July 20th, 2011)
- * @author atian25 (http://www.sencha.com/forum/member.php?51682-atian25)
- * @author ontho (http://www.sencha.com/forum/member.php?285806-ontho)
- * @author jakob.ketterl (http://www.sencha.com/forum/member.php?25102-jakob.ketterl)
- * @link http://www.sencha.com/forum/showthread.php?134345-Ext.ux.form.field.DateTime
- * from http://www.sencha.com/forum/showthread.php?134345-Ext.ux.form.field.DateTime&p=863449&viewfull=1#post863449
- */
+// From http://www.sencha.com/forum/showthread.php?134345-Ext.ux.form.field.DateTime&p=863449&viewfull=1#post863449
 Ext.define('Ext.ux.form.field.DateTime', {
     extend:'Ext.form.FieldContainer',
     mixins:{
@@ -22,52 +13,35 @@ Ext.define('Ext.ux.form.field.DateTime', {
     layout: 'hbox',
     readOnly: false,
 
-    /**
-     * @cfg {String} dateFormat
+    /*
      * Convenience config for specifying the format of the date portion.
      * This value is overridden if format is specified in the dateConfig.
      * The default is 'Y-m-d'
      */
     dateFormat: 'Y-m-d',
     dateSubmitFormat: 'Y-m-d',
-    /**
-     * @cfg {String} timeFormat
+    /*
      * Convenience config for specifying the format of the time portion.
      * This value is overridden if format is specified in the timeConfig.
      * The default is 'H:i:s'
      */
     timeFormat: 'H:i:s',
-    timeSubmitFormat: 'H:i:s',    
-//    /**
-//     * @cfg {String} dateTimeFormat
-//     * The format used when submitting the combined value.
-//     * Defaults to 'Y-m-d H:i:s'
-//     */
-//    dateTimeFormat: 'Y-m-d H:i:s',
-    /**
+    timeSubmitFormat: 'H:i:s',
+    /*
      * @cfg {Object} dateConfig
      * Additional config options for the date field.
      */
     dateConfig:{},
-    /**
+    /*
      * @cfg {Object} timeConfig
      * Additional config options for the time field.
      */
     timeConfig:{},
 
-
     // properties
 
     dateValue: null, // Holds the actual date
-    /**
-     * @property dateField
-     * @type Ext.form.field.Date
-     */
     dateField: null,
-    /**
-     * @property timeField
-     * @type Ext.form.field.Time
-     */
     timeField: null,
 
     initComponent: function(){
@@ -83,7 +57,7 @@ Ext.define('Ext.ux.form.field.DateTime', {
             flex:1,
             isFormField:false, //exclude from field query's
             submitValue:false,
-            submitFormat: me.dateSubmitFormat,            
+            submitFormat: me.dateSubmitFormat,
             readOnly: me.readOnly
         }, me.dateConfig));
         me.items.push(me.dateField);
@@ -166,14 +140,11 @@ Ext.define('Ext.ux.form.field.DateTime', {
     },
 
     getSubmitValue: function(){
-//        var value = this.getValue();
-//        return value ? Ext.Date.format(value, this.dateTimeFormat) : null;
-
         var me = this
             ,format = me.getFormat()
             ,value = me.getValue();
 
-        return value ? Ext.Date.format(value, format) : null;
+        return value ? Ext.Date.format(value, format) : "";
     },
 
     setValue: function(value){

data/lib/netzke-basepack.rb

@@ -8,8 +8,9 @@ module Netzke
   module Basepack
     class Engine < ::Rails::Engine
 
-      %w[en de ru es].each do |lang|
-        I18n.load_path << File.dirname(__FILE__) + "/../locales/#{lang}.yml"
+      # load Basepack locale files
+      Dir[File.dirname(__FILE__) + "/../locales/*.yml"].each do |file|
+        I18n.load_path << file
       end
 
       # Make components and modules auto-loadable

data/lib/netzke/basepack.rb

@@ -18,7 +18,7 @@ module Netzke
     class << self
       # Called from netzke-basepack.rb
       def init
-        %w[netzkeremotecombo xdatetime basepack columns mixins/grid_event_handlers].each do |name|
+        %w[tristate netzkeremotecombo xdatetime basepack grid/columns grid/event_handlers].each do |name|
           Netzke::Core.ext_javascripts << "#{File.dirname(__FILE__)}/../../javascripts/#{name}.js"
         end
 

data/lib/netzke/basepack/action_column.rb

@@ -3,7 +3,7 @@ module Netzke
     # An extension for {Grid} that allows specifying (multiple) action columns.
     # Example:
     #
-    #     class Books < Netzke::Basepack::Grid
+    #     class Books < Netzke::Grid::Base
     #       include Netzke::Basepack::ActionColumn
     #
     #       def configure(c)
@@ -25,7 +25,7 @@ module Netzke
     #         ]
     #       end
     #
-    #       js_configure do |c|
+    #       client_class do |c|
     #         # handler for column action 'delete_row'
     #         c.on_delete_row = <<-JS
     #           function(record){
@@ -39,12 +39,11 @@ module Netzke
       extend ActiveSupport::Concern
 
       def augment_column_config(c)
-        if c[:type] == :action
+        super
+        if c.type == :action
           c.xtype = :actioncolumn
           c.items = c.actions.map {|a| build_action_config(a)}.netzke_jsonify
         end
-
-        super
       end
 
     private
@@ -55,24 +54,8 @@ module Netzke
         a.tap do |a|
           a[:tooltip] ||= a[:name].to_s.humanize
           a[:icon] ||= a[:name].to_sym
-          a[:handler] = Netzke::Core::JsonLiteral.new <<-JS
-          function() {
-            var cmp = Ext.getCmp('#{js_id}'),
-                f = cmp.on#{a[:handler].to_s.camelize};
-            if (Ext.isFunction(f)) {
-              f.apply(cmp, arguments);
-            } else {
-              Netzke.warning("Undefined handler for action '#{a[:name]}'");
-            }
-          }
-          JS
-
-          a[:is_disabled] &&= Netzke::Core::JsonLiteral.new <<-JS
-          function() {
-            var cmp = Ext.getCmp('#{js_id}');
-            return cmp.#{a[:is_disabled].to_s.camelize(:lower)}.apply(cmp, arguments);
-          }
-          JS
+          a[:passed_handler] = a[:handler].to_s.camelize
+          a[:handler] = f(:netzke_on_column_action)
           a[:icon] = "#{Netzke::Core.icons_uri}/#{a[:icon]}.png" if a[:icon].is_a?(Symbol)
         end
       end