netzke-core 0.7.7 → 0.8.0

data/test/core_test_app/app/components/component_with_prebuilt_toolbar_control.rb

@@ -0,0 +1,12 @@
+class ComponentWithPrebuiltToolbarControl < Netzke::Base
+  js_configure do |c|
+    c.mixin
+  end
+
+  action :some_action
+
+  def configure(c)
+    super
+    c.bbar = [ :some_action, "Date:", :prebuilt_control ]
+  end
+end

data/test/core_test_app/app/components/component_with_prebuilt_toolbar_control/javascripts/component_with_prebuilt_toolbar_control.js

@@ -0,0 +1,12 @@
+{
+  prebuiltControlConfig: function(config){
+    return {
+      xtype: 'datefield',
+      listeners: {
+        select: function(){
+          this.netzkeParent.body.update('Hi');
+        }
+      }
+    }
+  }
+}

data/test/core_test_app/app/components/component_with_required_js.rb

@@ -0,0 +1,24 @@
+class ComponentWithRequiredJs < Netzke::Base
+  class_attribute :title
+  self.title = "My title"
+
+  js_configure do |c|
+    c.require "#{File.dirname(__FILE__)}/included.js"
+    c.extend = "Netzke.ComponentWithRequiredJs" # defined in required file
+    c.on_print_message = <<-JS
+      function(){
+        this.updateBodyWithMessage("Some message " + "shown in the body");
+      }
+    JS
+
+    c.active_tab = 0
+    c.title = title
+  end
+
+  action :print_message
+
+  def configure(c)
+    super
+    c.bbar = [:print_message]
+  end
+end

data/test/core_test_app/app/components/configurable_on_class_level.rb

@@ -0,0 +1,8 @@
+class ConfigurableOnClassLevel < Netzke::Base
+  class_attribute :title
+  self.title = "Default"
+
+  js_configure do |c|
+    c.title = self.title
+  end
+end

data/test/core_test_app/app/components/dsl_delegated_properties.rb

@@ -0,0 +1,4 @@
+class DslDelegatedProperties < DslDelegatedPropertiesBase
+  title "Title set via DSL"
+  html "HTML set via DSL"
+end

data/test/core_test_app/app/components/dsl_delegated_properties_base.rb

@@ -0,0 +1,5 @@
+class DslDelegatedPropertiesBase < Netzke::Base
+  include Netzke::Core::ConfigToDslDelegator
+
+  delegates_to_dsl :title, :html
+end

data/test/core_test_app/app/components/dynamic_tab_panel/javascripts/dynamic_tab_panel.js

@@ -1,9 +1,9 @@
 {
   activeTab: 0,
   onAddTab: function() {
-    this.loadNetzkeComponent({name: 'tab_two', callback: function(cmp) {
+    this.netzkeLoadComponent({name: 'tab_two', callback: function(cmp) {
       this.add(cmp);
       this.setActiveTab(cmp);
     }});
   }
-}
+}

data/test/core_test_app/app/components/ext_direct/composite.rb

@@ -1,48 +1,47 @@
 module ExtDirect
   class Composite < Netzke::Base
-    js_property :layout, :border
-    js_property :border, true
+    js_configure do |c|
+      c.layout = :border
+      c.border = true
+      c.init_component = <<-JS
+        function(){
+          this.callParent();
+
+          this.netzkeGetComponent('selector').on('userupdate', function(user){
+            this.setUser(user);
+            this.netzkeGetComponent('details').update();
+            this.netzkeGetComponent('statistics').update();
+          }, this);
+        }
+      JS
+    end
 
-    component :selector, :class_name => "ExtDirect::Selector" # a form that will allow us to select a user
+    component :selector do |c|
+      c.klass = ExtDirect::Selector # a form that will allow us to select a user
+    end
 
-    component :details do
-      {
-        :class_name => "ExtDirect::Details", # a panel that will display details for the user
-        :user => component_session[:user]
-      }
+    component :details do |c|
+      c.klass = ExtDirect::Details # a panel that will display details for the user
+      c.user = component_session[:user]
     end
 
-    component :statistics do
-      {
-        :class_name => "ExtDirect::Statistics", # a panel that will display details for the user
-        :user => component_session[:user]
-      }
+    component :statistics do |c|
+      c.klass = ExtDirect::Statistics # a panel that will display statistics for the user
+      c.user = component_session[:user]
     end
 
-    def configuration
-      super.merge({
-        :items => [:selector.component(:region => :north, :height => 100),
-          :details.component(:region => :center),
-          :statistics.component(:region => :east, :width => 300, :split => true)
-        ]
-      })
+    def configure(c)
+      super
+      c.items = [
+        {:region => :north, :height => 100, component: :selector},
+        {:region => :center, component: :details},
+        {:region => :east, :width => 300, :split => true, component: :statistics}
+      ]
     end
 
-    endpoint :set_user do |params|
+    endpoint :set_user do |params, this|
       component_session[:user] = params
     end
 
-    js_method :init_component, <<-JS
-      function(){
-        Netzke.classes.ExtDirect.Composite.superclass.initComponent.call(this);
-
-        this.getChildComponent('selector').on('userupdate', function(user){
-          this.setUser(user);
-          this.getChildComponent('details').update();
-          this.getChildComponent('statistics').update();
-        }, this);
-      }
-    JS
-
   end
 end

data/test/core_test_app/app/components/ext_direct/details.rb

@@ -1,9 +1,7 @@
 module ExtDirect
   class Details < Netzke::Base
-    js_property :padding, 5
-
-    endpoint :update do |params|
-      {:set_title => title}
+    endpoint :update do |params, this|
+      this.set_title title
     end
 
     def title

data/test/core_test_app/app/components/ext_direct/selector.rb

@@ -1,31 +1,29 @@
 module ExtDirect
   class Selector < Netzke::Base
-    js_base_class "Ext.FormPanel"
+    js_configure do |c|
+      c.extend = "Ext.FormPanel"
+      c.body_padding = 5
 
-    js_property :padding, 5
+      c.init_component = <<-JS
+        function(){
+          this.callParent();
+          this.addEvents('userupdate');
+        }
+      JS
 
-    action :update
-
-    def configuration
-      super.merge({
-        :items => [{:name => "user", :field_label => "User", :xtype => :textfield}],
-        :bbar => [:update.action]
-      })
+      c.on_update = <<-JS
+        function(){
+          this.fireEvent('userupdate', this.getForm().findField('user').getValue());
+        }
+      JS
     end
 
-    js_method :init_component, <<-JS
-      function(){
-        Netzke.classes.ExtDirect.Selector.superclass.initComponent.call(this);
-        this.addEvents('userupdate');
-      }
-    JS
-
-
-    js_method :on_update, <<-JS
-      function(){
-        this.fireEvent('userupdate', this.getForm().findField('user').getValue());
-      }
-    JS
+    action :update
 
+    def configure(c)
+      super
+      c.items = [{:name => "user", :field_label => "User", :xtype => :textfield}]
+      c.bbar = [:update]
+    end
   end
 end

data/test/core_test_app/app/components/ext_direct/statistics.rb

@@ -1,9 +1,7 @@
 module ExtDirect
   class Statistics < Netzke::Base
-    js_property :padding, 5
-
-    endpoint :update do |params|
-      {:set_title => title}
+    endpoint :update do |params, this|
+      this.set_title title
     end
 
     def title

data/test/core_test_app/app/components/extended_component_with_actions.rb

@@ -1,5 +1,9 @@
 class ExtendedComponentWithActions < ComponentWithActions
-  js_property :bbar, [:another_action.action]
+  js_property :bbar, [:another_action]
 
-  action :some_action, :icon => :tick
-end
+  # Override actions like this
+  def some_action_action(a)
+    super
+    a.icon = :tick
+  end
+end

data/test/core_test_app/app/components/extended_component_with_js_mixin.rb

@@ -1,7 +1,10 @@
 class ExtendedComponentWithJsMixin < ComponentWithJsMixin
-  js_mixin :some_method_set
-  action :action_three
+  js_configure do |c|
+    c.mixin :some_method_set
+  end
 
-  js_property :title, "ExtendedComponentWithJsMixin"
-  js_property :bbar, superclass.js_properties[:bbar] + [:action_three.action]
+  def configure(c)
+    super
+    c.title = "ExtendedComponentWithJsMixin"
+  end
 end

data/test/core_test_app/app/components/extended_component_with_js_mixin/javascripts/some_method_set.js

@@ -1,5 +1,5 @@
 {
   onActionThree: function() {
-    this.setTitle("Action " + "Three triggered!");
+    this.setTitle("Modified action " + "Three triggered!");
   }
 }

data/test/core_test_app/app/components/extended_server_caller.rb

@@ -1,19 +1,25 @@
 class ExtendedServerCaller < ServerCaller
-  title "Extended Server Caller"
+  def configure(c)
+    super
+    c.title = "Extended Server Caller"
+  end
 
-  js_method :on_bug_server, <<-JS
-    function(){
-      this.callParent();
-      var bottomBar = this.getDockedItems()[1] || this.getDockedItems()[0]; // Hacky-hacky... better way to surely get the bottom bar?
-      bottomBar.add({text: "Added" + " by extended Server Caller"});
-    }
-  JS
 
-  # Overriding the :whats_up endpoint from ServerCaller
-  def whats_up_endpoint(params)
-    super.tap do |s|
-      s[:set_title] = s[:set_title] + ", shiny weather"
-    end
+
+  js_configure do |c|
+    c.on_bug_server = <<-JS
+      function(){
+        this.callParent();
+        var bottomBar = this.getDockedItems()[1] || this.getDockedItems()[0]; // Hacky-hacky... better way to surely get the bottom bar?
+        bottomBar.add({text: "Added" + " by extended Server Caller"});
+      }
+    JS
   end
 
-end
+  # Overriding the :whats_up endpoint from ServerCaller
+  endpoint :whats_up do |params, this|
+    super(params, this)
+
+    this.set_title(this.set_title[0] + ", shiny weather")
+  end
+end

data/test/core_test_app/app/components/hello_world.rb

@@ -0,0 +1,23 @@
+class HelloWorld < Netzke::Base
+  # Configure clint class
+  js_configure do |c|
+    c.title = "Hello World component"
+    c.mixin # mix in methods from hello_world/javascripts/hello_world.js
+  end
+
+  # Actions are used by Ext JS to share functionality and state b/w buttons and menu items
+  # The handler for this action should be called onPingServer by default
+  action :ping_server
+
+  # Self-configure with a bottom toolbar
+  def configure(c)
+    super
+    c.bbar = [:ping_server] # embed the action into bottom toolbar
+  end
+
+  # Endpoint callable from client class
+  endpoint :greet_the_world do |params,this|
+    # call client class' method showGreeting
+    this.show_greeting("Hello World!")
+  end
+end

data/test/core_test_app/app/components/hello_world/javascripts/hello_world.js

@@ -0,0 +1,12 @@
+{
+  // handler for the ping_server action
+  onPingServer: function(){
+    // calling greet_the_world endpoint
+    this.greetTheWorld();
+  },
+
+  // called by the server as the result of executing the endpoint
+  showGreeting: function(greeting){
+    this.update("Server says: " + greeting);
+  }
+}

data/test/core_test_app/app/components/included.js

@@ -1,5 +1,5 @@
-Netzke.ComponentWithIncludedJs = Ext.extend(Ext.panel.Panel, {
+Netzke.ComponentWithRequiredJs = Ext.extend(Ext.panel.Panel, {
   updateBodyWithMessage: function(message) {
     this.body.update(message);
   }
-});
+});

data/test/core_test_app/app/components/kinda_complex_component.rb

@@ -1,7 +1,5 @@
 # This is an example of dividing component's code into modules. Use it to build complex components.
 class KindaComplexComponent < Netzke::Base
-  js_base_class "Ext.TabPanel"
-
   include BasicStuff
   include ExtraStuff
-end
+end

data/test/core_test_app/app/components/kinda_complex_component/basic_stuff.rb

@@ -7,29 +7,27 @@ class KindaComplexComponent < Netzke::Base
       action :some_action
       action :another_action
 
-      # Calling main class' methods is simple
-      js_method :on_some_action, <<-JS
-        function(){ this.items.last().setTitle("Action triggered"); }
-      JS
+      js_configure do |c|
+        c.extend = "Ext.tab.Panel"
+        c.active_tab = 0
 
-      # Another way of defining a JS method
-      js_method :on_another_action do
-        <<-JS
+        # Calling main class' methods is simple
+        c.on_some_action = <<-JS
+          function(){ this.items.last().setTitle("Action triggered"); }
+        JS
+
+        # Another way of defining a JS method
+        c.on_another_action = <<-JS
           function(){ this.items.first().setTitle("Another action triggered"); }
         JS
       end
-
-      js_properties(
-        :active_tab => 0, :bbar => [:some_action.action, :another_action.action]
-      )
-
-      # Instance method, overridden in the ExtraStuff module
-      # config
     end
 
-    def final_config
-      super.merge(:items => [{:title => "Panel One"}, {:title => "Panel Two"}])
+    def configure(c)
+      super
+      c.bbar = [:some_action, :another_action]
+      c.items = [{:title => "Panel One"}, {:title => "Panel Two"}]
     end
 
   end
-end
+end

data/test/core_test_app/app/components/kinda_complex_component/extra_stuff.rb

@@ -7,10 +7,9 @@ class KindaComplexComponent < Netzke::Base
     end
 
     # Let's add another tab with a Netzke component in it
-    def final_config
-      orig = super
-      orig[:items] << :server_caller.component
-      orig
+    def configure(c)
+      super
+      c.items += [{ component: :server_caller }]
     end
   end
-end
+end