extjsml 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 3b82f07f5506bdc027fac874eb16541450f4add0
+  data.tar.gz: edc2296c760b7a279afb938d96095b196b011b77
+SHA512:
+  metadata.gz: d27fe6e45284898f507d7d9f19937d9bf524c6b52fd7df6d1a015ca470791179fb242a987f81db8e5dfe856c4c0662bf176c26d11cabc4b8d0b051e2092fe333
+  data.tar.gz: 99d606556da0c2d0ea51a69fd28afe1a5acebe86e0e843123a64067e86bac18ba7dd088166397df415f288d62bb51b23e0db0c67d34909866cac5a58f3c4547f

data/bin/extjsmlc

@@ -0,0 +1,70 @@
+#!/usr/bin/env ruby
+
+require 'extjsml/generator'
+
+def options_error
+  puts "extjsmlc: no input file ..."
+end
+
+commands = ARGV
+f = ARGV[0]
+with_requirejs = commands.any?{ |a| a == "-with-requirejs" }
+gen_config = {}
+jsclass = commands.grep(/\-\-class/)
+
+if jsclass.count == 1
+  jsclass = jsclass.first.match(/\-\-class=(.*)/)[1]
+else
+  jsclass = nil
+end
+
+noid = commands.grep(/\-\-noid/).count > 0
+
+if noid 
+  gen_config.merge! :noid => true
+end
+
+if with_requirejs
+  gen_config.merge! :with_requirejs => true
+end
+
+if f.nil?
+  options_error
+  exit(1)
+end
+
+if f == "."
+  # "gen all yaml in dir"
+  files = Dir.open(".").grep(/yaml$/)
+else
+  files = [f] 
+end
+
+# loop generate by given files
+files.each do |file|
+  dirname = File.dirname(File.absolute_path(file))
+  gen_config.merge!( :filedir => dirname )
+
+  js_class = file.split("/").last[0..-6] # strip .yaml
+  yaml_str = File.open(file,'rb')
+
+  js_class = jsclass unless jsclass.nil?
+  js_class = js_class.capitalize
+
+  contents = compile_jext(yaml_str, js_class, gen_config)
+
+  # create js ui file
+  File.open("#{dirname}/#{js_class}.ui.js","w") do |f|
+    f.write(contents[:ui_class_content])
+  end
+  puts "#{js_class}.ui.js created"
+
+  # gen js event script
+  unless File.exist?("#{dirname}/#{js_class}.js")
+    File.open("#{js_class}.js","w") do |f|
+      f.write(contents[:event_class_content])
+    end
+    puts "#{js_class}.js created"
+  end
+
+end

data/lib/extclasses/actioncolumn.rb

@@ -0,0 +1,11 @@
+class ExtActioncolumn < ExtNode
+  include Magic::Column
+  @@ALIAS_CONFIG = {
+    :text => :header
+  }
+  def initialize(config, parent)
+    @default_config = {}
+
+    super "actioncolumn", config, parent
+  end
+end

data/lib/extclasses/booleancolumn.rb

@@ -0,0 +1,34 @@
+class ExtBooleancolumn < ExtNode
+  include Magic::Column
+  @@ALIAS_CONFIG = {
+    :text => :header,
+    :name => :dataIndex
+  }
+  
+  def initialize(config, parent)
+    @default_config = {
+      trueText: "yes",
+      falseText: "no",
+      align: "center",
+      width: 45
+    }
+
+    if parent.xtype ==  "editorgrid"
+      super "checkcolumn", config, parent
+    else
+      super "booleancolumn", config, parent
+    end
+  end
+
+  def to_extjs(at_deep = 0)
+    if parent.xtype ==  "editorgrid"
+      self.xtype = "checkcolumn" 
+    else
+      self.xtype = "booleancolumn" 
+    end
+    # if self.child_of? "editorgrid"
+    #   @config.merge! :editor => { :xtype => "checkbox", :boxLabel => "Check" }
+    # end
+    super at_deep 
+  end
+end

data/lib/extclasses/button.rb

@@ -0,0 +1,11 @@
+class ExtButton < ExtNode
+  include Magic::Text
+  include Magic::IconClass
+  def initialize(config, parent)
+    @default_config = {
+      text: "Ext Button",
+    }
+    super("button", config, parent) 
+  end
+end
+

data/lib/extclasses/checkbox.rb

@@ -0,0 +1,30 @@
+class ExtCheckbox < ExtNode
+  include FormField
+
+  @@ALIAS_CONFIG = {
+    :text => :boxLabel,
+    :ltext => :fieldLabel,
+    :rtext => :boxLabel,
+    :default => :checked
+  }
+
+  def initialize(config, parent)
+    @default_config = {
+      :fieldLabel => "<b></b>",
+      :labelAlign => "right",
+      :boxLabelAlign => "after",
+      :hideLabel => false,
+      :cls => "checkbox"
+    }
+
+    super "checkboxfield", config, parent 
+  end
+
+  def to_extjs(at_dept = 0)
+    if self.find_parent("checkboxgroup")
+      @config.merge! :hideLabel => true
+    end 
+
+    super at_dept
+  end
+end

data/lib/extclasses/checkboxgroup.rb

@@ -0,0 +1,14 @@
+class ExtCheckboxgroup < ExtNode
+  include FormField
+  @@ALIAS_CONFIG = {
+    :text => :fieldLabel
+  }
+  
+  def initialize(config, parent)
+    @default_config = {
+      labelAlign: "right"
+    }
+
+    super "checkboxgroup", config, parent 
+  end
+end

data/lib/extclasses/checkcolumn.rb

@@ -0,0 +1,16 @@
+class ExtCheckcolumn < ExtNode
+  include Magic::Column
+  
+  @@ALIAS_CONFIG = {
+    :text => :header,
+    :name => :dataIndex
+  }
+  
+  def initialize(config, parent)
+    @default_config = {
+      :align => "right", 
+      :sortable => true
+    }
+    super "checkcolumn", config, parent
+  end
+end

data/lib/extclasses/combo.rb

@@ -0,0 +1,56 @@
+class ExtCombo < ExtNode
+  include FormField
+  include Magic::Store
+  include Magic::EmptyText
+
+  # TODO
+  @@XTYPE = "combo"
+
+  @@ALIAS_CONFIG = {
+    :text => :fieldLabel,
+    :display => :displayField,
+    :value => :valueField,
+    :min => :minChars,
+    :default => :value
+  }
+
+  # TODO
+  @@DEFAULT_CONFIG = {
+  
+  }
+
+  def initialize(config, parent)
+    # TODO dummy store
+    @default_config = {
+      listConfig: {},
+      labelAlign: "right",
+      store: [],
+      minChars: 2,
+      valueField: "key",
+      displayField: "pair",
+      cls: "combo",
+      lazyInit: false,
+      mode: "local",
+      # editable: false,
+      triggerAction: "all",
+      loadingText: "Loading ..."
+    }
+
+    # listConfig flatten
+    [ :listWidth, :listMinWidth, 
+      :listMaxWidth, :listResizable, 
+      :listShadow, :listMaxHeight, 
+      :listCls, :listEmpty, 
+      :listLoadingText ].each do |k|
+
+        if config[k]
+          list_config_key = k.to_s.gsub(/list/, '')
+          list_config_key = list_config_key[0].downcase + list_config_key[1..-1]
+          @default_config[:listConfig][list_config_key] = config[k]
+          config.delete k
+        end
+      end
+
+    super "combo", config, parent 
+  end
+end

data/lib/extclasses/compositefield.rb

@@ -0,0 +1,11 @@
+# deprecate
+class ExtCompositefield < ExtNode
+  include FormField
+  @@ALIAS_CONFIG = {
+    :text => :fieldLabel
+  }
+  def initialize(config, parent)
+    @default_config = { }
+    super "compositefield", config, parent
+  end
+end

data/lib/extclasses/container.rb

@@ -0,0 +1,12 @@
+class ExtContainer < ExtNode
+	def initialize(config, parent)
+    @default_config = {
+      layout: 'auto',
+      # labelWidth: 100,
+      # autoHeight: true,
+      autoWidth: true
+    }
+
+		super("container", config, parent)	
+	end
+end

data/lib/extclasses/datecolumn.rb

@@ -0,0 +1,21 @@
+class ExtDatecolumn < ExtNode
+  include Magic::Column
+  @@ALIAS_CONFIG = {
+    :text => :header,
+    :name => :dataIndex
+  }
+  def initialize(config, parent)
+    @default_config = {
+      format: "d/m/Y" 
+    }
+
+    super "datecolumn", config, parent
+  end
+
+  def to_extjs(at_deep = 0)
+    if self.child_of? "editorgrid"
+      @config.merge! :editor => { :xtype => "datefield", format: "d/m/Y" }
+    end
+    super at_deep 
+  end
+end

data/lib/extclasses/datefield.rb

@@ -0,0 +1,16 @@
+class ExtDatefield < ExtNode
+  include FormField
+
+  @@ALIAS_CONFIG = {
+    :text => :fieldLabel
+  }
+
+  def initialize(config, parent)
+    @default_config = {
+      labelAlign: "right", 
+      format: "d/m/Y", 
+      cls: "date"
+    }
+    super "datefield", config, parent 
+  end
+end

data/lib/extclasses/editorgrid.rb

@@ -0,0 +1,97 @@
+class ExtEditorgrid < ExtNode
+  include Magic::Store
+  include Magic::Title
+
+  @@ALIAS_CONFIG = {
+    :text => :title
+  }
+
+	def initialize(config, parent)
+    @default_config = {
+      title: 'My Grid',
+      frame: true,
+      width: "auto",
+      height: 200,
+      clicksToEdit: 2,
+      # enableHdMenu: false,
+      enableColumnMove: false,
+      columnLines: true,
+      # TODO dummy store
+      store: [],
+      # style: "{ height: 100%; }",
+      viewConfig: {
+        forceFit: true 
+      },
+      columns: [
+        {
+          xtype: 'gridcolumn',
+          dataIndex: 'string',
+          header: 'String',
+          sortable: true,
+          width: 100,
+          editor: {
+            xtype: 'textfield'
+          }
+        },
+        {
+          xtype: 'numbercolumn',
+          align: 'right',
+          dataIndex: 'number',
+          header: 'Number',
+          sortable: true,
+          width: 100,
+          editor: {
+            xtype: 'numberfield'
+          }
+        },
+        {
+          xtype: 'datecolumn',
+          dataIndex: 'date',
+          header: 'Date',
+          sortable: true,
+          width: 100,
+          editor: {
+            xtype: 'datefield'
+          }
+        },
+        {
+          xtype: 'booleancolumn',
+          dataIndex: 'bool',
+          header: 'Boolean',
+          sortable: true,
+          width: 100,
+          editor: {
+          xtype: 'checkbox',
+            boxLabel: 'BoxLabel'
+          }
+        }
+      ]
+    }
+
+		super("editorgrid", config, parent)	
+	end
+
+  def to_extjs(at_deep = 0)
+    # grid use child to another purpose, paging and toolbar columns
+    
+    # columns
+    cols = []
+    self.childs.each do |c|
+      cols << c.to_extjs(at_deep) unless c.xtype.match(/column$/).nil?
+    end
+    @config.merge! :columns => cols unless cols.nil?
+    
+    toolbar = self.find("toolbar")
+    @config.merge! :tbar => toolbar.to_extjs(at_deep + 1) if toolbar
+
+    paging = self.find("paging")
+    if paging
+      paging.override_config :store => @config[:store]
+      @config.merge! :bbar => paging.to_extjs(at_deep + 1)
+    end
+
+    # grid not allow to have items
+    self.childs = []
+    super(at_deep)
+  end
+end

data/lib/extclasses/fieldcontainer.rb

@@ -0,0 +1,23 @@
+class ExtFieldcontainer < ExtNode
+  include FormField
+
+	def initialize(config, parent)
+    @default_config = {
+      layout: 'hbox',
+      defaultType: 'textfield',
+      labelAlign: 'right'
+    }
+
+		super("fieldcontainer", config, parent)	
+	end
+
+  def to_extjs(at_deep = 0)
+
+    # remove all childs' label
+    @childs.each do |c|
+      c.remove_config :fieldLabel
+    end
+
+    super at_deep
+  end
+end