netzke-basepack 0.7.7 → 0.8.0

data/test/basepack_test_app/app/components/border_layout_panel_with_persistence.rb

@@ -0,0 +1,12 @@
+class BorderLayoutPanelWithPersistence < Netzke::Basepack::BorderLayoutPanel
+  items [
+    {title: "Center", region: :center},
+    {title: "West", region: :west, width: 200, split: true, collapsible: true},
+    {title: "North", region: :north, height: 100, split: true, collapsible: true}
+  ]
+
+  def configure(c)
+    super
+    c.persistence = true
+  end
+end

data/test/basepack_test_app/app/components/double_book_grid.rb

@@ -1,18 +1,23 @@
 class DoubleBookGrid < Netzke::Base
-  js_property :layout, :border
+  js_configure do |c|
+    c.layout = :border
+  end
+
+  def configure(c)
+    super
+    c.items = [:first_grid, :second_grid]
+  end
+
+  component :first_grid do |c|
+    c.klass = Netzke::Basepack::Grid
+    c.region = :center
+    c.model = "Book"
+  end
 
-  def configuration
-    super.tap do |s|
-      s[:items] = [{
-        :region => :center,
-        :class_name => "Netzke::Basepack::GridPanel",
-        :model => "Book"
-      },{
-        :region => :south,
-        :height => 200,
-        :class_name => "Netzke::Basepack::GridPanel",
-        :model => "Book"
-      }]
-    end
+  component :second_grid do |c|
+    c.klass = Netzke::Basepack::Grid
+    c.region = :south
+    c.height = 200
+    c.model = "Book"
   end
 end

data/test/basepack_test_app/app/components/form_without_model.rb

@@ -1,21 +1,20 @@
-class FormWithoutModel < Netzke::Basepack::FormPanel
-  def configuration
-    super.merge(
-      # :file_upload => true, # incompatible
-      :items => [
-        :text_field,
-        {:name => :number_field, :attr_type => :integer},
-        {:name => :boolean_field, :attr_type => :boolean, :input_value => true},
-        {:name => :date_field, :attr_type => :date},
-        # {:name => :datetime_field, :attr_type => :datetime}, #incompatible: no xtype
-        {:name => :combobox_field, :xtype => :combo, :store => [[1, "One"], [2, "Two"], [3, "Three"]]},
-        {:name => :time_field, :attr_type => :time },
-      ]
-     )
+class FormWithoutModel < Netzke::Basepack::Form
+  def configure(c)
+    c.items = [
+      :text_field,
+      {:name => :number_field, :attr_type => :integer},
+      {:name => :boolean_field, :attr_type => :boolean, :input_value => true},
+      {:name => :date_field, :attr_type => :date},
+      # {:name => :datetime_field, :attr_type => :datetime}, #incompatible: no xtype
+      {:name => :combobox_field, :xtype => :combo, :store => [[1, "One"], [2, "Two"], [3, "Three"]]},
+      {:name => :time_field, :attr_type => :time },
+    ]
+
+    super
   end
 
-  def netzke_submit_endpoint(params)
+  endpoint :netzke_submit do |params, this|
     data = ActiveSupport::JSON.decode(params[:data])
-    {:netzke_feedback => data.each_pair.map{ |k,v| "#{k.humanize}: #{v}" }.join("<br/>")}
+    this.netzke_feedback data.each_pair.map{ |k,v| "#{k.humanize}: #{v}" }.join("<br/>")
   end
 end

data/test/basepack_test_app/app/components/grid_with_initial_sorting.rb

@@ -0,0 +1,7 @@
+class GridWithInitialSorting < Netzke::Basepack::Grid
+  def configure(c)
+    super
+    c.model = "Book"
+    c.data_store.sorters = {property: :title, direction: 'DESC'}
+  end
+end

data/test/basepack_test_app/app/components/grid_with_inline_data.rb

@@ -0,0 +1,7 @@
+class GridWithInlineData < Netzke::Basepack::Grid
+  def configure(c)
+    super
+    c.model = "Book"
+    c.load_inline_data = true
+  end
+end

data/test/basepack_test_app/app/components/paging_form_with_search.rb

@@ -12,7 +12,7 @@ class PagingFormWithSearch < Netzke::Basepack::BorderLayoutPanel
 
   component :paging_form_panel do
     {
-      :class_name => "Netzke::Basepack::PagingFormPanel",
+      :class_name => "Netzke::Basepack::PagingForm",
       :model => config[:model]
     }
   end
@@ -21,7 +21,7 @@ class PagingFormWithSearch < Netzke::Basepack::BorderLayoutPanel
     {
       :class_name => "Netzke::Basepack::SearchPanel",
       :model => config[:model],
-      :bbar => [:apply.action],
+      :bbar => [:apply],
       :preset_query => []
     }
   end

data/test/basepack_test_app/app/components/panel_with_persistent_regions.rb

@@ -0,0 +1,35 @@
+class PanelWithPersistentRegions < Netzke::Base
+  include Netzke::Basepack::ItemPersistence
+
+  js_configure do |c|
+    c.layout = :border
+  end
+
+  component :west do |c|
+    c.klass = Netzke::Core::Panel
+    c.width = 100
+    c.collapsible = true
+    c.region = :west
+    c.split = true
+  end
+
+  component :south do |c|
+    c.klass = Netzke::Core::Panel
+    c.height = 100
+    c.collapsible = true
+    c.region = :south
+    c.split = true
+  end
+
+  def configure(c)
+    super
+    c.items = [
+      :west,
+      :south,
+      {region: :center, title: "An Ext panel"},
+
+      # not that for a regular region (which is not a Netzke component), item_id has to be set to enable this region's persistence
+      {region: :east, width: 200, split: true, title: "Another Ext panel", item_id: :east}
+    ]
+  end
+end

data/test/basepack_test_app/app/components/query_builder.rb

@@ -0,0 +1,7 @@
+class QueryBuilder < Netzke::Basepack::GridLib::QueryBuilder
+  def configure(c)
+    super
+    c.model = "Book"
+    c.fields = [{name: :title, field_label: "Title"}, {name: :author__name, field_label: "Author"}, {name: :digitized, field_label: "Digitized"}]
+  end
+end

data/test/basepack_test_app/app/components/simple_panel.rb

@@ -1,17 +1,22 @@
-class SimplePanel < Netzke::Basepack::Panel
+class SimplePanel < Netzke::Base
   action :update_html
 
-  js_properties :title  => "SimplePanel",
-                :html => "Original HTML",
-                :bbar => [:update_html.action]
+  js_configure do |c|
+    c.title = "SimplePanel"
+    c.html = "Original HTML"
+    c.on_update_html = <<-JS
+      function(){
+        this.updateHtmlFromServer();
+      }
+    JS
+  end
 
-  endpoint :update_html_from_server do |params|
-    {:update_body_html => config[:update_text] || "HTML received from server"}
+  def configure(c)
+    super
+    c.bbar = [:update_html]
   end
 
-  js_method :on_update_html, <<-JS
-    function(){
-      this.updateHtmlFromServer();
-    }
-  JS
+  endpoint :update_html_from_server do |params, this|
+    this[:update] = [config[:update_text] || "HTML received from server"]
+  end
 end

data/test/basepack_test_app/app/components/simple_window.rb

@@ -1,10 +1,11 @@
 class SimpleWindow < Netzke::Basepack::Window
-  js_properties :title => "My simple window"
+  js_configure do |c|
+    c.title = "My simple window"
+  end
 
-  def default_config
-    {
-      :width => 400,
-      :height => 300
-    }
+  def configure(c)
+    super
+    c.width = 400
+    c.height = 300
   end
 end

data/test/basepack_test_app/app/components/some_accordion.rb

@@ -0,0 +1,18 @@
+class SomeAccordion < Netzke::Basepack::Accordion
+  # This component will be dynamically loaded on expanding the second accordion pane
+  component :simple_panel do |c|
+    c.update_text = "Update for Panel Two"
+    c.title = "Panel Two"
+    c.border = false
+    c.header = false
+  end
+
+  def configure(c)
+    c.title = "Some Accordion"
+    c.items = [
+      { :html => "I'm a simple Ext.Panel", :title => "Panel One" },
+      :simple_panel
+    ]
+    super
+  end
+end

data/test/basepack_test_app/app/components/some_auth_app.rb

@@ -1,11 +1,11 @@
 class SomeAuthApp < Netzke::Basepack::AuthApp
   def menu
-    [:simple_accordion.action, :user_grid.action, :simple_tab_panel.action] + super
+    [:simple_accordion, :user_grid, :simple_tab_panel] + super
   end
 
-  action :simple_accordion, :icon => :application_tile_vertical, :handler => :load_netzke_component_by_action
-  action :user_grid, :icon => :table, :handler => :load_netzke_component_by_action
-  action :simple_tab_panel, :icon => :table_multiple, :handler => :load_netzke_component_by_action
+  action :simple_accordion, :icon => :application_tile_vertical, :handler => :netzke_load_component_by_action
+  action :user_grid, :icon => :table, :handler => :netzke_load_component_by_action
+  action :simple_tab_panel, :icon => :table_multiple, :handler => :netzke_load_component_by_action
 
   component :user_grid
   component :simple_accordion
@@ -29,4 +29,4 @@ class SomeAuthApp < Netzke::Basepack::AuthApp
       :items => orig[:items]
     }])
   end
-end
+end

data/test/basepack_test_app/app/components/some_border_layout.rb

@@ -1,28 +1,28 @@
 class SomeBorderLayout < Netzke::Basepack::BorderLayoutPanel
-  def configuration
-    super.merge(
-      :items => [
-        {:title => "Who", :class_name => "Basepack::GridPanel", :region => :center, :model => "User", :name => :user_grid},
-        {:title => "Item Two", :class_name => "Basepack::GridPanel", :region => :west, :width => 500, :split => true, :collapsible => true, :model => "Role", :name => :role_grid}
-      ]
-    )
+  js_configure do |c|
+    c.on_update_west_region = <<-JS
+      function(){
+        this.child('component[name="user_grid"]').body.update('Updated West Region Content');
+      }
+    JS
+
+    c.on_update_center_region = <<-JS
+      function(){
+        this.child('component[name="role_grid"]').body.update('Updated Center Region Content');
+      }
+    JS
   end
 
-  js_property :bbar, [:update_center_region.action, :update_west_region.action]
+  def configure(c)
+    super
+    c.items = [
+      {:title => "Who", :class_name => "Netzke::Basepack::Grid", :region => :center, :model => "User", :name => :user_grid},
+      {:title => "Item Two", :class_name => "Netzke::Basepack::Grid", :region => :west, :width => 500, :split => true, :collapsible => true, :model => "Role", :name => :role_grid}
+    ]
+    c.bbar = [:update_center_region, :update_west_region]
+  end
 
   action :update_center_region
   action :update_west_region
 
-  js_method :on_update_west_region, <<-JS
-    function(){
-      this.child('component[name="user_grid"]').body.update('Updated West Region Content');
-    }
-  JS
-
-  js_method :on_update_center_region, <<-JS
-    function(){
-      this.child('component[name="role_grid"]').body.update('Updated Center Region Content');
-    }
-  JS
-
 end

data/test/basepack_test_app/app/components/some_search_panel.rb

@@ -0,0 +1,6 @@
+class SomeSearchPanel < Netzke::Basepack::SearchPanel
+  def configure(c)
+    c.model = "Book"
+    c.fields = [{name: "title", field_label: "Title"}]
+  end
+end

data/test/basepack_test_app/app/components/some_simple_app.rb

@@ -1,35 +1,49 @@
 class SomeSimpleApp < Netzke::Basepack::SimpleApp
   def menu
-    [:simple_accordion.action, :user_grid.action, :simple_tab_panel.action] + super
+    [:load_simple_accordion, :load_book_grid, :load_simple_tab_panel] + super
   end
 
-  action :simple_accordion, :icon => :application_tile_vertical, :handler => :load_netzke_component_by_action
-  action :user_grid, :icon => :table, :handler => :load_netzke_component_by_action
-  action :simple_tab_panel, :icon => :table_multiple, :handler => :load_netzke_component_by_action
+  action :load_simple_accordion do |a|
+    a.icon = :application_tile_vertical
+    a.handler = :netzke_load_component_by_action
+    a.component = :some_accordion
+    a.text = "Some accordion"
+  end
+
+  action :load_book_grid do |a|
+    a.icon = :table
+    a.handler = :netzke_load_component_by_action
+    a.component = :book_grid
+    a.text = "Book grid"
+  end
 
-  component :user_grid
-  component :simple_accordion
-  component :simple_tab_panel, :active_tab => 0
+  action :load_simple_tab_panel do |a|
+    a.icon = :table_multiple
+    a.handler = :netzke_load_component_by_action
+    a.component = :some_tab_panel
+    a.text = "Some tab panel"
+  end
 
-  js_property :border, false
+  component :book_grid
+  component :some_accordion
+  component :some_tab_panel
 
   # Wrapping up original layout into a border-layout with the north panel being a fancy header
-  def configuration
-    orig = super
-    orig.merge(:items => [{
+  def configure(c)
+    super
+    c.border = false
+    c.items = [{
       :region => :north,
       :height => 35,
       :html => %Q{
         <div style="margin:10px; color:#333; text-align:center; font-family: Helvetica;">
           Simple <span style="color:#B32D15">Netzke</span> app
         </div>
-      }
-      # TODO: this has no effect anymore:
-      # :bodyStyle => {:background => "#AAA url(\"/images/header-deco.gif\") top left repeat-x"}
+      },
     },{
       :region => :center,
       :layout => 'border',
-      :items => orig[:items]
-    }])
+      :items => config.items
+    }]
   end
 end

data/test/basepack_test_app/app/components/some_tab_panel.rb

@@ -1,20 +1,23 @@
 class SomeTabPanel < Netzke::Basepack::TabPanel
-  def configuration
-    super.merge(
-      :active_tab => 0,
-      :items => [:tab_one.component,:tab_two.component]
-    )
-  end
+  # This component will be dynamically loaded on expanding the second accordion pane
+  component :simple_panel do |c|
+    c.update_text = "Update for Panel Two"
+    c.title = "Panel Two"
+    c.prevent_header = true
+    c.border = false
 
-  component :tab_one, {
-    :title => "First Tab",
-    :class_name => "Basepack::Panel"
-  }
+    # optionally, you can force a certain component to be eagerly loaded:
+    # c.eager_loading = true
+  end
 
-  component :tab_two, {
-    :title => "Second Tab",
-    :class_name => "Basepack::Panel",
-    :lazy_loading => true # Dynamically loaded when the tab gets open
-  }
+  def configure(c)
+    c.title = "Some Tab Panel"
+    c.active_tab = 0
 
+    c.items = [
+      { :html => "I'm a simple Ext.Panel", :title => "Panel One" },
+      :simple_panel
+    ]
+    super
+  end
 end

data/test/basepack_test_app/app/components/user_form.rb

@@ -1,21 +1,23 @@
-class UserForm < Netzke::Basepack::FormPanel
-  title User.model_name.human
+class UserForm < Netzke::Basepack::Form
+  def configure(c)
+    c.record = User.first
 
-  model "User"
+    super
 
-  record_id User.first.try(:id)
-
-  items [
-    {:xtype => 'fieldset', :title => "Basic Info", :checkboxToggle => true, :items => [
-      :first_name,
-      {:name => :last_name}
-    ]},
-    {:xtype => 'fieldset', :title => "Timestamps", :items => [
-      {:name => :created_at, :disabled => true},
-      {:name => :updated_at, :disabled => true}
-    ]},
-    { name: :role__name, empty_text: "Select a role" }
-  ]
+    c.model = "User"
+    c.title = User.model_name.human
+    c.items = [
+      {:xtype => 'fieldset', :title => "Basic Info", :checkboxToggle => true, :items => [
+        :first_name,
+        {:name => :last_name}
+      ]},
+      {:xtype => 'fieldset', :title => "Timestamps", :items => [
+        {:name => :created_at, :disabled => true},
+        {:name => :updated_at, :disabled => true}
+      ]},
+      { name: :role__name, empty_text: "Select a role" }
+    ]
+  end
 
   # Uncomment for visual mask testing
   # def netzke_submit_endpoint(params)