skozlov-netzke_basepack 0.1.0

data/lib/netzke/container.rb

@@ -0,0 +1,81 @@
+module Netzke
+  #
+  # Base class for Accordion and TabPanel widgets, it shouldn't be used as a stand-alone class.
+  #
+  class Container < Base
+    def initialize(*args)
+      super
+      for item in initial_items do
+        add_aggregatee item
+        items << item.keys.first
+      end
+    end
+    
+    def initial_dependencies
+      dep = super
+      for item in items
+        candidate_dependency = aggregatees[item][:widget_class_name]
+        dep << candidate_dependency unless dep.include?(candidate_dependency)
+      end
+      dep
+    end
+
+    def js_before_constructor
+      js_widget_items
+    end
+    
+    def items
+      @items ||= []
+    end
+    
+    def initial_items
+      config[:items] || []
+    end
+    
+    def js_widget_items
+      res = ""
+      item_aggregatees.each_pair do |k,v|
+        next if v[:late_aggregation]
+        res << <<-JS
+        var #{k.to_js} = new Ext.componentCache['#{v[:widget_class_name]}'](config.#{k.to_js}Config);
+        JS
+      end
+      res
+    end
+
+    def js_items
+      items.inject([]) do |a,i|
+        a << {
+          :title => i.to_s.humanize,
+          :layout => 'fit',
+          :id => i.to_s,
+          # :id => "#{config[:name]}_#{i.to_s}",
+          :items => ([i.to_s.to_js.l] if !aggregatees[i][:late_aggregation]),
+          # these listeners will be different for tab_panel and accordion
+          :collapsed => !aggregatees[i][:active],
+          :listeners => {
+            # :activate => {:fn => "function(p){this.feedback(p.id)}".l, :scope => this},
+            :expand => {:fn => "this.loadItemWidget".l, :scope => this}
+          }
+        }
+      end
+    end
+    
+    def js_extend_properties
+      {
+        # loads widget into the panel if it's not loaded yet
+        :load_item_widget => <<-JS.l,
+          function(panel) {
+            if (!panel.getWidget()) panel.loadWidget(this.id + "__" + panel.id + "__get_widget");
+            // if (!this.getWidgetByPanel(panel)) this.loadWidget(panel, this.initialConfig[panel.id+'Config'].interface.getWidget);
+          }
+        JS
+      }
+    end
+
+    protected
+    def item_aggregatees
+      aggregatees.delete_if{|k,v| !@items.include?(k)}
+    end
+  end
+end

data/lib/netzke/grid.rb

@@ -0,0 +1,132 @@
+require 'searchlogic'
+module Netzke
+  #
+  # Functionality:
+  # * data operations - get, post, delete, create
+  # * column resize and move
+  # * permissions
+  # * sorting - TODO
+  # * pagination
+  # * validation - TODO
+  # * properties and column configuration
+  #
+  class Grid < Base
+    include GridJsBuilder
+    include GridInterface
+    # define connection points between client side and server side of Grid. See implementation of equally named methods in the GridInterface module.
+    interface :get_data, :post_data, :delete_data, :resize_column, :move_column, :get_cb_choices
+
+    def initial_config
+      {
+        :ext_config => {:properties => true},
+        :layout_manager => "NetzkeLayout"
+      }
+    end
+
+    def property_widgets
+      [{
+        :columns => {
+          :widget_class_name => "Grid", 
+          :data_class_name => column_manager_class_name, 
+          :ext_config => {:title => false, :properties => false},
+          :active => true
+        }
+      },{
+        :general => {
+          :widget_class_name => "PreferenceGrid", 
+          :host_widget_name => @id_name, 
+          :default_properties => available_permissions.map{ |k| {:name => "permissions.#{k}", :value => @permissions[k.to_sym]}},
+          :ext_config => {:title => false}
+        }
+      }]
+    end
+
+    ## Data for properties grid
+    def properties__columns__get_data(params = {})
+      columns_widget = aggregatee_instance(:properties__columns)
+
+      layout_id = layout_manager_class.by_widget(id_name).id
+      columns_widget.interface_get_data(params.merge(:filters => {:layout_id => layout_id}))
+    end
+    
+    def properties__general__load_source(params = {})
+      w = aggregatee_instance(:properties__general)
+      w.interface_load_source(params)
+    end
+    
+    # we pass column config at the time of instantiating the JS class
+    def js_config
+      res = super
+      res.merge!(:columns => get_columns || config[:columns]) # first try to get columns from DB, then from config
+      res.merge!(:data_class_name => config[:data_class_name])
+      res
+    end
+
+    def js_listeners
+      super.merge({
+        :columnresize => (config[:column_resize] ? {:fn => "this.onColumnResize".l, :scope => this} : nil),
+        :columnmove => (config[:column_move] ? {:fn => "this.onColumnMove".l, :scope => this} : nil)
+      })
+    end
+
+
+    protected
+    
+    def layout_manager_class
+      config[:layout_manager] && config[:layout_manager].constantize
+    end
+    
+    def column_manager_class_name
+      "NetzkeGridColumn"
+    end
+    
+    def column_manager_class
+      column_manager_class_name.constantize
+    rescue NameError
+      nil
+    end
+    
+    def available_permissions
+      %w(read update create delete)
+    end
+
+    public
+
+    # get columns from layout manager
+    def get_columns
+      if layout_manager_class
+        layout = layout_manager_class.by_widget(id_name)
+        layout ||= column_manager_class.create_layout_for_widget(self)
+        layout.items_hash  # TODO: bad name!
+      else
+        Netzke::Column.default_columns_for_widget(self)
+      end
+    end
+    
+    def tools
+      [{:id => 'refresh', :on => {:click => 'refreshClick'}}]
+    end
+
+    def actions
+      [{
+        :text => 'Add', :handler => 'add', :disabled => @pref['permissions.create'] == false
+      },{
+        :text => 'Edit', :handler => 'edit', :disabled => @pref['permissions.update'] == false
+      },{
+        :text => 'Delete', :handler => 'delete', :disabled => @pref['permissions.delete'] == false
+      },{
+        :text => 'Apply', :handler => 'submit', :disabled => @pref['permissions.update'] == false && @pref['permissions.create'] == false
+      }]
+    end
+
+    
+
+    # Uncomment to enable a menu duplicating the actions
+    # def js_menus
+    #   [{:text => "config.dataClassName".l, :menu => "config.actions".l}]
+    # end
+    
+    # include ColumnOperations
+    include PropertiesTool # it will load aggregation with name :properties into a modal window
+  end
+end

data/lib/netzke/grid_interface.rb

@@ -0,0 +1,132 @@
+module Netzke::GridInterface
+  def post_data(params)
+    [:create, :update].each do |operation|
+      data = JSON.parse(params.delete("#{operation}d_records".to_sym)) if params["#{operation}d_records".to_sym]
+      process_data(data, operation) if !data.nil?
+    end
+    {:success => true, :flash => @flash}
+  end
+  
+  def get_data(params = {})
+    if @permissions[:read]
+      records = get_records(params)
+      {:data => records, :total => records.total_records}
+    else
+      flash :error => "You don't have permissions to read data"
+      {:success => false, :flash => @flash}
+    end
+  end
+
+  def delete_data(params = {})
+    if @permissions[:delete]
+      record_ids = JSON.parse(params.delete(:records))
+      klass = config[:data_class_name].constantize
+      klass.delete(record_ids)
+      flash :notice => "Deleted #{record_ids.size} record(s)"
+      success = true
+    else
+      flash :error => "You don't have permissions to delete data"
+      success = false
+    end
+    {:success => success, :flash => @flash}
+  end
+
+  def resize_column(params)
+    raise "Called interface_resize_column while not configured to do so" unless config[:column_resize]
+    l_item = layout_manager_class.by_widget(id_name).layout_items[params[:index].to_i]
+    l_item.width = params[:size]
+    l_item.save!
+    {}
+  end
+  
+  def move_column(params)
+    raise "Called interface_move_column while not configured to do so" unless config[:column_move]
+    layout_manager_class.by_widget(id_name).move_item(params[:old_index].to_i, params[:new_index].to_i)
+    {}
+  end
+
+  # Return the choices for the column
+  def get_cb_choices(params)
+    column = params[:column]
+    query = params[:query]
+    
+    {:data => config[:data_class_name].constantize.choices_for(column, query).map{|s| [s]}}
+  end
+  
+  
+  protected
+  #
+  # operation => :update || :create
+  #
+  def process_data(data, operation)
+    if @permissions[operation]
+      klass = config[:data_class_name].constantize
+      modified_records = 0
+      data.each do |record_hash|
+        record = operation == :create ? klass.create : klass.find(record_hash.delete('id'))
+        logger.debug { "!!! record: #{record.inspect}" }
+        success = true
+        exception = nil
+        
+        # process all attirubutes for the same record (OPTIMIZE: we can use update_attributes separately for regular attributes to speed things up)
+        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
+
+        # flash eventual errors
+        record.errors.each_full do |msg|
+          flash :error => msg
+        end
+        
+        flash :notice => "#{operation.to_s.capitalize}d #{modified_records} records"
+      end
+    else
+      flash :error => "You don't have permissions to #{operation} data"
+    end
+  end
+  
+  # get records
+  def get_records(params)
+    conditions = normalize_params(params)
+    raise ArgumentError, "No data_class_name specified for widget '#{config[:name]}'" if !config[:data_class_name]
+    records = config[:data_class_name].constantize.all(conditions)
+    output_array = []
+    records.each do |r|
+      r_array = []
+      self.get_columns.each do |column|
+        r_array << r.send(column[:name])
+      end
+      output_array << r_array
+    end
+
+    # add total_entries method to the result
+    class << output_array
+      attr :total_records, true
+    end
+    total_records_count = config[:data_class_name].constantize.count(conditions)
+    output_array.total_records = total_records_count
+
+    output_array
+  end
+  
+  # make params understandable to searchlogic
+  def normalize_params(params)
+    # sorting
+    order_by = if params[:sort]
+      assoc, method = params[:sort].split('__')
+      method.nil? ? assoc : {assoc => method}
+    end
+    
+    page = params[:start].to_i/params[:limit].to_i + 1 if params[:limit]
+    {:per_page => params[:limit], :page => page, :order_by => order_by, :order_as => params[:dir]}
+  end
+end

data/lib/netzke/grid_js_builder.rb

@@ -0,0 +1,249 @@
+module Netzke::GridJsBuilder
+  def js_base_class 
+    'Ext.grid.EditorGridPanel'
+  end
+
+  def js_bbar
+    <<-JS.l
+    (config.rowsPerPage) ? new Ext.PagingToolbar({
+      pageSize:config.rowsPerPage, 
+      items:config.actions, 
+      store:ds, 
+      emptyMsg:'Empty'}) : config.actions
+    JS
+  end
+
+  def js_default_config
+    super.merge({
+      :store => "ds".l,
+      :cm => "cm".l,
+      :sel_model => "new Ext.grid.RowSelectionModel()".l,
+      :auto_scroll => true,
+      :click_to_edit => 2,
+      :track_mouse_over => true,
+      # :bbar => "config.actions".l,
+      :bbar => js_bbar,
+      
+      #custom configs
+      :auto_load_data => true
+    })
+  end
+  
+  def js_before_constructor
+    <<-JS
+    this.recordConfig = [];
+
+  	if (!config.columns) {
+  	  this.feedback('No columns defined for grid '+config.id);
+	  }
+    
+    Ext.each(config.columns, function(column){this.recordConfig.push({name:column.name})}, this);
+    this.Row = Ext.data.Record.create(this.recordConfig);
+    var ds = new Ext.data.Store({
+        proxy: this.proxy = new Ext.data.HttpProxy({url:config.interface.getData}),
+        reader: new Ext.data.ArrayReader({root: "data", totalProperty: "total", successProperty: "succes", id:0}, this.Row),
+        remoteSort: true
+    });
+
+    this.cmConfig = [];
+    Ext.each(config.columns, function(c){
+      var editor = c.readOnly ? null : Ext.netzke.editors[c.showsAs](c, config);
+
+      this.cmConfig.push({
+        header: c.label || c.name,
+        dataIndex: c.name,
+        hidden: c.hidden,
+        width: c.width,
+        editor: editor,
+        sortable: true
+      })
+    }, this);
+
+    var cm = new Ext.grid.ColumnModel(this.cmConfig);
+    
+    this.addEvents("refresh");
+  	
+    JS
+  end
+  
+  def js_extend_properties
+    {
+      :on_widget_load => <<-JS.l,
+        function(){
+          if (this.initialConfig.autoLoadData) {
+            this.loadWithFeedback({start:0, limit: this.initialConfig.rowsPerPage})
+          }
+        }
+      JS
+    
+      :load_with_feedback => <<-JS.l,
+        function(params){
+          if (!params) params = {};
+      	  var exceptionHandler = function(proxy, options, response, error){
+            if (response.status == 200 && (responseObject = Ext.decode(response.responseText)) && responseObject.flash){
+              this.feedback(responseObject.flash)
+            } else {
+              if (error){
+                this.feedback(error.message);
+              } else {
+                this.feedback(response.statusText)
+              }  
+            }
+          }.createDelegate(this);
+      	  this.store.proxy.on('loadexception', exceptionHandler);
+      		this.store.load({callback:function(r, options, success){
+      			this.store.proxy.un('loadexception', exceptionHandler);
+      		}, params: params, scope:this});
+      	}
+      JS
+      
+      :add => <<-JS.l,
+        function(){
+          var rowConfig = {};
+          Ext.each(this.initialConfig.columns, function(c){
+            rowConfig[c.name] = c.defaultValue || ''; // FIXME: if the user is happy with all the defaults, the record won't be 'dirty'
+          }, this);
+          
+          var r = new this.Row(rowConfig); // TODO: add default values
+          r.set('id', -r.id); // to distinguish new records by negative values
+          this.stopEditing();
+      		this.store.add(r);
+      		this.store.newRecords = this.store.newRecords || []
+      		this.store.newRecords.push(r);
+          // console.info(this.store.newRecords);
+          this.tryStartEditing(this.store.indexOf(r));
+      	}
+      JS
+    
+      :edit => <<-JS.l,
+        function(){
+          var row = this.getSelectionModel().getSelected();
+          if (row){
+            this.tryStartEditing(this.store.indexOf(row))
+          }
+        }
+      JS
+    
+      # try editing the first editable (not hidden, not read-only) sell
+      :try_start_editing => <<-JS.l,
+      	function(row){
+      	  if (row == null) return;
+      		var editableColumns = this.getColumnModel().getColumnsBy(function(columnConfig, index){
+      			return !columnConfig.hidden && !!columnConfig.editor;
+      		});
+      		// console.info(editableColumns);
+      		var firstEditableColumn = editableColumns[0];
+      		if (firstEditableColumn){
+      			this.startEditing(row, firstEditableColumn.id);
+      		}
+      	}
+      JS
+
+      :delete => <<-JS.l,
+        function() {
+          if (this.getSelectionModel().hasSelection()){
+            Ext.Msg.confirm('Confirm', 'Are you sure?', function(btn){
+              if (btn == 'yes') {
+                var records = []
+                this.getSelectionModel().each(function(r){
+          		    records.push(r.get('id'));
+                }, this);
+        		    Ext.Ajax.request({
+            			url: this.initialConfig.interface.deleteData,
+            			params: {records: Ext.encode(records)},
+            			success:function(r){ 
+            				var m = Ext.decode(r.responseText);
+            				this.loadWithFeedback();
+            				this.feedback(m.flash);
+            			},
+            			scope:this
+            		});
+              }
+            }, this);
+          }
+        }
+      JS
+      :submit => <<-JS.l,
+        function(){
+
+          var newRecords = [];
+          if (this.store.newRecords){
+        		Ext.each(this.store.newRecords, function(r){
+        		  newRecords.push(r.getChanges())
+        		  r.commit() // commit the changes, so that they are not picked up by getModifiedRecords() further down
+        		}, this);
+        		delete this.store.newRecords;
+        	}
+      		
+        	var updatedRecords = [];
+      		Ext.each(this.store.getModifiedRecords(),
+      			function(record) {
+      				var completeRecordData = {};
+      				Ext.apply(completeRecordData, Ext.apply(record.getChanges(), {id:record.get('id')}));
+      				updatedRecords.push(completeRecordData);
+      			}, 
+      		this);
+          
+          if (newRecords.length > 0 || updatedRecords.length > 0) {
+        		Ext.Ajax.request({
+        			url:this.initialConfig.interface.postData,
+        			params: {
+        			  updated_records: Ext.encode(updatedRecords), 
+        			  created_records: Ext.encode(newRecords),
+        			  filters: this.store.baseParams.filters
+        			},
+        			success:function(response){
+        				var m = Ext.decode(response.responseText);
+        				if (m.success) {
+        					this.loadWithFeedback();
+        					this.store.commitChanges();
+        					this.feedback(m.flash);
+        				} else {
+        					this.feedback(m.flash);
+        				}
+        			},
+        			failure:function(response){
+        				this.feedback('Bad response from server');
+        			},
+        			scope:this
+        		});
+          }
+          
+        }
+      JS
+   
+      :refresh_click => <<-JS.l,
+        function() {
+          // console.info(this);
+          if (this.fireEvent('refresh', this) !== false) this.loadWithFeedback();
+        }
+      JS
+      
+      :on_column_resize => <<-JS.l,
+        function(index, size){
+          // var column = this.getColumnModel().getDataIndex(index);
+          Ext.Ajax.request({
+            url:this.initialConfig.interface.resizeColumn,
+            params:{
+              index:index,
+              size:size
+            }
+          })
+        }
+      JS
+      
+      :on_column_move => <<-JS.l
+        function(oldIndex, newIndex){
+          Ext.Ajax.request({
+            url:this.initialConfig.interface.moveColumn,
+            params:{
+              old_index:oldIndex,
+              new_index:newIndex
+            }
+          })
+        }
+      JS
+      
+    }
+  end
+end