netzke-basepack-zh 0.7.6

data/LICENSE

@@ -0,0 +1 @@
+Copyright (c) 2008-2009 Sergei Kozlov, released under the MIT license

data/README.md

@@ -0,0 +1,94 @@
+# Netzke Basepack
+
+A pack of pre-built [Netzke](http://netzke.org) components - such as grid, form, tab panel, etc.
+
+## Requirements
+
+* Ruby 1.9.2
+* Rails ~> 3.1.0
+* Ext JS ~> 4.1.x
+
+## Installation
+
+In your Gemfile:
+
+    gem 'netzke-basepack'
+
+For the "edge" stuff, tell bundler to get the gem straight from GitHub:
+
+    gem 'netzke-basepack', :git => "git://github.com/skozlov/netzke-basepack.git"
+
+## Usage
+
+Embed a basepack component into a view as any other Netzke component, e.g.:
+
+  <%= netzke :books, :class_name => 'Netzke::Basepack::GridPanel', :model => 'Book' %>
+
+For more examples, see http://demo.netzke.com, and look into test/basepack_test_app.
+
+## Testing and playing with Netzke Basepack
+
+Netzke Basepack is bundled with Cucumber and RSpec tests. If you would like to contribute to the project, you may want to learn how to [run the tests](https://github.com/skozlov/netzke-core/wiki/Automated-testing).
+
+Besides, the bundled test application is a convenient [playground](https://github.com/skozlov/netzke-core/wiki/Playground) for those who search to experiment with the framework.
+
+After starting up the test app, you can see the list of functional test components on the index page (along with links to the source code):
+
+    http://localhost:3000/
+
+## Note on testing with DataMapper/Sequel Support
+To install the test app with DataMapper or Sequel, put ORM=dm or ORM=sq
+into your environment.
+For example to set-up DataMapper support run
+
+    # in test/basepack_test_app
+    ORM=dm bundle install
+
+To run the test app in DataMapper-Mode (will use DataMapper models instead of ActiveRecord models)
+
+    # in test/basepack_test_app
+    ORM=dm rails s
+
+To run the test suite
+
+    # in test/basepack_test_app
+    ORM=dm bundle exec rake
+
+etc.
+
+NOTE: netzke-basepack is not dependant on neither DataMapper nor Sequel.  It will pick the right DataAdapter for your models automatically.
+ActiveRecord is still included in Gemfile of the test app, as netzke-persistance is used which uses ActiveRecord.
+If you don't use netzke-persistence, then you don't need to include ActiveRecord.
+
+## DataMapper support
+DataMapper support is *incomplete*, as I didn't find a good way to sort by an association's column when the association needs a LEFT OUTER JOIN (i.e. nullable foreign key in many_to_one).
+
+## Sequel support
+
+CAVEATS:
+  - you can't use polymorphic associations for the time being, as the sequel_polymorphic plugin is not supported by netzke-basepack
+  - SearchPanel is broken atm. When it's fixed, Sequel support for
+    SearchPanel triggered queries should be implemented.
+
+## Icons support
+Netzke Basepack can make use of FamFamFam Silk icon set (http://www.famfamfam.com/archive/silk-icons-thats-your-lot/). To enable this, download the icons and put the "icons" folder into your app's public/images folder. Then restart your application.
+
+## Ext 3 support
+Versions 0.6.x are for you if you're using Ext 3 (*hardly maintained*)
+
+## Rails 2 support
+With Rails 2 (and Ext 3 only), use versions 0.5.x (*not maintained*)
+
+## More info
+Official project site: http://netzke.org
+
+Twitter:
+
+* latest news about Netzke: http://twitter.com/netzke
+* author's tweets on osx, productivity and what not:  http://twitter.com/nomadcoder
+
+Many (if a bit outdated) tutorials: http://blog.writelesscode.com
+
+---
+Copyright (c) 2008-2011 NomadCoder, released under the MIT license
+Note, that Ext JS itself is licensed [differently](http://www.sencha.com/products/extjs/license/)

data/Rakefile

@@ -0,0 +1,44 @@
+begin
+  require 'jeweler'
+  require './lib/netzke/basepack/version'
+  Jeweler::Tasks.new do |gemspec|
+    gemspec.version = Netzke::Basepack::Version::STRING
+    gemspec.name = "netzke-basepack"
+    gemspec.summary = "Pre-built Rails + ExtJS components for your RIA"
+    gemspec.description = "A set of full-featured extendible Netzke components (such as FormPanel, GridPanel, Window, BorderLayoutPanel, etc) which can be used as building block for your RIA"
+    gemspec.email = "nmcoder@gmail.com"
+    gemspec.homepage = "http://netzke.org"
+    gemspec.authors = ["Denis Gorin"]
+    gemspec.add_dependency("netzke-core",   "~>0.7.6")
+  end
+  Jeweler::GemcutterTasks.new
+rescue LoadError
+  puts "Jeweler (or a dependency) not available. Install it with: gem install jeweler"
+end
+
+require 'rake/testtask'
+Rake::TestTask.new(:test) do |test|
+  test.libs << 'lib' << 'test'
+  test.pattern = 'test/**/*_test.rb'
+  test.verbose = true
+end
+
+require 'rake/rdoctask'
+Rake::RDocTask.new do |rdoc|
+  require './lib/netzke/basepack/version'
+  version = Netzke::Basepack::Version::STRING
+
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title = "netzke-basepack #{version}"
+  # rdoc.main = "README.rdoc"
+  rdoc.rdoc_files.include('README*')
+  rdoc.rdoc_files.include('CHANGELOG*')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+namespace :rdoc do
+  desc "Publish rdocs"
+  task :publish => :rdoc do
+    `scp -r rdoc/* fl:www/api.netzke.org/basepack`
+  end
+end

data/TODO.rdoc

@@ -0,0 +1,8 @@
+== Priority
+* Commit persistence migrations in the test app
+* DataAccessor#to_array should not rescue exceptions, but rather check the availability of the attributes; `respond_to_with_basepack?` should be extended to also return true for association columns
+* GridPanel's read_only vs editable (doesn't work now) options
+* Find a way to print the grid nicely (along with the column and rows that don't fit on the screen)
+
+== Foolproof
+* Should not be possible to put the "ID" field on any place but first for grids (otherwise record ID is not correct)

data/config/ci/before-travis.sh

@@ -0,0 +1,28 @@
+# Start xvfb in preparation for cucumber
+sh -e /etc/init.d/xvfb start
+
+# fetch extjs
+wget http://extjs.cachefly.net/ext-4.0.2a-gpl.zip
+unzip -q -d test/basepack_test_app/public/ -n ext-4.0.2a-gpl.zip
+mv test/basepack_test_app/public/ext-4.0.2a test/basepack_test_app/public/extjs
+
+# cp db configuration
+cp test/basepack_test_app/config/database.yml.travis  test/basepack_test_app/config/database.yml
+
+# create mysql database
+mysql -e 'create database nbt_test;'
+
+# clone netzke-core and netzke-persistence gems into test project
+mkdir -p test/basepack_test_app/vendor/gems
+cd test/basepack_test_app/vendor/gems
+git clone git://github.com/skozlov/netzke-core.git
+cd netzke-core
+git checkout tags/v0.7.4
+cd ..
+git clone git://github.com/skozlov/netzke-persistence.git
+cd netzke-persistence
+git checkout tags/v0.1.0
+cd ../../..
+bundle install
+bundle exec rake db:migrate RAILS_ENV=test
+cd ../..

data/init.rb

@@ -0,0 +1 @@
+require 'netzke-basepack'

data/install.rb

@@ -0,0 +1 @@
+# Install hook code here

data/javascripts/basepack.js

@@ -0,0 +1,139 @@
+Ext.ns("Netzke.pre");
+Ext.ns("Netzke.pre.Basepack");
+Ext.ns("Ext.ux.grid");
+
+Ext.apply(Ext.History, new Ext.util.Observable());
+
+// A convenient passfield
+// Ext.netzke.PassField = Ext.extend(Ext.form.TextField, {
+//   inputType: 'password'
+// });
+// Ext.reg('passfield', Ext.netzke.PassField);
+
+// Ext.override(Ext.ux.form.DateTimeField, {
+//   format: "Y-m-d",
+//   timeFormat: "g:i:s",
+//   picker: {
+//     minIncremenet: 15
+//   }
+// });
+
+// ComboBox that gets options from the server (used in both grids and panels)
+Ext.define('Ext.netzke.ComboBox', {
+  extend        : 'Ext.form.field.ComboBox',
+  alias         : 'widget.netzkeremotecombo',
+  valueField    : 'field1',
+  displayField  : 'field2',
+  triggerAction : 'all',
+  // WIP: Breaking - should not be 'true' if combobox is not editable
+  // typeAhead     : true,
+
+  initComponent : function(){
+    var modelName = this.parentId + "_" + this.name;
+
+    Ext.define(modelName, {
+        extend: 'Ext.data.Model',
+        fields: ['field1', 'field2']
+    });
+
+    var store = new Ext.data.Store({
+      model: modelName,
+      proxy: {
+        type: 'direct',
+        directFn: Netzke.providers[this.parentId].getComboboxOptions,
+        reader: {
+          type: 'array',
+          root: 'data'
+        }
+      }
+    });
+
+    // TODO: find a cleaner way to pass this.name to the server
+    store.on('beforeload', function(self, params) {
+      params.params.column = this.name;
+    },this);
+
+    store.on('load', function(self, params) {
+      self.insert(0, Ext.create(modelName, {field1: 0, field2: this.emptyText}));
+    }, this);
+
+    // If inline data was passed (TODO: is this actually working?)
+    if (this.store) store.loadData({data: this.store});
+
+    this.store = store;
+
+    this.callParent();
+  },
+
+  collapse: function(){
+    // HACK: do not hide dropdown menu while loading items
+    if( !this.store.loading ) this.callParent();
+  }
+});
+
+Ext.util.Format.mask = function(v){
+  return "********";
+};
+
+// Ext.netzke.JsonField = Ext.extend(Ext.form.TextField, {
+//   validator: function(value) {
+//     try{
+//       var d = Ext.decode(value);
+//       return true;
+//     } catch(e) {
+//       return "Invalid JSON"
+//     }
+//   }
+//
+//   ,setValue: function(value) {
+//     this.setRawValue(Ext.encode(value));
+//   }
+//
+// });
+//
+// Ext.reg('jsonfield', Ext.netzke.JsonField);
+//
+// WIP: todo - rewrite Ext.lib calls below
+// Ext.grid.HeaderDropZone.prototype.onNodeDrop = function(n, dd, e, data){
+//     var h = data.header;
+//     if(h != n){
+//         var cm = this.grid.colModel;
+//         var x = Ext.lib.Event.getPageX(e);
+//         var r = Ext.lib.Dom.getRegion(n.firstChild);
+//         var pt = (r.right - x) <= ((r.right-r.left)/2) ? "after" : "before";
+//         var oldIndex = this.view.getCellIndex(h);
+//         var newIndex = this.view.getCellIndex(n);
+//         if(pt == "after"){
+//             newIndex++;
+//         }
+//         if(oldIndex < newIndex){
+//             newIndex--;
+//         }
+//         cm.moveColumn(oldIndex, newIndex);
+//         return true;
+//     }
+//     return false;
+// };
+//
+//
+// Ext.ns('Ext.ux.form');
+
+Ext.define('Ext.ux.form.TriCheckbox', {
+  extend: 'Ext.form.field.ComboBox',
+  alias: 'widget.tricheckbox',
+  store: [[true, "Yes"], [false, "No"]],
+  forceSelection: true
+});
+
+// Enabling checkbox submission when unchecked
+// TODO: it would be nice to standardize return values
+//  because currently checkboxes return "on", if checked,
+//  and boolean 'false' otherwise. It's not nice
+//  MAV
+//  TODO: maybe we should simply initialize 'uncheckedValue' somewhere else,
+//  instead
+Ext.override( Ext.form.field.Checkbox, {
+  getSubmitValue: function() {
+    return this.callOverridden() || false; // 'off';
+  }
+});

data/javascripts/xdatetime.js

@@ -0,0 +1,196 @@
+/**
+ * @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
+ */
+Ext.define('Ext.ux.form.field.DateTime', {
+    extend:'Ext.form.FieldContainer',
+    mixins:{
+        field:'Ext.form.field.Field'
+    },
+    alias: 'widget.xdatetime',
+
+    //configurables
+
+    combineErrors: true,
+    msgTarget: 'under',
+    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',
+    /**
+     * @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',
+//    /**
+//     * @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',
+    /**
+     * @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(){
+        var me = this
+            ,i = 0
+            ,key
+            ,tab;
+
+        me.items = me.items || [];
+
+        me.dateField = Ext.create('Ext.form.field.Date', Ext.apply({
+            format:me.dateFormat,
+            flex:1,
+            isFormField:false, //exclude from field query's
+            submitValue:false
+        }, me.dateConfig));
+        me.items.push(me.dateField);
+
+        me.timeField = Ext.create('Ext.form.field.Time', Ext.apply({
+            format:me.timeFormat,
+            flex:1,
+            isFormField:false, //exclude from field query's
+            submitValue:false
+        }, me.timeConfig));
+        me.items.push(me.timeField);
+
+        for (; i < me.items.length; i++) {
+            me.items[i].on('focus', Ext.bind(me.onItemFocus, me));
+            me.items[i].on('blur', Ext.bind(me.onItemBlur, me));
+            me.items[i].on('specialkey', function(field, event){
+                key = event.getKey();
+                tab = key == event.TAB;
+
+                if (tab && me.focussedItem == me.dateField) {
+                    event.stopEvent();
+                    me.timeField.focus();
+                    return;
+                }
+
+                me.fireEvent('specialkey', field, event);
+            });
+        }
+
+        me.callParent();
+
+        // this dummy is necessary because Ext.Editor will not check whether an inputEl is present or not
+        this.inputEl = {
+            dom: document.createElement('div'),
+            swallowEvent:function(){}
+        };
+
+        me.initField();
+    },
+
+    focus:function(){
+        this.callParent(arguments);
+        this.dateField.focus();
+    },
+
+    onItemFocus:function(item){
+        if (this.blurTask){
+            this.blurTask.cancel();
+        }
+        this.focussedItem = item;
+    },
+
+    onItemBlur:function(item, e){
+        var me = this;
+        if (item != me.focussedItem){ return; }
+        // 100ms to focus a new item that belongs to us, otherwise we will assume the user left the field
+        me.blurTask = new Ext.util.DelayedTask(function(){
+            me.fireEvent('blur', me, e);
+        });
+        me.blurTask.delay(100);
+    },
+
+    getValue: function(){
+        var value = null
+            ,date = this.dateField.getSubmitValue()
+            ,time = this.timeField.getSubmitValue()
+            ,format;
+
+        if (date){
+            if (time){
+                format = this.getFormat();
+                value = Ext.Date.parse(date + ' ' + time, format);
+            } else {
+                value = this.dateField.getValue();
+            }
+        }
+        return value;
+    },
+
+    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;
+    },
+
+    setValue: function(value){
+        if (Ext.isString(value)){
+            value = Ext.Date.parse(value, this.getFormat()); //this.dateTimeFormat
+        }
+        this.dateField.setValue(value);
+        this.timeField.setValue(value);
+    },
+
+    getFormat: function(){
+        return (this.dateField.submitFormat || this.dateField.format) + " " + (this.timeField.submitFormat || this.timeField.format);
+    },
+
+    // Bug? A field-mixin submits the data from getValue, not getSubmitValue
+    getSubmitData: function(){
+        var me = this
+            ,data = null;
+
+        if (!me.disabled && me.submitValue && !me.isFileUpload()) {
+            data = {};
+            data[me.getName()] = '' + me.getSubmitValue();
+        }
+        return data;
+    }
+});