RubyGems - lipsiadmin - Versions diffs - 2.9 - Mend

lipsiadmin 2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (467) hide show

data/lipsiadmin_generators/backend_page/templates/helper.rb ADDED

	@@ -0,0 +1,2 @@
1	+ module Lipsiadmin::<%= controller_class_name %>Helper
2	+ end

data/lipsiadmin_generators/backend_page/templates/view_edit.html.haml ADDED

@@ -0,0 +1,3 @@
+=title "Edit <%= model_instance.class.human_name %> n. #{@<%= singular_name %>.id}"
+-form_tag({:action => :update, :id => @<%= singular_name %>}, :method => :put) do
+  =render :partial => "form"

data/lipsiadmin_generators/backend_page/templates/view_index.rjs.erb ADDED

@@ -0,0 +1,16 @@
+page.grid do |grid|
+  grid.id "grid-<%= plural_name %>"
+  grid.title "List all <%= model_instance.class.human_name %>"
+  grid.base_path "/backend/<%= plural_name %>"
+  grid.forgery_protection_token request_forgery_protection_token
+  grid.authenticity_token form_authenticity_token
+  grid.tbar  :default
+  grid.store do |store|
+    store.url "/backend/<%= plural_name %>.json"
+    store.fields @column_store.store_fields
+  end
+  grid.columns do |columns|
+    columns.fields @column_store.column_fields
+  end
+  grid.bbar  :store => grid.get_store, :pageSize => params[:limit]
+end

data/lipsiadmin_generators/backend_page/templates/view_new.html.haml ADDED

@@ -0,0 +1,3 @@
+=title "New <%= model_instance.class.human_name %>"
+-form_tag({:action => :create}, :method => :post) do
+  =render :partial => "form"

data/lipsiadmin_generators/pdf/pdf_generator.rb ADDED

@@ -0,0 +1,50 @@
+class PdfGenerator < Rails::Generator::NamedBase
+  def initialize(runtime_args, runtime_options = {})
+    runtime_args = ["pdf"].concat(runtime_args) # Skip usage
+    super
+  end
+  def manifest
+    record do |m|
+      # Copy Stylesheets
+      m.create_all("stylesheets", "public/stylesheets")
+      # Layout and Views
+      m.directory "app/views/pdf"
+      m.directory "app/views/layouts"
+      # Layout
+      m.template 'layout.html.erb', 'app/views/layouts/print.html.erb'
+      # View template for each action.
+      actions.each do |action|
+        m.template 'view.html.haml', "app/views/pdf/#{action}.html.haml",
+          :assigns => { :action => action }
+      end
+      m.puts remember
+    end
+  end
+  protected
+    def banner
+      "Usage: #{$0} pdf action"
+    end
+    def remember
+      <<-MESSAGE
+==============================================================================================
+  Please remember to add in your controller(s) some like:
+#{actions.collect { |a|
+"    def generate_pdf_#{a}
+      render_pdf :#{a}, '#{a}_file.pdf'
+    end" }.join("\n\n")}
+==============================================================================================
+      MESSAGE
+    end
+end

data/lipsiadmin_generators/pdf/templates/layout.html.erb ADDED

@@ -0,0 +1,18 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <%%= stylesheet_link_tag "standard", "print" %>
+</head>
+<body>
+  <pd4ml:page.header>
+    <div style="padding:0px 0px 100px 0px">
+      <%%= yield(:header) %>
+    </div>
+  </pd4ml:page.header>
+  <pd4ml:page.footer>
+  <%%= yield(:footer) %>
+    <div style="text-align:right;padding-top:10px"><%= I18n.t("backend.print.footer.page") %> $[page] <%= I18n.t("backend.print.footer.page_of") %> $[total]</div>
+  </pd4ml:page.footer>
+  <%%= yield %>
+</body>
+</html>

data/lipsiadmin_generators/pdf/templates/stylesheets/print.css ADDED

@@ -0,0 +1,11 @@
+/*
+ * Lipsiasadmin
+ * Copyright(c) 2007-2008, LipsiaSoft s.r.l.
+ * info@lipsiasoft.com
+ *
+ * http://www.lipsiasoft.com
+ */
+body                          { font-family:Arial;}
+table                         { font-size:0.8em; font-family:Arial }
+td                            { padding-right:10px; }
+a                             { text-decoration:none; color:#12255F; }

data/lipsiadmin_generators/pdf/templates/view.html.haml ADDED

@@ -0,0 +1,7 @@
+-content_for(:header) do
+  Header Here!
+Content Here!
+-content_for(:footer) do
+  Footer Here!

data/resources/Pd4Ruby.class ADDED

Binary file

data/resources/Pd4Ruby.java ADDED

@@ -0,0 +1,52 @@
+// For compile javac -cp pd4ml.jar Pd4Ruby.java
+import java.awt.Dimension;
+import java.awt.Insets;
+import java.lang.reflect.Field;
+import java.net.URL;
+import org.zefer.pd4ml.PD4Constants;
+import org.zefer.pd4ml.PD4ML;
+public class Pd4Ruby {
+  public static void main(String[] args) throws Exception {
+    if ( args.length < 2 ) {
+      System.out.println( "Usage: java -Xmx512m Pd4Ruby <url> <htmlWidth> <pageFormat> <landescape> [TTFfontsDir]" );
+    }
+    Pd4Ruby converter = new Pd4Ruby();
+    converter.generatePDF( args[0], args[1], args[2], args[3], args.length > 4 ? args[4] : null );
+  }
+  private void generatePDF(String inputUrl, String htmlWidth, String pageFormat, String landescape, String fontsDir)
+  throws Exception {
+    PD4ML pd4ml = new PD4ML();
+    pd4ml.setPageInsets(new Insets(15, 20, 10, 20));
+    if (htmlWidth != null) {
+      pd4ml.setHtmlWidth(Integer.parseInt(htmlWidth));
+    }
+    Class c = PD4Constants.class;
+    Field f = c.getField( pageFormat );
+    Dimension d = (Dimension)f.get( pd4ml );
+    if (landescape.equals("true")){
+      d = pd4ml.changePageOrientation(d);
+    }
+    pd4ml.setPageSize(d);
+    pd4ml.setAuthorName("LipsiaSoft s.r.l.");
+    if ( fontsDir != null && fontsDir.length() > 0 ) {
+      pd4ml.useTTF( fontsDir, true );
+    }
+    java.io.StringReader reader = new java.io.StringReader(inputUrl);
+    pd4ml.render(reader, System.out);
+  }
+}

data/resources/javascripts/ux.js ADDED

@@ -0,0 +1,1102 @@
+//
+//  Created by Davide D'Agostino on 2008-01-19.
+//  Copyright 2008 Lipsiasoft s.r.l. All rights reserved.
+//
+Ext.util.Format.eurMoney = function(v){
+  v = (Math.round((v-0)*100))/100;
+  v = (v == Math.floor(v)) ? v + ".00" : ((v*10 == Math.floor(v*10)) ? v + "0" : v);
+  return "€" + v ;
+};
+Ext.util.Format.boolRenderer = function(v, p, record){
+  p.css += ' x-grid3-check-col-td';
+  return '<div class="x-grid3-check-col'+(v?'-on':'')+' x-grid3-cc-'+this.id+'">&#160;</div>';
+};
+// Tree DropConfig to allow Drop on Leaf
+var treeDropConfig = { getDropPoint : function(e, n, dd){ var tn = n.node; if(tn.isRoot){ return tn.allowChildren !== false ? "append" : false; } var dragEl = n.ddel; var t = Ext.lib.Dom.getY(dragEl), b = t + dragEl.offsetHeight; var y = Ext.lib.Event.getPageY(e); var noAppend = tn.allowChildren === false; if(this.appendOnly || tn.parentNode.allowChildren === false){ return noAppend ? false : "append"; } var noBelow = false; if(!this.allowParentInsert){ noBelow = tn.hasChildNodes() && tn.isExpanded(); } var q = (b - t) / (noAppend ? 2 : 3); if(y >= t && y < (t + q)){ return "above"; }else if(!noBelow && (noAppend || y >= b-q && y <= b)){ return "below"; }else{ return "append"; } }, completeDrop : function(de){ var ns = de.dropNode, p = de.point, t = de.target; if(!Ext.isArray(ns)){ ns = [ns]; } var n; for(var i = 0, len = ns.length; i < len; i++){ n = ns[i]; if(p == "above"){ t.parentNode.insertBefore(n, t); }else if(p == "below"){ t.parentNode.insertBefore(n, t.nextSibling); }else{ t.leaf = false; t.appendChild(n); } } n.ui.focus(); if(this.tree.hlDrop){ n.ui.highlight(); } t.ui.endDrop(); this.tree.fireEvent("nodedrop", de); } };
+// Fix for Prototype Adapter
+Ext.lib.Event.getTarget = function(e){
+  var ee = e.browserEvent || e;
+  return ee.target ? Event.element(ee) : null;
+};
+// CheckBox column
+Ext.grid.CheckColumn = function(config){
+  Ext.apply(this, config);
+  if(!this.id){
+    this.id = Ext.id();
+  }
+  this.renderer = this.renderer.createDelegate(this);
+};
+Ext.grid.CheckColumn.prototype ={
+  init : function(grid){
+    this.grid = grid;
+    this.grid.on('render', function(){
+      var view = this.grid.getView();
+      view.mainBody.on('mousedown', this.onMouseDown, this);
+      }, this);
+  },
+  onMouseDown : function(e, t){
+    if(t.className && t.className.indexOf('x-grid3-cc-'+this.id) != -1){
+      e.stopEvent();
+      var index = this.grid.getView().findRowIndex(t);
+      var record = this.grid.store.getAt(index);
+      var editEvent = {
+        grid: this.grid,
+        record: this.grid.store.getAt(index),
+        field: this.dataIndex,
+        value: !record.data[this.dataIndex],
+        originalValue: record.data[this.dataIndex],
+        row: index,
+        column: this.grid.getColumnModel().findColumnIndex(this.dataIndex)
+      };
+      record.set(this.dataIndex, editEvent.value);
+      this.grid.getSelectionModel().selectRow(index);
+      this.grid.fireEvent('afteredit', editEvent);
+    }
+  },
+  renderer : function(v, p, record){
+    p.css += ' x-grid3-check-col-td';
+    return '<div class="x-grid3-check-col'+(v?'-on':'')+' x-grid3-cc-'+this.id+'">&#160;</div>';
+  }
+};
+// DateTime Field
+Ext.form.DateTimeField = Ext.extend(Ext.form.Field, {
+    /**
+     * @cfg {String/Object} defaultAutoCreate DomHelper element spec
+     * Let superclass to create hidden field instead of textbox. Hidden will be submittend to server
+     */
+     defaultAutoCreate:{tag:'input', type:'hidden'}
+    /**
+     * @cfg {Number} timeWidth Width of time field in pixels (defaults to 100)
+     */
+    ,timeWidth:100
+    /**
+     * @cfg {Number} dateWidth Width of time field in pixels (defaults to 100)
+     */
+    ,dateWidth:100
+    /**
+     * @cfg {String} dtSeparator Date - Time separator. Used to split date and time (defaults to ' ' (space))
+     */
+    ,dtSeparator:' '
+    /**
+     * @cfg {String} hiddenFormat Format of datetime used to store value in hidden field
+     * and submitted to server (defaults to 'Y-m-d H:i:s' that is mysql format)
+     */
+    ,hiddenFormat:'Y-m-d H:i:s'
+    /**
+     * @cfg {Boolean} otherToNow Set other field to now() if not explicly filled in (defaults to true)
+     */
+    ,otherToNow:true
+    /**
+     * @cfg {Boolean} emptyToNow Set field value to now on attempt to set empty value.
+     * If it is true then setValue() sets value of field to current date and time (defaults to false)
+     */
+    /**
+     * @cfg {String} dateFormat Format of DateField. Can be localized. (defaults to 'm/y/d')
+     */
+    ,dateFormat:'d/m/y'
+    /**
+     * @cfg {String} timeFormat Format of TimeField. Can be localized. (defaults to 'g:i A')
+     */
+    ,timeFormat:'H:i'
+    /**
+     * @cfg {Object} dateConfig Config for DateField constructor.
+     */
+    ,allowBlank: false
+    /**
+     * @cfg {Object} true to hide the time, default false.
+     */
+    ,hideTime: false
+    // {{{
+    /**
+     * private
+     * creates DateField and TimeField and installs the necessary event handlers
+     */
+    ,initComponent:function() {
+        // call parent initComponent
+        Ext.form.DateTimeField.superclass.initComponent.call(this);
+        // create DateField
+        var dateConfig = Ext.apply({}, {
+             id:this.id + '-date'
+            ,format:this.dateFormat || Ext.form.DateField.prototype.format
+            ,width:this.dateWidth
+            ,allowBlank:this.allowBlank
+            ,selectOnFocus:this.selectOnFocus
+            ,listeners:{
+                  blur:{scope:this, fn:this.onBlur}
+                 ,focus:{scope:this, fn:this.onFocus}
+            }
+        }, this.dateConfig);
+        this.df = new Ext.form.DateField(dateConfig);
+        this.df.ownerCt = this;
+        delete(this.dateFormat);
+        // create TimeField
+        var timeConfig = Ext.apply({}, {
+             id:this.id + '-time'
+            ,format:this.timeFormat || Ext.form.TimeField.prototype.format
+            ,allowBlank:this.allowBlank
+            ,width:this.timeWidth
+            ,selectOnFocus:this.selectOnFocus
+            ,listeners:{
+                  blur:{scope:this, fn:this.onBlur}
+                 ,focus:{scope:this, fn:this.onFocus}
+            }
+        }, this.timeConfig);
+        this.tf = new Ext.form.TimeField(timeConfig);
+        this.tf.ownerCt = this;
+        delete(this.timeFormat);
+        // relay events
+        this.relayEvents(this.df, ['focus', 'specialkey', 'invalid', 'valid']);
+        this.relayEvents(this.tf, ['focus', 'specialkey', 'invalid', 'valid']);
+    } // eo function initComponent
+    // }}}
+    // {{{
+    /**
+     * private
+     * Renders underlying DateField and TimeField and provides a workaround for side error icon bug
+     */
+    ,onRender:function(ct, position) {
+        // don't run more than once
+        if(this.isRendered) {
+            return;
+        }
+        // render underlying hidden field
+        Ext.form.DateTimeField.superclass.onRender.call(this, ct, position);
+        // render DateField and TimeField
+        // create bounding table
+        var t;
+        var timeStyle = this.hideTime ? 'display:none' : '';
+        t = Ext.DomHelper.append(ct, {tag:'table',style:'border-collapse:collapse',children:[
+            {tag:'tr',children:[
+                {tag:'td',style:'padding-right:17px', cls:'datetime-date'},{tag:'td', cls:'datetime-time', style: timeStyle}
+            ]}
+        ]}, true);
+        this.tableEl = t;
+        this.wrap = t.wrap();
+        this.wrap.on("mousedown", this.onMouseDown, this, {delay:10});
+        // render DateField & TimeField
+        this.df.render(t.child('td.datetime-date'));
+        this.tf.render(t.child('td.datetime-time'));
+        this.df.wrap.setStyle({width: this.dateWidth});
+        this.tf.wrap.setStyle({width: this.timeWidth});
+        // workaround for IE trigger misalignment bug
+        if(Ext.isIE && Ext.isStrict) {
+          t.select('input').applyStyles({top:0});
+        }
+        this.on('specialkey', this.onSpecialKey, this);
+        this.df.el.swallowEvent(['keydown', 'keypress']);
+        this.tf.el.swallowEvent(['keydown', 'keypress']);
+        // create icon for side invalid errorIcon
+        if('side' === this.msgTarget) {
+            var elp = this.el.findParent('.x-form-element', 10, true);
+            this.errorIcon = elp.createChild({cls:'x-form-invalid-icon'});
+            this.df.errorIcon = this.errorIcon;
+            this.tf.errorIcon = this.errorIcon;
+        }
+        // setup name for submit
+        if (!this.el.dom.name){
+          this.el.dom.name = this.hiddenName || this.name || this.id;
+        }
+        // prevent helper fields from being submitted
+        this.df.el.dom.removeAttribute("name");
+        this.tf.el.dom.removeAttribute("name");
+        // we're rendered flag
+        this.isRendered = true;
+        if (this.el.dom.value){
+          this.setValue(this.el.dom.value);
+        } else {
+          this.setValue(new Date());
+          this.updateHidden();
+        }
+    } // eo function onRender
+    // }}}
+    // {{{
+    /**
+     * private
+     */
+    ,adjustSize:Ext.BoxComponent.prototype.adjustSize
+    // }}}
+    // {{{
+    /**
+     * private
+     */
+    ,alignErrorIcon:function() {
+        this.errorIcon.alignTo(this.tableEl, 'tl-tr', [2, 0]);
+    }
+    // }}}
+    // {{{
+    /**
+     * private initializes internal dateValue
+     */
+    ,initDateValue:function() {
+        this.dateValue = this.otherToNow ? new Date() : new Date(1970, 0, 1, 0, 0, 0);
+    }
+    // }}}
+    // {{{
+    /**
+     * Calls clearInvalid on the DateField and TimeField
+     */
+    ,clearInvalid:function(){
+        this.df.clearInvalid();
+        this.tf.clearInvalid();
+    } // eo function clearInvalid
+    // }}}
+    /**
+     * @private
+     * called from Component::destroy.
+     * Destroys all elements and removes all listeners we've created.
+     */
+    ,beforeDestroy:function() {
+        if(this.isRendered) {
+//            this.removeAllListeners();
+            this.wrap.removeAllListeners();
+            this.wrap.remove();
+            this.tableEl.remove();
+            this.df.destroy();
+            this.tf.destroy();
+        }
+    } // eo function beforeDestroy
+    // {{{
+    /**
+     * Disable this component.
+     * @return {Ext.Component} this
+     */
+    ,disable:function() {
+        if(this.isRendered) {
+            this.df.disabled = this.disabled;
+            this.df.onDisable();
+            this.tf.onDisable();
+        }
+        this.disabled = true;
+        this.df.disabled = true;
+        this.tf.disabled = true;
+        this.fireEvent("disable", this);
+        return this;
+    } // eo function disable
+    // }}}
+    // {{{
+    /**
+     * Enable this component.
+     * @return {Ext.Component} this
+     */
+    ,enable:function() {
+        if(this.rendered){
+            this.df.onEnable();
+            this.tf.onEnable();
+        }
+        this.disabled = false;
+        this.df.disabled = false;
+        this.tf.disabled = false;
+        this.fireEvent("enable", this);
+        return this;
+    } // eo function enable
+    // }}}
+    // {{{
+    /**
+     * private Focus date filed
+     */
+    ,focus:function() {
+        this.df.focus();
+    } // eo function focus
+    // }}}
+    // {{{
+    /**
+     * private
+     */
+    ,getPositionEl:function() {
+        return this.wrap;
+    }
+    // }}}
+    // {{{
+    /**
+     * private
+     */
+    ,getResizeEl:function() {
+        return this.wrap;
+    }
+    // }}}
+    // {{{
+    /**
+     * @return {Date/String} Returns value of this field
+     */
+    ,getValue:function() {
+        // create new instance of date
+        return this.dateValue ? new Date(this.dateValue) : '';
+    } // eo function getValue
+    // }}}
+    // {{{
+    /**
+     * @return {Boolean} true = valid, false = invalid
+     * private Calls isValid methods of underlying DateField and TimeField and returns the result
+     */
+    ,isValid:function() {
+        return this.df.isValid() && this.tf.isValid();
+    } // eo function isValid
+    // }}}
+    // {{{
+    /**
+     * Returns true if this component is visible
+     * @return {boolean}
+     */
+    ,isVisible : function(){
+        return this.df.rendered && this.df.getActionEl().isVisible();
+    } // eo function isVisible
+    // }}}
+    // {{{
+    /**
+     * private Handles blur event
+     */
+    ,onBlur:function(f) {
+        // called by both DateField and TimeField blur events
+        // revert focus to previous field if clicked in between
+        if(this.wrapClick) {
+            f.focus();
+            this.wrapClick = false;
+        }
+        // update underlying value
+        this.updateDate();
+        this.updateTime();
+        this.updateHidden();
+        // fire events later
+        (function() {
+            if(!this.df.hasFocus && !this.tf.hasFocus) {
+                var v = this.getValue();
+                if(String(v) !== String(this.startValue)) {
+                    this.fireEvent("change", this, v, this.startValue);
+                }
+                this.hasFocus = false;
+                this.fireEvent('blur', this);
+            }
+        }).defer(100, this);
+    } // eo function onBlur
+    // }}}
+    // {{{
+    /**
+     * private Handles focus event
+     */
+    ,onFocus:function() {
+        if(!this.hasFocus){
+            this.hasFocus = true;
+            this.startValue = this.getValue();
+            this.fireEvent("focus", this);
+        }
+    }
+    // }}}
+    // {{{
+    /**
+     * private Just to prevent blur event when clicked in the middle of fields
+     */
+    ,onMouseDown:function(e) {
+        if(!this.disabled) {
+            this.wrapClick = 'td' === e.target.nodeName.toLowerCase();
+        }
+    }
+    // }}}
+    // {{{
+    /**
+     * private
+     * Handles Tab and Shift-Tab events
+     */
+    ,onSpecialKey:function(t, e) {
+        var key = e.getKey();
+        if(key === e.TAB) {
+            if(t === this.df && !e.shiftKey) {
+                e.stopEvent();
+                this.tf.focus();
+            }
+            if(t === this.tf && e.shiftKey) {
+                e.stopEvent();
+                this.df.focus();
+            }
+        }
+        // otherwise it misbehaves in editor grid
+        if(key === e.ENTER) {
+            this.updateValue();
+        }
+    } // eo function onSpecialKey
+    // }}}
+    // {{{
+    /**
+     * private Sets the value of DateField
+     */
+    ,setDate:function(date) {
+        this.df.setValue(date);
+    } // eo function setDate
+    // }}}
+    // {{{
+    /**
+     * private Sets the value of TimeField
+     */
+    ,setTime:function(date) {
+        this.tf.setValue(date);
+    } // eo function setTime
+    // }}}
+    // {{{
+    /**
+     * private
+     * Sets correct sizes of underlying DateField and TimeField
+     * With workarounds for IE bugs
+     */
+    ,setSize:function(w, h) {
+        if(!w) {
+            return;
+        }
+        if('below' === this.timePosition) {
+            this.df.setSize(w, h);
+            this.tf.setSize(w, h);
+            if(Ext.isIE) {
+                this.df.el.up('td').setWidth(w);
+                this.tf.el.up('td').setWidth(w);
+            }
+        }
+        else {
+            this.df.setSize(w - this.timeWidth - 4, h);
+            this.tf.setSize(this.timeWidth, h);
+            if(Ext.isIE) {
+                this.df.el.up('td').setWidth(w - this.timeWidth - 4);
+                this.tf.el.up('td').setWidth(this.timeWidth);
+            }
+        }
+    } // eo function setSize
+    // }}}
+    // {{{
+    /**
+     * @param {Mixed} val Value to set
+     * Sets the value of this field
+     */
+    ,setValue:function(val) {
+        if(!val && true === this.emptyToNow) {
+            this.setValue(new Date());
+            return;
+        }
+        else if(!val) {
+            this.setDate('');
+            this.setTime('');
+            this.updateValue();
+            return;
+        }
+        if ('number' === typeof val) {
+          val = new Date(val);
+        }
+        val = val ? val : new Date(1970, 0 ,1, 0, 0, 0);
+        var da, time;
+        if(val instanceof Date) {
+            this.setDate(val);
+            this.setTime(val);
+            this.dateValue = new Date(val);
+        }
+        else {
+            da = val.split(this.dtSeparator);
+            this.setDate(da[0]);
+            if(da[1]) {
+                if(da[2]) {
+                    // add am/pm part back to time
+                    da[1] += da[2];
+                }
+                var hh = da[1].split(":");
+                this.setTime(hh[0]+":"+hh[1]);
+            }
+        }
+    } // eo function setValue
+    // }}}
+    // {{{
+    /**
+     * Hide or show this component by boolean
+     * @return {Ext.Component} this
+     */
+    ,setVisible: function(visible){
+        if(visible) {
+            this.df.show();
+            this.tf.show();
+        }else{
+            this.df.hide();
+            this.tf.hide();
+        }
+        return this;
+    } // eo function setVisible
+    // }}}
+    //{{{
+    ,show:function() {
+        return this.setVisible(true);
+    } // eo function show
+    //}}}
+    //{{{
+    ,hide:function() {
+        return this.setVisible(false);
+    } // eo function hide
+    //}}}
+    // {{{
+    /**
+     * private Updates the date part
+     */
+    ,updateDate:function() {
+        var d = this.df.getValue();
+        if(d) {
+            if(!(this.dateValue instanceof Date)) {
+                this.initDateValue();
+                if(!this.tf.getValue()) {
+                    this.setTime(this.dateValue);
+                }
+            }
+            this.dateValue.setMonth(0); // because of leap years
+            this.dateValue.setFullYear(d.getFullYear());
+            this.dateValue.setMonth(d.getMonth());
+            this.dateValue.setDate(d.getDate());
+        }
+        else {
+            this.dateValue = '';
+            this.setTime('');
+        }
+    } // eo function updateDate
+    // }}}
+    // {{{
+    /**
+     * private
+     * Updates the time part
+     */
+    ,updateTime:function() {
+        var t = this.tf.getValue();
+        if(t && !(t instanceof Date)) {
+            t = Date.parseDate(t, this.tf.format);
+        }
+        if(t && !this.df.getValue()) {
+            this.initDateValue();
+            this.setDate(this.dateValue);
+        }
+        if(this.dateValue instanceof Date) {
+            if(t) {
+                this.dateValue.setHours(t.getHours());
+                this.dateValue.setMinutes(t.getMinutes());
+                this.dateValue.setSeconds(t.getSeconds());
+            }
+            else {
+                this.dateValue.setHours(0);
+                this.dateValue.setMinutes(0);
+                this.dateValue.setSeconds(0);
+            }
+        }
+    } // eo function updateTime
+    // }}}
+    // {{{
+    /**
+     * private Updates the underlying hidden field value
+     */
+    ,updateHidden:function() {
+        if(this.isRendered) {
+            var value = this.dateValue instanceof Date ? this.dateValue.format(this.hiddenFormat) : '';
+            this.el.dom.value = value;
+        }
+    }
+    // }}}
+    // {{{
+    /**
+     * private Updates all of Date, Time and Hidden
+     */
+    ,updateValue:function() {
+        this.updateDate();
+        this.updateTime();
+        this.updateHidden();
+        return;
+    } // eo function updateValue
+    // }}}
+    // {{{
+    /**
+     * @return {Boolean} true = valid, false = invalid
+     * callse validate methods of DateField and TimeField
+     */
+    ,validate:function() {
+        return this.df.validate() && this.tf.validate();
+    } // eo function validate
+    // }}}
+    // {{{
+    /**
+     * Returns renderer suitable to render this field
+     * @param {Object} Column model config
+     */
+    ,renderer: function(field) {
+        var format = field.editor.dateFormat || Ext.form.DateTime.prototype.dateFormat;
+        format += ' ' + (field.editor.timeFormat || Ext.form.DateTime.prototype.timeFormat);
+        var renderer = function(val) {
+            var retval = Ext.util.Format.date(val, format);
+            return retval;
+        };
+        return renderer;
+    } // eo function renderer
+    // }}}
+}); // eo extend
+// register xtype
+Ext.reg('datetimefield', Ext.form.DateTimeField);
+/**
+ * @class Ext.grid.Search
+ * @extends Ext.util.Observable
+ * @param {Object} config configuration object
+ * @constructor
+ */
+Ext.grid.Search = function(config) {
+  Ext.apply(this, config);
+  Ext.grid.Search.superclass.constructor.call(this);
+}; // eo constructor
+Ext.extend(Ext.grid.Search, Ext.util.Observable, {
+  /**
+   * cfg {Boolean} autoFocus true to try to focus the input field on each store load (defaults to undefined)
+   */
+  autoFocus:true
+  /**
+   * @cfg {String} searchText Text to display on menu button
+   */
+   ,searchText:'Search'
+  /**
+   * @cfg {String} searchTipText Text to display as input tooltip. Set to '' for no tooltip
+   */
+  ,searchTipText:'Insert a word or press Search'
+  /**
+   * @cfg {String} selectAllText Text to display on menu item that selects all fields
+   */
+  ,selectAllText:'Select All'
+  /**
+   * @cfg {String} position Where to display the search controls. Valid values are top and bottom (defaults to top)
+   * Corresponding toolbar has to exist at least with mimimum configuration tbar:[] for position:top or bbar:[]
+   * for position bottom. Plugin does NOT create any toolbar.
+   */
+  ,position:'top'
+  /**
+   * @cfg {String} iconCls Icon class for menu button (defaults to check)
+   */
+  ,iconCls:'check'
+  /**
+   * @cfg {String/Array} checkIndexes Which indexes to check by default. Can be either 'all' for all indexes
+   * or array of dataIndex names, e.g. ['persFirstName', 'persLastName']
+   */
+  ,checkIndexes:'all'
+  /**
+   * @cfg {Array} disableIndexes Array of index names to disable (not show in the menu), e.g. ['persTitle', 'persTitle2']
+   */
+  ,disableIndexes:[]
+  /**
+   * @cfg {String} dateFormat how to format date values. If undefined (the default)
+   * date is formatted as configured in colummn model
+   */
+  ,dateFormat:undefined
+  /**
+   * @cfg {Boolean} showSelectAll Select All item is shown in menu if true (defaults to true)
+   */
+  ,showSelectAll:true
+  /**
+   * @cfg {String} menuStyle Valid values are 'checkbox' and 'radio'. If menuStyle is radio
+   * then only one field can be searched at a time and selectAll is automatically switched off.
+   */
+  ,menuStyle:'checkbox'
+  /**
+   * @cfg {Number} minChars minimum characters to type before the request is made. If undefined (the default)
+   * the trigger field shows magnifier icon and you need to click it or press enter for search to start. If it
+   * is defined and greater than 0 then maginfier is not shown and search starts after minChars are typed.
+   */
+  /**
+   * @cfg {String} minCharsTipText Tooltip to display if minChars is > 0
+   */
+  ,minCharsTipText:'Insert at least {0} characters'
+  /**
+   * @cfg {String} mode Use 'remote' for remote stores or 'local' for local stores. If mode is local
+   * no data requests are sent to server the grid's store is filtered instead (defaults to 'remote')
+   */
+  ,mode:'remote'
+  /**
+   * @cfg {Array} readonlyIndexes Array of index names to disable (show in menu disabled), e.g. ['persTitle', 'persTitle2']
+   */
+  /**
+   * @cfg {Number} width Width of input field in pixels (defaults to 100)
+   */
+  ,width:200
+  /**
+   * @cfg {String} xtype xtype is usually not used to instantiate this plugin but you have a chance to identify it
+   */
+  ,xtype:'gridsearch'
+  /**
+   * @cfg {Object} paramNames Params name map (defaults to {fields:'fields', query:'query'}
+   */
+  ,paramNames: {
+     fields:'fields'
+    ,query:'query'
+  }
+  /**
+   * @cfg {String} shortcutKey Key to fucus the input field (defaults to r = Sea_r_ch). Empty string disables shortcut
+   */
+  ,shortcutKey:'r'
+  /**
+   * @cfg {String} shortcutModifier Modifier for shortcutKey. Valid values: alt, ctrl, shift (defaults to alt)
+   */
+  ,shortcutModifier:'alt'
+  /**
+   * @cfg {String} align 'left' or 'right' (defaults to 'right')
+   */
+   ,align:'right'
+  /**
+   * @cfg {Number} minLength force user to type this many character before he can make a search
+   */
+   ,minLength:3
+  /**
+   * @cfg {Ext.Panel/String} toolbarContainer Panel (or id of the panel) which contains toolbar we want to render
+   * search controls to (defaults to this.grid, the grid this plugin is plugged-in into)
+   */
+  // {{{
+  /**
+   * private
+   * @param {Ext.grid.GridPanel/Ext.grid.EditorGrid} grid reference to grid this plugin is used for
+   */
+  ,init:function(grid) {
+    this.grid = grid;
+    // setup toolbar container if id was given
+    if('string' === typeof this.toolbarContainer) {
+      this.toolbarContainer = Ext.getCmp(this.toolbarContainer);
+    }
+    // do our processing after grid render and reconfigure
+    grid.onRender = grid.onRender.createSequence(this.onRender, this);
+    grid.reconfigure = grid.reconfigure.createSequence(this.reconfigure, this);
+  } // eo function init
+  // }}}
+  // {{{
+  /**
+   * private add plugin controls to <b>existing</b> toolbar and calls reconfigure
+   */
+  ,onRender:function() {
+    var panel = this.toolbarContainer || this.grid;
+    var tb = 'bottom' === this.position ? panel.bottomToolbar : panel.topToolbar;
+    // add menu
+    this.menu = new Ext.menu.Menu();
+    // handle position
+    if('right' === this.align) {
+      tb.addFill();
+    }
+    else {
+      if(0 < tb.items.getCount()) {
+        tb.addSeparator();
+      }
+    }
+    // add menu button
+    tb.add({
+       text:this.searchText
+      ,menu:this.menu
+      //,iconCls:this.iconCls
+    });
+    // add input field (TwinTriggerField in fact)
+    this.field = new Ext.form.TwinTriggerField({
+       width:this.width
+      ,selectOnFocus:undefined === this.selectOnFocus ? true : this.selectOnFocus
+      ,trigger1Class:'x-form-clear-trigger'
+      ,trigger2Class:this.minChars ? 'x-hidden' : 'x-form-search-trigger'
+      ,onTrigger1Click:this.minChars ? Ext.emptyFn : this.onTriggerClear.createDelegate(this)
+      ,onTrigger2Click:this.onTriggerSearch.createDelegate(this)
+      ,minLength:this.minLength
+    });
+    // install event handlers on input field
+    this.field.on('render', function() {
+      this.field.el.dom.qtip = this.minChars ? String.format(this.minCharsTipText, this.minChars) : this.searchTipText;
+      if(this.minChars) {
+        this.field.el.on({scope:this, buffer:300, keyup:this.onKeyUp});
+      }
+      // install key map
+      var map = new Ext.KeyMap(this.field.el, [{
+         key:Ext.EventObject.ENTER
+        ,scope:this
+        ,fn:this.onTriggerSearch
+      },{
+         key:Ext.EventObject.ESC
+        ,scope:this
+        ,fn:this.onTriggerClear
+      }]);
+      map.stopEvent = true;
+    }, this, {single:true});
+    tb.add(this.field);
+    // reconfigure
+    this.reconfigure();
+    // keyMap
+    if(this.shortcutKey && this.shortcutModifier) {
+      var shortcutEl = this.grid.getEl();
+      var shortcutCfg = [{
+         key:this.shortcutKey
+        ,scope:this
+        ,stopEvent:true
+        ,fn:function() {
+          this.field.focus();
+        }
+      }];
+      shortcutCfg[0][this.shortcutModifier] = true;
+      this.keymap = new Ext.KeyMap(shortcutEl, shortcutCfg);
+    }
+    if(true === this.autoFocus) {
+      this.grid.store.on({scope:this, load:function(){this.field.focus();}});
+    }
+  } // eo function onRender
+  // }}}
+  // {{{
+  /**
+   * field el keypup event handler. Triggers the search
+   * @private
+   */
+  ,onKeyUp:function() {
+    var length = this.field.getValue().toString().length;
+    if(0 === length || this.minChars <= length) {
+      this.onTriggerSearch();
+    }
+  } // eo function onKeyUp
+  // }}}
+  // {{{
+  /**
+   * private Clear Trigger click handler
+   */
+  ,onTriggerClear:function() {
+    if(this.field.getValue()) {
+      this.field.setValue('');
+      this.field.focus();
+      this.onTriggerSearch();
+    }
+  } // eo function onTriggerClear
+  // }}}
+  // {{{
+  /**
+   * private Search Trigger click handler (executes the search, local or remote)
+   */
+  ,onTriggerSearch:function() {
+    if(!this.field.isValid()) {
+      return;
+    }
+    var val = this.field.getValue();
+    var store = this.grid.store;
+    // grid's store filter
+    if('local' === this.mode) {
+      store.clearFilter();
+      if(val) {
+        store.filterBy(function(r) {
+          var retval = false;
+          this.menu.items.each(function(item) {
+            if(!item.checked || retval) {
+              return;
+            }
+            var rv = r.get(item.dataIndex);
+            rv = rv instanceof Date ? rv.format(this.dateFormat || r.fields.get(item.dataIndex).dateFormat) : rv;
+            var re = new RegExp(val, 'gi');
+            retval = re.test(rv);
+          }, this);
+          if(retval) {
+            return true;
+          }
+          return retval;
+        }, this);
+      }
+      else {
+      }
+    }
+    // ask server to filter records
+    else {
+      // clear start (necessary if we have paging)
+      if(store.lastOptions && store.lastOptions.params) {
+        store.lastOptions.params[store.paramNames.start] = 0;
+      }
+      // get fields to search array
+      var fields = [];
+      this.menu.items.each(function(item) {
+        if(item.checked && item.dataIndex) {
+          fields.push(item.dataIndex);
+        }
+      });
+      // add fields and query to baseParams of store
+      delete(store.baseParams[this.paramNames.fields]);
+      delete(store.baseParams[this.paramNames.query]);
+      if (store.lastOptions && store.lastOptions.params) {
+        delete(store.lastOptions.params[this.paramNames.fields]);
+        delete(store.lastOptions.params[this.paramNames.query]);
+      }
+      if(fields.length) {
+        store.baseParams[this.paramNames.fields] = fields.compact().join();
+        store.baseParams[this.paramNames.query] = val;
+      }
+      // reload store
+      store.reload();
+    }
+  } // eo function onTriggerSearch
+  // }}}
+  // {{{
+  /**
+   * @param {Boolean} true to disable search (TwinTriggerField), false to enable
+   */
+  ,setDisabled:function() {
+    this.field.setDisabled.apply(this.field, arguments);
+  } // eo function setDisabled
+  // }}}
+  // {{{
+  /**
+   * Enable search (TwinTriggerField)
+   */
+  ,enable:function() {
+    this.setDisabled(false);
+  } // eo function enable
+  // }}}
+  // {{{
+  /**
+   * Enable search (TwinTriggerField)
+   */
+  ,disable:function() {
+    this.setDisabled(true);
+  } // eo function disable
+  // }}}
+  // {{{
+  /**
+   * private (re)configures the plugin, creates menu items from column model
+   */
+  ,reconfigure:function() {
+    // {{{
+    // remove old items
+    var menu = this.menu;
+    menu.removeAll();
+    // add Select All item plus separator
+    if(this.showSelectAll && 'radio' !== this.menuStyle) {
+      menu.add(new Ext.menu.CheckItem({
+         text:this.selectAllText
+        ,checked:!(this.checkIndexes instanceof Array)
+        ,hideOnClick:false
+        ,handler:function(item) {
+          var checked = ! item.checked;
+          item.parentMenu.items.each(function(i) {
+            if(item !== i && i.setChecked && !i.disabled) {
+              i.setChecked(checked);
+            }
+          });
+        }
+      }),'-');
+    }
+    // }}}
+    // {{{
+    // add new items
+    var cm = this.grid.colModel;
+    var group = undefined;
+    if('radio' === this.menuStyle) {
+      group = 'g' + (new Date).getTime();
+    }
+    Ext.each(cm.config, function(config) {
+      var disable = false;
+      if(config.header && config.dataIndex && config.sortable) {
+        Ext.each(this.disableIndexes, function(item) {
+          disable = disable ? disable : item === config.dataIndex;
+        });
+        if(!disable) {
+          menu.add(new Ext.menu.CheckItem({
+             text:config.header
+            ,hideOnClick:false
+            ,group:group
+            ,checked:'all' === this.checkIndexes
+            ,dataIndex:config.dataIndex
+          }));
+        }
+      }
+    }, this);
+    // }}}
+    // {{{
+    // check items
+    if(this.checkIndexes instanceof Array) {
+      Ext.each(this.checkIndexes, function(di) {
+        var item = menu.items.find(function(itm) {
+          return itm.dataIndex === di;
+        });
+        if(item) {
+          item.setChecked(true, true);
+        }
+      }, this);
+    }
+    // }}}
+    // {{{
+    // disable items
+    if(this.readonlyIndexes instanceof Array) {
+      Ext.each(this.readonlyIndexes, function(di) {
+        var item = menu.items.find(function(itm) {
+          return itm.dataIndex === di;
+        });
+        if(item) {
+          item.disable();
+        }
+      }, this);
+    }
+    // }}}
+  } // eo function reconfigure
+  // }}}
+}); // eo extend
+// eof