netzke-core 0.8.1 → 0.8.2

data/test/core_test_app/app/assets/stylesheets/mocha/mocha.css

@@ -0,0 +1,231 @@
+@charset "utf-8";
+
+body {
+  font: 20px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
+  padding: 60px 50px;
+}
+
+#mocha ul, #mocha li {
+  margin: 0;
+  padding: 0;
+}
+
+#mocha ul {
+  list-style: none;
+}
+
+#mocha h1, #mocha h2 {
+  margin: 0;
+}
+
+#mocha h1 {
+  margin-top: 15px;
+  font-size: 1em;
+  font-weight: 200;
+}
+
+#mocha h1 a {
+  text-decoration: none;
+  color: inherit;
+}
+
+#mocha h1 a:hover {
+  text-decoration: underline;
+}
+
+#mocha .suite .suite h1 {
+  margin-top: 0;
+  font-size: .8em;
+}
+
+.hidden {
+  display: none;
+}
+
+#mocha h2 {
+  font-size: 12px;
+  font-weight: normal;
+  cursor: pointer;
+}
+
+#mocha .suite {
+  margin-left: 15px;
+}
+
+#mocha .test {
+  margin-left: 15px;
+  overflow: hidden;
+}
+
+#mocha .test.pending:hover h2::after {
+  content: '(pending)';
+  font-family: arial;
+}
+
+#mocha .test.pass.medium .duration {
+  background: #C09853;
+}
+
+#mocha .test.pass.slow .duration {
+  background: #B94A48;
+}
+
+#mocha .test.pass::before {
+  content: '✓';
+  font-size: 12px;
+  display: block;
+  float: left;
+  margin-right: 5px;
+  color: #00d6b2;
+}
+
+#mocha .test.pass .duration {
+  font-size: 9px;
+  margin-left: 5px;
+  padding: 2px 5px;
+  color: white;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
+  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -ms-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px;
+}
+
+#mocha .test.pass.fast .duration {
+  display: none;
+}
+
+#mocha .test.pending {
+  color: #0b97c4;
+}
+
+#mocha .test.pending::before {
+  content: '◦';
+  color: #0b97c4;
+}
+
+#mocha .test.fail {
+  color: #c00;
+}
+
+#mocha .test.fail pre {
+  color: black;
+}
+
+#mocha .test.fail::before {
+  content: '✖';
+  font-size: 12px;
+  display: block;
+  float: left;
+  margin-right: 5px;
+  color: #c00;
+}
+
+#mocha .test pre.error {
+  color: #c00;
+  max-height: 300px;
+  overflow: auto;
+}
+
+#mocha .test pre {
+  display: block;
+  float: left;
+  clear: left;
+  font: 12px/1.5 monaco, monospace;
+  margin: 5px;
+  padding: 15px;
+  border: 1px solid #eee;
+  border-bottom-color: #ddd;
+  -webkit-border-radius: 3px;
+  -webkit-box-shadow: 0 1px 3px #eee;
+  -moz-border-radius: 3px;
+  -moz-box-shadow: 0 1px 3px #eee;
+}
+
+#mocha .test h2 {
+  position: relative;
+}
+
+#mocha .test a.replay {
+  position: absolute;
+  top: 3px;
+  right: 0;
+  text-decoration: none;
+  vertical-align: middle;
+  display: block;
+  width: 15px;
+  height: 15px;
+  line-height: 15px;
+  text-align: center;
+  background: #eee;
+  font-size: 15px;
+  -moz-border-radius: 15px;
+  border-radius: 15px;
+  -webkit-transition: opacity 200ms;
+  -moz-transition: opacity 200ms;
+  transition: opacity 200ms;
+  opacity: 0.3;
+  color: #888;
+}
+
+#mocha .test:hover a.replay {
+  opacity: 1;
+}
+
+#mocha-report.pass .test.fail {
+  display: none;
+}
+
+#mocha-report.fail .test.pass {
+  display: none;
+}
+
+#mocha-error {
+  color: #c00;
+  font-size: 1.5  em;
+  font-weight: 100;
+  letter-spacing: 1px;
+}
+
+#mocha-stats {
+  position: fixed;
+  top: 15px;
+  right: 10px;
+  font-size: 12px;
+  margin: 0;
+  color: #888;
+}
+
+#mocha-stats .progress {
+  float: right;
+  padding-top: 0;
+}
+
+#mocha-stats em {
+  color: black;
+}
+
+#mocha-stats a {
+  text-decoration: none;
+  color: inherit;
+}
+
+#mocha-stats a:hover {
+  border-bottom: 1px solid #eee;
+}
+
+#mocha-stats li {
+  display: inline-block;
+  margin: 0 5px;
+  list-style: none;
+  padding-top: 11px;
+}
+
+code .comment { color: #ddd }
+code .init { color: #2F6FAD }
+code .string { color: #5890AD }
+code .keyword { color: #8A6343 }
+code .number { color: #2F6FAD }

data/test/core_test_app/app/components/{component_with_actions.rb → actions.rb}

@@ -1,6 +1,5 @@
-class ComponentWithActions < Netzke::Base
-  action :some_action do |a|
-    a.text = "Some Cool Action"
+class Actions < Netzke::Base
+  action :simple_action do |a|
     a.icon = Netzke::Core.icons_uri + "/tick.png" # specify full icon uri
   end
 
@@ -22,7 +21,7 @@ class ComponentWithActions < Netzke::Base
   def configure(c)
     super
     c.title = "Panel that has actions"
-    c.bbar = [:some_action, :another_action, :action_with_custom_handler, :excluded_action]
+    c.bbar = [:simple_action, :another_action, :action_with_custom_handler, :excluded_action]
     c.tbar = [{
       :xtype =>  'buttongroup',
       :columns => 3,
@@ -40,21 +39,20 @@ class ComponentWithActions < Netzke::Base
           :rowspan => 3,
           icon: uri_to_icon(:anchor), # use uri_to_icon helper to get the full icon uri
           :arrowAlign => 'bottom',
-          :menu => [:some_action]
+          :menu => [:simple_action]
       },{
           :xtype => 'splitbutton', :text => 'Cut', :menu => [:another_action]
       }, :another_action,
       {
-          :menu => [:some_action], :text => 'Format'
+          :menu => [:simple_action], :text => 'Format'
       }]
     }]
   end
 
   js_configure do |c|
-    c.on_some_action = <<-JS
+    c.on_simple_action = <<-JS
       function(){
-        this.update("Some action was triggered");
-        this.netzke.testik();
+        this.setTitle("Simple action triggered");
       }
     JS
 

data/test/core_test_app/app/components/{some_composite.rb → composition.rb}

@@ -1,4 +1,4 @@
-class SomeComposite < Netzke::Base
+class Composition < Netzke::Base
   js_configure do |c|
     c.height = 400
     c.layout = :border
@@ -38,12 +38,15 @@ class SomeComposite < Netzke::Base
   action :update_west_panel
   action :update_west_from_server
   action :update_east_south_from_server
-  action :show_hidden_window
+  action :show_hidden_window do |c|
+    c.text = "Show pre-loaded window"
+  end
 
   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 = [
+      :north_panel,
       :center_panel,
       { region: :west, width: 300, split: true, component: :west_panel },
       { layout: :border, region: :east, width: 500, split: true, items: [
@@ -54,12 +57,20 @@ class SomeComposite < Netzke::Base
   end
 
   component :center_panel do |c|
-    c.klass = ServerCaller
+    c.klass = Endpoints
     c.region = :center
   end
 
   component :west_panel do |c|
-    c.klass = ExtendedServerCaller
+    c.klass = EndpointsExtended
+  end
+
+  component :north_panel do |c|
+    c.klass = SimpleComponent
+    c.title = "Should not be seen"
+    c.region = :north
+    c.height = 80
+    c.excluded = true
   end
 
   component :east_center_panel do |c|
@@ -78,7 +89,7 @@ class SomeComposite < Netzke::Base
   component :hidden_window do |c|
     c.klass = SimpleWindow
     c.eager_loading = true # !
-    c.title = "Hidden window gone visible!"
+    c.title = "Pre-loaded window"
     c.width = 300
     c.height = 200
     c.modal = true

data/test/core_test_app/app/components/{component_with_custom_css → css_inclusion}/stylesheets/custom.css

@@ -1,3 +1,3 @@
-.x-panel-body {
+.require-css {
   display: none;
-}
+}

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

@@ -0,0 +1,12 @@
+# This component has the header hidden by using some extra styles
+class CssInclusion < Netzke::Base
+  js_configure do |c|
+    c.html = "Should not be seen"
+    c.title = "CssInclusion component with invisible body"
+    c.bodyCls = "require-css" # so we can target this in custom.css
+  end
+
+  css_configure do |c|
+    c.require :custom
+  end
+end

data/test/core_test_app/app/components/{component_loader/javascripts/component_loader.js → dynamic_loading/javascripts/dynamic_loading.js}

@@ -19,7 +19,7 @@
   },
 
   onLoadWithParams: function(params){
-    this.netzkeLoadComponent("simple_component", {params: {html: "Simple Component" + " with changed HTML"}, container: this});
+    this.netzkeLoadComponent("simple_component", {params: {title: "Simple Component with modified title"}, container: this});
   },
 
   onNonExistingComponent: function(){
@@ -45,5 +45,13 @@
       var instance = Ext.ComponentManager.create(config);
       this.add(instance);
     }, scope: this});
+  },
+
+  onLoadSelfReloading: function() {
+    this.netzkeLoadComponent('self_reloading');
+  },
+
+  onLoadCssInclusion: function() {
+    this.netzkeLoadComponent('css_inclusion');
   }
 }

data/test/core_test_app/app/components/{component_loader.rb → dynamic_loading.rb}

@@ -1,5 +1,5 @@
 # TODO: some functionality (one that is calling doNothing) does not belong here, as it loads no componens, but rather to ServerCaller. Move it there.
-class ComponentLoader < Netzke::Base
+class DynamicLoading < Netzke::Base
   js_configure do |c|
     c.mixin
   end
@@ -16,13 +16,16 @@ class ComponentLoader < Netzke::Base
     c.height = 300
   end
 
-  component :some_composite
+  component :composition
 
   component :inaccessible do |c|
     c.klass = Netzke::Core::Panel
     c.excluded = true
   end
 
+  component :self_reloading
+
+  component :css_inclusion
 
   # this action is using netzkeLoadComponent "special" callback
   action :load_with_feedback
@@ -45,14 +48,18 @@ class ComponentLoader < Netzke::Base
 
   action :inaccessible
 
+  action :load_self_reloading
+
+  action :load_require_css
+
   def configure(c)
     super
-    c.bbar = [:load_component, :load_in_window, :load_with_feedback, :load_window_with_simple_component, :load_composite, :load_with_params, :non_existing_component, :inaccessible, :config_only]
+    c.bbar = [:load_component, :load_in_window, :load_with_feedback, :load_window_with_simple_component, :load_composite, :load_with_params, :non_existing_component, :inaccessible, :config_only, :load_self_reloading, :load_require_css]
   end
 
   endpoint :deliver_component do |params, this|
-    if params[:name] == "simple_component" && params[:html]
-      components[:simple_component].merge!(:html => params[:html])
+    if params[:name] == "simple_component" && params[:title]
+      components[:simple_component].merge!(:title => params[:title])
     end
     super(params, this)
   end

data/test/core_test_app/app/components/{server_caller/javascripts/server_caller.js → endpoints/javascripts/endpoints.js}

@@ -1,12 +1,11 @@
 {
-  onBugServer: function(){
+  onWithResponse: function(){
     this.whatsUp();
-    this.update('You should see the response from the server in the title bar the very next moment');
   },
 
   onNoResponse: function(){
     this.noResponse({}, function(){
-      this.update('Successfully called endpoint with no response (this is a callback)');
+      this.setTitle('Successfully called endpoint with no response (this is a callback)');
     }, this);
   },
 
@@ -15,7 +14,7 @@
   },
 
   takeTwoArguments: function(first, second){
-    this.update("Called a function with two arguments: " + first + ", " + second);
+    this.setTitle("Called a function with two arguments: " + first + ", " + second);
   },
 
   onArrayAsArgument: function() {
@@ -24,10 +23,10 @@
 
   takeArrayAsArgument: function(arry) {
     var arryAsString = "['"+ arry.join("', '") + "']";
-    this.update("Called a function with array as arguments: " + arryAsString);
+    this.setTitle("Called a function with array as arguments: " + arryAsString);
   },
 
-  onCallWithGenericCallbackAndScope: function(){
+  onCallbackAndScope: function(){
     var that=this;
     var fancyScope={
       setFancyTitle: function () {
@@ -39,4 +38,9 @@
     }, fancyScope);
   },
 
+  onReturnValue: function() {
+    this.getAnswer(null, function(answer) {
+      this.setTitle("Returned value: " + answer);
+    }, this);
+  }
 }

data/test/core_test_app/app/components/{server_caller.rb → endpoints.rb}

@@ -1,32 +1,32 @@
-class ServerCaller < Netzke::Base
-  action :bug_server # Actual action's text is set in en.yml
+class Endpoints < Netzke::Base
+  action :with_response
   action :no_response
   action :multiple_arguments
   action :array_as_argument
+  action :return_value
 
   # this action is using generic endpoint callback with scope
-  action :call_with_generic_callback_and_scope
+  action :callback_and_scope
 
   js_configure do |c|
-    c.title = "Server Caller"
-    c.html = "Wow"
+    c.title = "Endpoints"
     c.mixin
   end
 
   def configure(c)
     super
-    c.bbar = [:bug_server, :no_response, :multiple_arguments, :array_as_argument, :call_with_generic_callback_and_scope]
+    c.bbar = [:with_response, :no_response, :multiple_arguments, :array_as_argument, :callback_and_scope, :return_value]
 
     # Alternative way of defining bbar:
     # c.docked_items = [{
     #   xtype: :toolbar,
     #   dock: :right,
-    #   items: [:bug_server, :no_response, :multiple_arguments, :array_as_argument]
+    #   items: [:with_response, :no_response, :multiple_arguments, :array_as_argument]
     # }]
   end
 
   endpoint :whats_up do |params, this|
-    this.set_title("All quiet here on the server")
+    this.set_title("Response from server")
   end
 
   endpoint :no_response do |params, this|
@@ -42,4 +42,8 @@ class ServerCaller < Netzke::Base
 
   endpoint :do_nothing do |params,this|
   end
+
+  endpoint :get_answer do |params,this|
+    this.netzke_set_result(42) # special method that passes a value as argument to callback function
+  end
 end

data/test/core_test_app/app/components/{extended_server_caller.rb → endpoints_extended.rb}

@@ -1,10 +1,12 @@
-class ExtendedServerCaller < ServerCaller
+class EndpointsExtended < Endpoints
   def configure(c)
     super
-    c.title = "Extended Server Caller"
+    c.title = "Endpoints Extended"
   end
 
-
+  action :with_response do |c|
+    c.text = "With extended response"
+  end
 
   js_configure do |c|
     c.on_bug_server = <<-JS
@@ -20,6 +22,6 @@ class ExtendedServerCaller < ServerCaller
   endpoint :whats_up do |params, this|
     super(params, this)
 
-    this.set_title(this.set_title[0] + ", shiny weather")
+    this.set_title(this.set_title[0] + " plus")
   end
 end

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

@@ -7,6 +7,11 @@ module ExtDirect
         function(){
           this.callParent();
 
+          Ext.Ajax.on('beforerequest',function (conn, options ) {
+            Netzke.connectionCount = Netzke.connectionCount || 0;
+            Netzke.connectionCount++;
+          });
+
           this.netzkeGetComponent('selector').on('userupdate', function(user){
             this.setUser(user);
             this.netzkeGetComponent('details').update();
@@ -42,6 +47,5 @@ module ExtDirect
     endpoint :set_user do |params, this|
       component_session[:user] = params
     end
-
   end
 end

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

@@ -0,0 +1,26 @@
+class Feedback < Netzke::Base
+  action :feedback
+  action :server_feedback
+
+  def configure(c)
+    super
+    c.bbar = [:feedback, :server_feedback]
+  end
+
+  js_configure do |c|
+    c.on_feedback = <<-JS
+      function(){
+        this.netzkeFeedback('Local feedback'); // uses global delay config
+      }
+    JS
+    c.on_server_feedback = <<-JS
+      function(){
+        this.serverFeedback();
+      }
+    JS
+  end
+
+  endpoint :server_feedback do |params,this|
+    this.netzke_feedback("Server feedback", delay: 3000)
+  end
+end

data/test/core_test_app/app/components/haml_panel/html/body.html.haml

@@ -0,0 +1,10 @@
+%h1
+  Hello
+  = @who
+  \!
+%ul
+  %li
+    * Implement simple HAML rendering
+    %img{src: Netzke::Base.uri_to_icon(:tick)}
+  %li * Get feedback
+  %li * Push to master

data/test/core_test_app/app/components/haml_panel/html/server_response.html.haml

@@ -0,0 +1,3 @@
+%h1
+  Current time:
+  = @time

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

@@ -0,0 +1,32 @@
+class HamlPanel < Netzke::Base
+  action :ping_server
+
+  def js_configure(c)
+    super
+
+    c.title = "Haml panel"
+    c.body_padding = 5
+
+    @who = 'World'
+    c.html = render(:body)
+
+    c.bbar = [:ping_server]
+  end
+
+  js_configure do |c|
+    c.on_ping_server = <<-JS
+      function(){
+        this.whatsUp();
+      }
+    JS
+
+    c.update_body = <<-JS
+      function(html){ this.update(html);}
+    JS
+  end
+
+  endpoint :whats_up do |params,this|
+    @time = Time.now
+    this.update_body(render(:server_response))
+  end
+end

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

@@ -1,3 +1,4 @@
+# For demo purposes. Not used for testing.
 class HelloWorld < Netzke::Base
   # Configure clint class
   js_configure do |c|

data/test/core_test_app/app/components/js_inclusion/javascripts/extra_one.js

@@ -0,0 +1,2 @@
+// Some included JS code
+actionOneMessage = "Action one triggered";

data/test/core_test_app/app/components/js_inclusion/javascripts/extra_two.js

@@ -0,0 +1,2 @@
+// Some included JS code
+actionTwoMessage = "Action two triggered";

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

@@ -0,0 +1,5 @@
+{
+  onActionThree: function() {
+    this.setTitle("Action three triggered");
+  }
+}

data/test/core_test_app/app/components/{component_with_js_mixin.rb → js_inclusion.rb}

@@ -1,8 +1,8 @@
-class ComponentWithJsMixin < Netzke::Base
+class JsInclusion < Netzke::Base
   js_configure do |c|
     c.require :extra_one, :extra_two
     c.mixin :method_set_one, :method_set_two
-    c.mixin # with no parameters, it'll assume :component_with_js_mixin
+    c.mixin # by default it assumes :js_inclusion
   end
 
   action :action_one
@@ -12,6 +12,6 @@ class ComponentWithJsMixin < Netzke::Base
   def configure(c)
     super
     c.bbar = [:action_one, :action_two, :action_three]
-    c.title = "ComponentWithJsMixin"
+    c.title = "JsInclusion component"
   end
 end

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

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