right-rails 1.0.3 → 1.0.5

data/public/javascripts/right/tooltip-src.js

@@ -33,13 +33,13 @@ var R  = RightJS,
  * @param String tag-name or Object methods
  * @param Object methods
  * @return Widget wrapper
- */ 
+ */
 function Widget(tag_name, methods) {
   if (!methods) {
     methods = tag_name;
     tag_name = 'DIV';
   }
-  
+
   /**
    * An Abstract Widget Unit
    *
@@ -56,17 +56,17 @@ function Widget(tag_name, methods) {
     initialize: function(key, options) {
       this.key = key;
       var args = [{'class': 'rui-' + key}];
-      
+
       // those two have different constructors
       if (!(this instanceof RightJS.Input || this instanceof RightJS.Form)) {
         args.unshift(tag_name);
       }
       this.$super.apply(this, args);
-      
+
       if (RightJS.isString(options)) {
         options = RightJS.$(options);
       }
-      
+
       // if the options is another element then
       // try to dynamically rewrap it with our widget
       if (options instanceof RightJS.Element) {
@@ -99,16 +99,16 @@ function Widget(tag_name, methods) {
       return this;
     }
   });
-  
+
   /**
    * Creating the actual widget class
    *
    */
   var Klass = new RightJS.Wrapper(AbstractWidget, methods);
-  
+
   // creating the widget related shortcuts
   RightJS.Observer.createShortcuts(Klass.prototype, Klass.EVENTS || []);
-  
+
   return Klass;
 }
 
@@ -121,35 +121,35 @@ function Widget(tag_name, methods) {
 var Tooltip = new Widget({
   extend: {
     version: '2.0.0',
-    
+
     EVENTS: $w('show hide'),
-    
+
     Options: {
       cssRule:    '[data-tooltip]', // a css-marker of an element with a tooltip
-      
+
       fxName:     'fade',           // the appearance effect name
       fxDuration: 400,              // the appearance effect duration
       delay:      400,              // the appearance delay
-      
+
       move:       true,             // if it should be moved with the mouse
-      
+
       idSuffix:   '-tooltip'        // ID prefix for tooltips with ID
     },
-    
+
     current:   null,  // the currently active tooltip reference
     instances: R([]), // keeps the list of instances
-    
+
     // tries to find a tip closest to the event
     find: function(event) {
       var element = event.find(Tooltip.Options.cssRule);
-      
+
       if (element) {
         var uid = $uid(element);
         return (Tooltip.instances[uid] || (Tooltip.instances[uid] = new Tooltip(element)));
       }
     }
   },
-  
+
   /**
    * Constructor
    *
@@ -158,7 +158,7 @@ var Tooltip = new Widget({
    */
   initialize: function(element, options) {
     this.associate = element = $(element);
-    
+
     this
       .$super('tooltip')
       .setOptions(options, element)
@@ -172,16 +172,16 @@ var Tooltip = new Widget({
         mouseover: this._cancelTimer
       })
       .insertTo(document.body);
-    
+
     // adding the ID if needed
     if (element.has('id')) {
       this.set('id', element.get('id') + this.options.idSuffix);
     }
-    
+
     // removing the titles from the elment
     element.set({ title: '', alt: ''});
   },
-  
+
   /**
    * Hides the tooltip
    *
@@ -189,7 +189,7 @@ var Tooltip = new Widget({
    */
   hide: function() {
     this._cancelTimer();
-    
+
     this._timer = R(function() {
       Element.prototype.hide.call(this, this.options.fxName, {
         duration: this.options.fxDuration,
@@ -201,10 +201,10 @@ var Tooltip = new Widget({
       });
       this.fire('hide');
     }).bind(this).delay(100);
-    
+
     return this;
   },
-  
+
   /**
    * Shows the tooltip with a dealy
    *
@@ -216,19 +216,19 @@ var Tooltip = new Widget({
     Tooltip.instances.each(function(tip) {
       if (tip && tip !== this) { tip.hide(); }
     }, this);
-    
+
     // show the tooltip with a delay
     this._timer = R(function() {
       Element.prototype.show.call(this.stop(),
         this.options.fxName, {duration: this.options.fxDuration}
       );
-      
+
       Tooltip.current = this.fire('show');
     }).bind(this).delay(this.options.delay);
-    
+
     return (Tooltip.current = this);
   },
-  
+
   /**
    * Moves it to where the event happened
    *
@@ -237,22 +237,23 @@ var Tooltip = new Widget({
   moveToEvent: function(event) {
     this._.style.left = event.pageX + 'px';
     this._.style.top  = event.pageY + 'px';
-    
+
     return this;
   },
-  
+
 // protected
-  
+
   // cancels a show timeout
   _cancelTimer: function(event) {
     if (event) { event.stop(); }
     if (this._timer) {
-      this._timer.cancel(); 
+      this._timer.cancel();
       this._timer = null;
     }
   }
 });
 
+
 /**
  * The post load tooltips initialization script
  *
@@ -270,11 +271,11 @@ $(document).on({
     if (this_tip) {
       if (prev_tip && prev_tip !== this_tip) { prev_tip.hide(); }
       if (this_tip.hidden()) { this_tip.show(); }
-      
+
       this_tip.moveToEvent(event);
     }
   },
-  
+
   /**
    * Catches the mouseout events and hides tooltips when needed
    *
@@ -282,12 +283,12 @@ $(document).on({
    */
   mouseout: function(event) {
     var curr_tip = Tooltip.current, this_tip = Tooltip.find(event);
-    
+
     if (curr_tip && (!this_tip || this_tip === curr_tip)) {
       curr_tip.hide();
     }
   },
-  
+
   /**
    * Moves tooltips when active
    *
@@ -301,7 +302,8 @@ $(document).on({
   }
 });
 
+
 document.write("<style type=\"text/css\">div.rui-tooltip{display:none;position:absolute;z-index:99999;font-size:90%;margin-top:16pt;margin-left:5pt;color:#FFF;text-shadow:0 0 .2em #000;border:.3em solid rgba(255,255,255,0.2);background-color:rgba(25,25,25,0.92); *background-color:#000; *border:.3em solid #444;background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(transparent) ,to(#000) );border-radius:.4em;-moz-border-radius:.4em;-webkit-border-radius:.4em;box-shadow:0 0 .4em #555;-moz-box-shadow:0 0 .4em #555;-webkit-box-shadow:0 0 .4em #555}div.rui-tooltip-container{margin:.4em .6em}</style>");
 
 return Tooltip;
-})(document, RightJS);
+})(document, RightJS);

data/public/javascripts/right/uploader-src.js

@@ -37,13 +37,13 @@ var R      = RightJS,
  * @param String tag-name or Object methods
  * @param Object methods
  * @return Widget wrapper
- */ 
+ */
 function Widget(tag_name, methods) {
   if (!methods) {
     methods = tag_name;
     tag_name = 'DIV';
   }
-  
+
   /**
    * An Abstract Widget Unit
    *
@@ -60,17 +60,17 @@ function Widget(tag_name, methods) {
     initialize: function(key, options) {
       this.key = key;
       var args = [{'class': 'rui-' + key}];
-      
+
       // those two have different constructors
       if (!(this instanceof RightJS.Input || this instanceof RightJS.Form)) {
         args.unshift(tag_name);
       }
       this.$super.apply(this, args);
-      
+
       if (RightJS.isString(options)) {
         options = RightJS.$(options);
       }
-      
+
       // if the options is another element then
       // try to dynamically rewrap it with our widget
       if (options instanceof RightJS.Element) {
@@ -103,16 +103,16 @@ function Widget(tag_name, methods) {
       return this;
     }
   });
-  
+
   /**
    * Creating the actual widget class
    *
    */
   var Klass = new RightJS.Wrapper(AbstractWidget, methods);
-  
+
   // creating the widget related shortcuts
   RightJS.Observer.createShortcuts(Klass.prototype, Klass.EVENTS || []);
-  
+
   return Klass;
 }
 
@@ -125,7 +125,7 @@ function Widget(tag_name, methods) {
 var Uploader = new Widget({
   extend: {
     version: '2.0.0',
-    
+
     EVENTS: $w('start update finish error'),
 
     Options: {
@@ -148,7 +148,7 @@ var Uploader = new Widget({
    */
   initialize: function(form, options) {
     this.form = form = $(form);
-    
+
     // trying to find an existing progress-bar
     var element = form.first('.rui-uploader');
 
@@ -160,7 +160,7 @@ var Uploader = new Widget({
         this.bar = this.first('.bar') || $E('div', {'class': 'bar'}),
         this.num = this.first('.num') || $E('div', {'class': 'num'})
       ]);
-    
+
     if (!element) {
       this.insertTo(form);
     }
@@ -209,7 +209,7 @@ var Uploader = new Widget({
     }
 
     this.percent = R(percent * 100).round(this.options.round);
-    
+
     if (this.percent === 0 || !RightJS.Fx || !this.options.fxDuration) {
       this.bar._.style.width = this.percent + '%';
       this.num._.innerHTML   = this.percent + '%';
@@ -242,18 +242,19 @@ var Uploader = new Widget({
   prepare: function() {
     this.uid = "";
     for (i = 0; i < 32; i++) { this.uid += Math.random(0, 15).toString(16); }
-    
+
     var param = this.options.param;
     var url = this.form.get('action').replace(new RegExp('(\\?|&)'+RegExp.escape(param) + '=[^&]*', 'i'), '');
     this.form.set('action', (R(url).includes('?') ? '&' : '?') + param + '=' + this.uid);
-    
+
     this.show();
-    
+
     return this;
   }
 
 });
 
+
 /**
  * Overloading the Form#send method so we could
  * catch up the moment when a form was sent and show the bar
@@ -264,20 +265,21 @@ var old_send = Form.prototype.send;
 
 Form.include({
   send: function() {
-    
+
     if (!this.uploader && (this.match(Uploader.Options.cssRule) || this.first('.rui-uploader'))) {
       this.uploader = new Uploader(this);
     }
-    
+
     if (this.uploader) {
       this.uploader.start();
     }
-    
+
     return old_send.apply(this, arguments);
   }
 });
 
+
 document.write("<style type=\"text/css\">div.rui-progress-bar,div.rui-progress-bar *{margin:0;padding:0;border:none;background:none}div.rui-progress-bar{position:relative;height:1.4em;line-height:1.4em;width:20em;border:1px solid #999}div.rui-progress-bar,div.rui-progress-bar div.bar{border-radius:0.25em;-moz-border-radius:0.25em;-webkit-border-radius:0.25em}div.rui-progress-bar div.bar{position:absolute;left:0;top:0;width:0%;height:100%;background:#CCC;z-index:1}div.rui-progress-bar div.num{position:absolute;width:100%;height:100%;z-index:2;text-align:center}div.rui-progress-bar-failed{border-color:red;color:red;background:pink}.rui-uploader{display:none}</style>");
 
 return Uploader;
-})(RightJS);
+})(RightJS);

data/spec/lib/right_rails/java_script_generator_spec.rb

@@ -8,17 +8,17 @@ module ActiveRecord
     def initialize(hash={})
       @hash = hash
     end
-    
+
     def id
       @hash[:id]
     end
-    
+
     def self.table_name
       name = 'records'
       name.stub!(:singularize).and_return('record')
       name
     end
-    
+
     def new_record?
       true
     end
@@ -33,23 +33,28 @@ end
 describe RightRails::JavaScriptGenerator do
   before :each do
     RightRails::Config.reset!
-    
+
     @template = mock()
     def @template.dom_id(record) "record_#{record.id}" end
     def @template.escape_javascript(str) str end
-    
+
     @page = RightRails::JavaScriptGenerator.new(@template)
   end
-  
+
   describe "top level calls" do
     it "should generate a simple ID search" do
       @page['element-id']
       @page.to_s.should == '$("element-id");'
     end
-    
+
     it "should respond to the top-level javascript objects" do
       @page.document
-      @page.to_s.should == 'document;'
+      @page.to_s.should == '$(document);'
+    end
+
+    it "should generate a normal window access" do
+      @page.window
+      @page.to_s.should == '$(window);'
     end
 
     it "should generate an ID search from active-records and active-resources" do
@@ -57,66 +62,66 @@ describe RightRails::JavaScriptGenerator do
       @page[@record]
       @page.to_s.should == '$("record_22");'
     end
-    
+
     it "should generate a CSS select block" do
       @page.find('div, span, table')
       @page.to_s.should == '$$("div, span, table");'
     end
-    
+
     it "should generate redirect" do
       @page.redirect_to('/boo/boo/boo')
       @page.to_s.should == 'document.location.href="/boo/boo/boo";'
     end
-    
+
     it "should generate reload" do
       @page.reload
       @page.to_s.should == 'document.location.reload();'
     end
-    
+
     it "should process assignments" do
       @page.something = nil;
       @page.to_s.should == 'something=null;'
     end
-    
+
     it "should provide access to javascript context variables" do
       @page.get(:my_var).property = 'boo';
       @page.to_s.should == 'my_var.property="boo";'
     end
-    
+
     it "should let you set the variables" do
       @page.set(:my_var, nil)
       @page.to_s.should == 'var my_var=null;'
     end
-    
+
     it "should process << pushes correctly" do
       @page << 'some_code();' << 'another_code();'
       @page.to_s.should == 'some_code();another_code();'
     end
-    
+
     it "should convert several lines of code properly" do
       @page['el1'].update('text1').show();
       @page['el2'].update('text2').highlight();
-      
+
       @page.to_s.should == '$("el1").update("text1").show();$("el2").update("text2").highlight();'
     end
-    
+
     describe "in safe-mode" do
       before :each do
         RightRails::Config.safe_mode = true
       end
-      
+
       it "should prefix $ with RightJS." do
         @page['element-id']
         @page.to_s.should == 'RightJS.$("element-id");'
       end
-      
+
       it "should prefix $$ with RightJS." do
         @page.find('div#css.rule')
         @page.to_s.should == 'RightJS.$$("div#css.rule");'
       end
     end
   end
-  
+
   describe "second level calls" do
     it "should catch up an element method simple calls" do
       @page['element-id'].myMethod
@@ -137,35 +142,35 @@ describe RightRails::JavaScriptGenerator do
       @page['element-id'].test(1).show.highlight()
       @page.to_s.should == '$("element-id").test(1).show().highlight();'
     end
-    
+
     it "should catch up the assignments correctly" do
       @page['element-id'].innerHTML  = nil;
       @page.to_s.should == '$("element-id").innerHTML=null;'
     end
-    
+
     it "should catch the property assignment calls too" do
       @page['element-id'][:title] = 'something';
       @page.to_s.should == '$("element-id").title="something";'
     end
-    
+
     it "should process other methods calls as arguments" do
       @page['element-id'].update(@page.my_method(@page.another_method(1,2),3,nil))
       @page.to_s.should == '$("element-id").update(my_method(another_method(1,2),3,null));'
     end
-    
+
     it "should process operation calls" do
       @page.property = @page.first + @page.another(1,nil) * @page.more / 2 -
         @page.get(:thing) / @page.another(2) + nil - 'boo' + @page.last(@page.first)
-        
+
       @page.to_s.should == 'property=first()+another(1,null)*more()/2-thing/another(2)+null-"boo"+last(first());'
     end
-    
+
     it "should process the append operation" do
       @page['element'][:innerHTML] << 'boo'
       @page.to_s.should == '$("element").innerHTML+="boo";'
     end
   end
-  
+
   describe "data types conversion" do
     it "should correctly process numeric arguments" do
       @page['element-id'].test(1, 2.3)
@@ -206,101 +211,101 @@ describe RightRails::JavaScriptGenerator do
       })
       @page.to_s.should == '$("element-id").test({"four":{"five":true,"six":null},one:1,two:2.3});'
     end
-    
+
     it "should handle JSON exportable units too" do
       @value = ActiveRecord::Base.new({:id => '22'});
       def @value.to_json
         {:id => id}
       end
-      
+
       @page["element-id"].test(@value)
       @page.to_s.should == '$("element-id").test({id:"22"});'
     end
-    
+
     it "should convert lambdas to functions" do
       @page.find("boo").each(lambda{ |item, i, array|
         item.boo(i.foo(2)) + array.hoo
       })
       @page.to_s.should == '$$("boo").each(function(a,b,c){a.boo(b.foo(2))+c.hoo();});'
     end
-    
+
     it "should process blocks nicely" do
       @page.find("boo").each do |item, i|
         item.boo(i.foo('hoo'))
       end
-      
+
       @page.to_s.should == '$$("boo").each(function(a,b){a.boo(b.foo("hoo"));});'
     end
-    
+
     it "should process blocks with scope variables and the page builder calls" do
       some_text = 'boo'
-      
+
       @page.find("foo").each do |item, index|
         @page['element'][:innerHTML] << item[:innerHTML] + index + some_text
       end
-      
+
       # checking that the context is getting back
       @page.alert(@page['element'][:innerHTML])
-      
+
       @page.to_s.should == '$$("foo").each(function(a,b){$("element").innerHTML+=a.innerHTML+b+"boo";});alert($("element").innerHTML);'
     end
-    
+
     it "should throw an error for unknown data-types" do
       class Booooooooooo
         def respond_to?(name)
           name.to_sym == :to_json ? false : super(name)
         end
       end
-      
+
       lambda {
         @page['element'].insert(Booooooooooo.new)
       }.should raise_error
     end
   end
-  
+
   describe "RR object method calls generator" do
     before :each do
       @record = ActiveRecord::Base.new({:id => '22'})
     end
-    
+
     it "should generate script for the 'insert' request" do
       @template.should_receive(:render).with(@record).and_return('<record html code/>')
-      
+
       @page.insert(@record)
       @page.to_s.should == 'RR.insert("records","<record html code/>");'
     end
-    
+
     it "should generate script for the 'replace' request" do
       @template.should_receive(:render).with(@record).and_return('<record html code/>')
-      
+
       @page.replace(@record)
       @page.to_s.should == 'RR.replace("record_22","<record html code/>");'
     end
-    
+
     it "should generate script for the 'remove' request" do
       @page.remove(@record)
       @page.to_s.should == 'RR.remove("record_22");'
     end
-    
+
     it "should generate script for the 'show_form_for' request" do
       @template.should_receive(:render).with('form').and_return('<the form html code/>')
-      
+
       @page.show_form_for(@record)
       @page.to_s.should == 'RR.show_form_for("record_22","<the form html code/>");'
     end
-    
+
     describe "replace_form_for generator" do
       before :each do
         @template.should_receive(:render).with('form').and_return('<the form html code/>')
       end
-      
+
       it "should generate a script for a new record" do
         @record.should_receive(:new_record?).and_return(true)
 
         @page.replace_form_for(@record)
         @page.to_s.should == 'RR.replace_form("new_record","<the form html code/>");'
       end
-      
+
       it "should generate a script for an existing record" do
         @record.should_receive(:new_record?).and_return(false)
 
@@ -308,13 +313,13 @@ describe RightRails::JavaScriptGenerator do
         @page.to_s.should == 'RR.replace_form("edit_record_22","<the form html code/>");'
       end
     end
-    
+
     describe "updates with care" do
       before :each do
         @template.should_receive(:flashes).and_return('<flashes/>')
         @template.should_receive(:flash).and_return(mock(:flash, {:clear => true}))
       end
-      
+
       it "should generate response for #update_flash" do
         @page.update_flash
         @page.to_s.should == 'RR.update_flash("<flashes/>");'
@@ -330,7 +335,7 @@ describe RightRails::JavaScriptGenerator do
           'RR.replace_form("new_record","<the form html code/>");' +
           'RR.update_flash("<flashes/>");'
       end
-      
+
       it "should generate response for the #replace_and_care method" do
         @template.should_receive(:render).with(@record).and_return('<record html code/>')
 
@@ -340,8 +345,8 @@ describe RightRails::JavaScriptGenerator do
           'RR.update_flash("<flashes/>");'
       end
     end
-    
+
   end
-  
-  
+
+
 end