netzke-core 0.7.7 → 0.8.0

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

@@ -0,0 +1,53 @@
+{
+  onCountOneTime: function(){
+    this.count({how_many: 1});
+  },
+
+  initComponent: function () {
+    this.callParent();
+    Ext.Ajax.on('beforerequest',function (conn, options ) {
+      Netzke.connectionCount = Netzke.connectionCount || 0;
+      Netzke.connectionCount++;
+      Netzke.lastOptions=options;
+    });
+  },
+
+  onCountSevenTimes: function(){
+    for(var i=0; i<7; i++) {
+      this.count({how_many: 1});
+    }
+  },
+
+  onCountEightTimesSpecial: function(){
+    for(var i=0;i<8;i++) {
+      this.count({how_many: 1, special: true});
+    }
+  },
+
+  onFailInTheMiddle: function() {
+    this.successingEndpoint();
+    this.failingEndpoint();
+    this.successingEndpoint();
+  },
+
+  onDoOrdered: function () {
+    this.firstEp();
+    this.secondEp();
+  },
+
+  updateContent: function(html){
+    this.update(html);
+  },
+
+  updateAppending: function(html){
+    if (!this.panelText) { this.panelText = ""; }
+    this.panelText += html + ",";
+    this.body.update(this.panelText);
+  },
+
+  onFailTwoOutOfFive: function(){
+    for(var i=1; i<=5; i++) {
+      this.failTwoOutOfFive(i);
+    }
+  }
+}

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

@@ -0,0 +1,46 @@
+class SimpleAuthenticationComponent < Netzke::Base
+  action :sign_in
+
+  action :sign_out
+
+  def configure(c)
+    super
+    c.tbar = signed_in? ? [current_user_info, "->", :sign_out] : ["->", :sign_in]
+  end
+
+  js_configure do |c|
+    c.on_sign_in = <<-JS
+      function(){
+        this.signIn();
+      }
+    JS
+
+    c.on_sign_out = <<-JS
+      function(){
+        this.signOut();
+      }
+    JS
+
+    c.reload_page = <<-JS
+      function(){window.location = window.location;}
+    JS
+  end
+
+  endpoint :sign_in do |params,this|
+    session[:user_id] = 1
+    this.reload_page
+  end
+
+  endpoint :sign_out do |params,this|
+    session.delete(:user_id)
+    this.reload_page
+  end
+
+  def current_user_info
+    session[:user_id] && "Signed in as user#: #{session[:user_id]}" || ""
+  end
+
+  def signed_in?
+    !!session[:user_id]
+  end
+end

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

@@ -1,6 +1,11 @@
 class SimpleComponent < Netzke::Base
-  js_properties :title => "SimpleComponent",
-                :html  => "Inner text"
+  js_configure do |c|
+    c.html = "Inner text"
+  end
 
-  # component :one, :class_name => "SimplePanel", :title => "One"
+  def configure(c)
+    c.bbar = ["Hello"]
+    c.title = "SimpleComponent"
+    super
+  end
 end

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

@@ -0,0 +1,12 @@
+# Not used in tests
+class SimpleComposite < Netzke::Base
+  def configure(c)
+    c.layout = :fit
+    c.items = [:child]
+    super
+  end
+
+  component :child do |c|
+    c.klass = SimpleComponent
+  end
+end

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

@@ -0,0 +1,49 @@
+# Not used in automatic tests
+class SimpleFormWithFileUpload < Netzke::Base
+  js_configure do |c|
+    c.extend = "Ext.form.Panel"
+    c.body_padding = 10
+    c.on_submit = <<-JS
+      function(){
+
+        var msg = function(title, msg) {
+            Ext.Msg.show({
+                title: title,
+                msg: msg,
+                minWidth: 200,
+                modal: true,
+                icon: Ext.Msg.INFO,
+                buttons: Ext.Msg.OK
+            });
+        };
+
+        var me = this;
+
+        this.getForm().submit({
+          url: this.netzkeEndpointUrl('server_submit'),
+          success: function(fp, o){
+            msg("Success", 'Your file is uploaded!');
+        },
+          failure: function(){msg("Failure", 'Server did not inform us about success');}
+        });
+      }
+    JS
+  end
+
+  action :submit
+
+  def configure(c)
+    super
+    c.items = [{ xtype: :filefield, emptyText: 'Select an image', fieldLabel: 'Photo', buttonText: '...' }]
+
+    c.bbar = [:submit]
+  end
+
+  endpoint :server_submit do |params, this|
+    # because this endpoint wasn't called in the normal way, we cannot do anything like this (it won't have any effect):
+    # this.set_title('File uploaded')
+
+    # But this will define whether the client is informed about success or not:
+    this.success = true
+  end
+end

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

@@ -1,2 +1,2 @@
-class SimplePanel < Netzke::Base
-end
+class SimplePanel < Netzke::Core::Panel
+end

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

@@ -1,4 +1,25 @@
 class SimpleTabPanel < Netzke::Base
-  js_base_class "Ext.TabPanel"
-  js_property :active_tab, 0
-end
+  js_configure do |c|
+    c.extend = "Ext.tab.Panel"
+    c.active_tab = 0
+  end
+
+  component :server_caller
+  component :hello_world do |c|
+    c.excluded = true
+  end
+  component :extended_server_caller
+
+  component :simple_panel_one do |c|
+    c.klass = SimplePanel
+  end
+
+  component :simple_panel_two do |c|
+    c.klass = SimplePanel
+  end
+
+  def configure(c)
+    c.items = [:server_caller, :hello_world, :extended_server_caller, :simple_panel_one, :simple_panel_two]
+    super
+  end
+end

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

@@ -1,3 +1,5 @@
 class SimpleWindow < Netzke::Base
-  js_base_class "Ext.window.Window"
-end
+  js_configure do |c|
+    c.extend = "Ext.window.Window"
+  end
+end

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

@@ -1,65 +1,94 @@
 class SomeComposite < Netzke::Base
-  js_properties :height => 400,
-                :layout => 'border',
-                :bbar => [
-                  :update_west_panel.action,
-                  :update_center_panel.action,
-                  :update_west_from_server.action,
-                  :update_east_south_from_server.action
-                ]
+  js_configure do |c|
+    c.height = 400
+    c.layout = :border
 
-  action :update_center_panel
-  action :update_west_panel
-  action :update_west_from_server
-  action :update_east_south_from_server
+    c.on_update_west_panel = <<-JS
+      function(){
+        this.getComponent('west_panel').body.update('West Panel Body Updated');
+      }
+    JS
 
-  config :items => [
-            :center_panel.component(:region => 'center'),
-            :west_panel.component(:region => 'west', :width => 300, :split => true),
-            {:layout => 'border', :region => :east, :width => 500, :split => true, :items => [
-              :east_center_panel.component(:region => :center),
-              :east_south_panel.component(:region => :south, :height => 200, :split => true)
-            ]},
-          ]
+    c.on_update_center_panel = <<-JS
+      function(){
+        this.getComponent('center_panel').body.update('Center Panel Body Updated');
+      }
+    JS
 
-  component :west_panel, :class_name => "ExtendedServerCaller"
+    c.on_update_east_south_from_server = <<-JS
+      function(){
+        this.updateEastSouth();
+      }
+    JS
 
-  component :center_panel, :class_name => "ServerCaller"
+    c.on_update_west_from_server = <<-JS
+      function(){
+        this.updateWest();
+      }
+    JS
 
-  component :east_center_panel, :class_name => "SimpleComponent", :title => "A panel", :border => false
+    c.on_show_hidden_window = <<-JS
+      function(){
+        this.netzkeInstantiateComponent('hidden_window').show();
+      }
+    JS
+  end
+
+  action :update_center_panel
+  action :update_west_panel
+  action :update_west_from_server
+  action :update_east_south_from_server
+  action :show_hidden_window
 
-  component :east_south_panel, :class_name => "SimpleComponent", :title => "Another panel", :border => false
+  def configure(c)
+    super
+    c.bbar = [ :update_west_panel, :update_center_panel, :update_west_from_server, :update_east_south_from_server, :show_hidden_window ]
+    c.items = [
+      :center_panel,
+      { region: :west, width: 300, split: true, component: :west_panel },
+      { layout: :border, region: :east, width: 500, split: true, items: [
+        { region: :center, component: :east_center_panel },
+        { region: :south, height: 200, split: true, component: :east_south_panel }
+      ] }
+    ]
+  end
 
-  endpoint :update_east_south do |params|
-    {:east_south_panel => {:set_title => "Here's an update for south panel in east panel"}}
+  component :center_panel do |c|
+    c.klass = ServerCaller
+    c.region = :center
   end
 
-  endpoint :update_west do |params|
-    {:west_panel => {:set_title => "Here's an update for west panel"}}
+  component :west_panel do |c|
+    c.klass = ExtendedServerCaller
   end
 
-  js_method :on_update_west_panel, <<-JS
-    function(){
-      this.items.filter('name', 'west_panel').first().body.update('West Panel Body Updated');
-    }
-  JS
+  component :east_center_panel do |c|
+    c.klass = SimpleComponent
+    c.title = "A panel"
+    c.border = false
+  end
 
-  js_method :on_update_center_panel, <<-JS
-    function(){
-      this.items.filter('name', 'center_panel').first().body.update('Center Panel Body Updated');
-    }
-  JS
+  component :east_south_panel do |c|
+    c.klass = SimpleComponent
+    c.title = "Another panel"
+    c.border = false
+  end
 
-  js_method :on_update_east_south_from_server, <<-JS
-    function(){
-      this.updateEastSouth();
-    }
-  JS
+  # Eagerly loaded Netzke component that only requires instantiating at client
+  component :hidden_window do |c|
+    c.klass = SimpleWindow
+    c.eager_loading = true # !
+    c.title = "Hidden window gone visible!"
+    c.width = 300
+    c.height = 200
+    c.modal = true
+  end
 
-  js_method :on_update_west_from_server, <<-JS
-    function(){
-      this.updateWest();
-    }
-  JS
+  endpoint :update_east_south do |params, this|
+    this.east_south_panel.set_title("Here's an update for south panel in east panel")
+  end
 
+  endpoint :update_west do |params, this|
+    this.west_panel.set_title("Here's an update for west panel")
+  end
 end

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

@@ -1,39 +1,40 @@
 class SomePlugin < Netzke::Plugin
   action :action_one
 
-  js_method :init, <<-JS
-    function(){
-      this.callParent(arguments);
-      this.cmp.tools = [{id: 'gear', handler: this.onGear, scope: this}];
+  js_configure do |c|
+    c.init = <<-JS
+      function(){
+        this.callParent(arguments);
+        this.cmp.tools = [{id: 'gear', handler: this.onGear, scope: this}];
 
-      this.cmp.addDocked({
-        dock: 'bottom',
-        xtype: 'toolbar',
-        items: [this.actions.actionOne]
-      });
-    }
-  JS
+        this.cmp.addDocked({
+          dock: 'bottom',
+          xtype: 'toolbar',
+          items: [this.actions.actionOne]
+        });
+      }
+    JS
 
-  js_method :on_action_one, <<-JS
-    function(){
-      this.cmp.setTitle('Action one ' + 'triggered');
-    }
-  JS
+    c.on_action_one = <<-JS
+      function(){
+        this.cmp.setTitle('Action one ' + 'triggered');
+      }
+    JS
 
-  js_method :on_gear, <<-JS
-    function(){
-      this.processGear();
-    }
-  JS
+    c.on_gear = <<-JS
+      function(){
+        this.processGear();
+      }
+    JS
 
-  js_method :process_gear_callback, <<-JS
-    function(newTitle){
-      this.cmp.setTitle(newTitle);
-    }
-  JS
-
-  endpoint :process_gear do |params|
-    {:process_gear_callback => "Server response"}
+    c.process_gear_callback = <<-JS
+      function(newTitle){
+        this.cmp.setTitle(newTitle);
+      }
+    JS
   end
 
-end
+  endpoint :process_gear do |params, this|
+    this.process_gear_callback("Server response")
+  end
+end

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

@@ -0,0 +1,46 @@
+# Shows how component session and state can be used for persistence
+class StatefulComponent < Netzke::Base
+  action :set_session_data do |a|
+    a.text = "Set session and state"
+  end
+
+  action :reset_session_data do |a|
+    a.text = "Reset session and state"
+  end
+
+  def configure(c)
+    super
+    c.persistence = true
+    c.bbar = [:set_session_data, :reset_session_data]
+
+    # title will be gotten from component's state
+    c.title = state[:title] || "Default Title"
+
+    # body content will be stored directly in component's session
+    c.html = component_session[:html_content] || "Default HTML"
+  end
+
+  js_configure do |c|
+    c.on_set_session_data = <<-JS
+      function(){
+        this.serverSetSessionData();
+      }
+    JS
+
+    c.on_reset_session_data = <<-JS
+      function(){
+        this.serverResetSessionData();
+      }
+    JS
+  end
+
+  endpoint :server_set_session_data do |params, this|
+    component_session[:html_content] = "HTML from session"
+    state[:title] = "Title From State"
+  end
+
+  endpoint :server_reset_session_data do |params,this|
+    component_session.clear
+    state.clear
+  end
+end