wysihat-engine 0.1.0

data/.gitignore

@@ -0,0 +1,5 @@
+*.sw?
+.DS_Store
+coverage
+rdoc
+pkg

data/CHANGELOG

@@ -0,0 +1,5 @@
+0.1.0 (October 3rd, 2009) - Jeff Kreeftmeijer
+
+* Made it a gem.
+* Created a generator to get rid of the ugly rake task.
+* Removed lots of files (like /public and /config). Everything is in a generator template now.

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2009 80beans
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.rdoc

@@ -0,0 +1,20 @@
+= WysihatEngine
+
+A simple Engine to get everyone up and running with Wysihat ( http://github.com/josh/wysihat ) fast.
+
+== Installation
+
+http://wiki.github.com/80beans/wysihat-engine/installation
+
+== Examples
+
+http://wiki.github.com/80beans/wysihat-engine/examples
+
+== Contributing
+
+Found an issue? Have a great idea? Want to help? Great!
+Issue reports and pull requests are always welcome. :)
+
+== License
+
+Copyright (c) 2009 80beans, released under the MIT license

data/Rakefile

@@ -0,0 +1,41 @@
+require 'rake'
+require 'rake/testtask'
+require 'rake/rdoctask'
+
+desc 'Default: run unit tests.'
+task :default => :test
+
+desc 'Test the wysihat_engine plugin.'
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = true
+end
+
+desc 'Generate documentation for the wysihat_engine plugin.'
+Rake::RDocTask.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'WysihatEngine'
+  rdoc.options << '--line-numbers' << '--inline-source'
+  rdoc.rdoc_files.include('README')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+begin
+  require 'jeweler'
+  Jeweler::Tasks.new do |gem|
+    gem.name = "wysihat-engine"
+    gem.summary = "A rails engine to allow users to use the WysiHat editors."
+    gem.description = "A rails engine to allow users to use the WysiHat editors."
+    gem.email = "jeff@80beans.com"
+    gem.homepage = "http://www.80beans.com/2009/10/01/wysihat-engine/"
+    gem.authors = ["Jeff Kreeftmeijer"] 
+    gem.add_dependency('thoughtbot-paperclip')
+    gem.add_dependency('giraffesoft-resource_controller')
+  end
+rescue LoadError
+  puts "Jeweler not available. Install it with: sudo gem install technicalpickles-jeweler -s http://gems.github.com"
+end                                                                    
+
+Jeweler::GemcutterTasks.new

data/TODO

@@ -0,0 +1,3 @@
+* get it working as a plugin again ( some problem with ResourceController )
+* remove ResourceController, it's useless and confusing
+* rewrite the :paste button to use josh's solution ( http://www.80beans.com/2009/10/01/wysihat-engine/comment-page-1/#comment-1834 )

data/VERSION

@@ -0,0 +1 @@
+0.1.0

data/app/controllers/wysihat_files_controller.rb

@@ -0,0 +1,26 @@
+class WysihatFilesController < ResourceController::Base
+  index.before do
+    @wysihat_file = WysihatFile.new
+  end
+  
+  #create do
+  #  responds_to_parent do
+  #    render :update do |page|
+  #      if(@wysihat_file.save)
+  #        page.insert_html :bottom, :wysihat_files, :partial => 'wysihat_file', :object => @wysihat_file  
+  #      end
+  #    end      
+  #  end
+  #end
+  def create
+    @wysihat_file = WysihatFile.new(params[:wysihat_file])
+    
+    responds_to_parent do
+      render :update do |page|
+        if(@wysihat_file.save)
+          page.insert_html :bottom, :wysihat_files, :partial => 'wysihat_file', :object => @wysihat_file  
+        end
+      end      
+    end
+  end
+end

data/app/helpers/wysihat_files_helper.rb

@@ -0,0 +1,2 @@
+module WysihatFilesHelper
+end

data/app/models/wysihat_file.rb

@@ -0,0 +1,3 @@
+class WysihatFile < ActiveRecord::Base
+  has_attached_file :file
+end

data/app/views/wysihat_files/_form.html.erb

@@ -0,0 +1,13 @@
+<% form_for @wysihat_file, :html => { :multipart => true, :target => 'file_upload' } do |f| %>
+  
+  <p>
+    <%= f.label :file %><br/>
+    <%= f.file_field :file %>
+  </p>
+  <p>
+    <%= f.submit %>
+  </p>
+  
+<% end %>
+
+<iframe id='file_upload' name="file_upload" style="width:1px;height:1px;border:0px" src="about:blank"></iframe>

data/app/views/wysihat_files/_wysihat_file.html.erb

@@ -0,0 +1,3 @@
+<li id="wysihat_file_<%= wysihat_file.id %>">
+  <%= link_to_function(wysihat_file.file_file_name, "$$('iframe##{params[:editor]}')[0].insertImage(this.href); facebox.close();", :href => wysihat_file.file.url) %>
+</li>

data/app/views/wysihat_files/index.html.erb

@@ -0,0 +1,5 @@
+<ul id="wysihat_files" class="files">
+  <%= render @wysihat_files %>
+</ul>
+
+<%= render 'form' %>

data/app/views/wysihat_files/new.html.erb

@@ -0,0 +1 @@
+<%= render 'form' %>

data/generators/wysihat/templates/javascripts/facebox.js

@@ -0,0 +1,190 @@
+/*  Facebox for Prototype, version 2.0
+ *  By Robert Gaal - http://wakoopa.com 
+ *
+ *  Heavily based on Facebox by Chris Wanstrath - http://famspam.com/facebox
+ *  First ported to Prototype by Phil Burrows - http://blog.philburrows.com
+ *
+ *  Licensed under the MIT:
+ *  http://www.opensource.org/licenses/mit-license.php
+ *
+ *  Need help?  Join the Google Groups mailing list:
+ *  http://groups.google.com/group/facebox/
+ *
+ *  Dependencies:   prototype & script.aculo.us + images & CSS files from original facebox
+ *  Usage:          Append 'rel="facebox"' to an element to call it inside a so-called facebox
+ *
+ *--------------------------------------------------------------------------*/
+
+
+var Facebox = Class.create({
+	initialize	: function(extra_set){
+		this.settings = {
+			loading_image	: '/images/loading.gif',
+			close_image		: '/images/closelabel.gif',
+			image_types		: new RegExp('\.' + ['png', 'jpg', 'jpeg', 'gif'].join('|') + '$', 'i'),
+			inited				: true,	
+			facebox_html	: '\
+	  <div id="facebox" style="display:none;"> \
+	    <div class="popup"> \
+	      <table id="facebox_table"> \
+	        <tbody> \
+	          <tr> \
+	            <td class="tl"/><td class="b"/><td class="tr"/> \
+	          </tr> \
+	          <tr> \
+	            <td class="b"/> \
+	            <td class="body"> \
+	              <div class="content"> \
+	              </div> \
+	              <div class="footer"> \
+	                <a href="#" class="close"> \
+	                  <img src="/images/closelabel.gif" title="close" class="close_image" /> \
+	                </a> \
+	              </div> \
+	            </td> \
+	            <td class="b"/> \
+	          </tr> \
+	          <tr> \
+	            <td class="bl"/><td class="b"/><td class="br"/> \
+	          </tr> \
+	        </tbody> \
+	      </table> \
+	    </div> \
+	  </div>'
+		};
+		if (extra_set) Object.extend(this.settings, extra_set);
+		$(document.body).insert({bottom: this.settings.facebox_html});
+		
+		this.preload = [ new Image(), new Image() ];
+		this.preload[0].src = this.settings.close_image;
+		this.preload[1].src = this.settings.loading_image;
+		
+		f = this;
+		$$('#facebox .b:first, #facebox .bl, #facebox .br, #facebox .tl, #facebox .tr').each(function(elem){
+			f.preload.push(new Image());
+			f.preload.slice(-1).src = elem.getStyle('background-image').replace(/url\((.+)\)/, '$1');
+		});
+		
+		this.facebox = $('facebox');
+    this.keyPressListener = this.watchKeyPress.bindAsEventListener(this);
+		
+		this.watchClickEvents();
+		fb = this;
+		Event.observe($$('#facebox .close').first(), 'click', function(e){
+			Event.stop(e);
+			fb.close()
+		});
+		Event.observe($$('#facebox .close_image').first(), 'click', function(e){
+			Event.stop(e);
+			fb.close()
+		});
+	},
+	
+  watchKeyPress : function(e){
+    // Close if espace is pressed or if there's a click outside of the facebox
+    if (e.keyCode == 27 || !Event.element(e).descendantOf(this.facebox)) this.close();
+  },
+	
+	watchClickEvents	: function(e){
+		var f = this;
+		$$('a[rel=facebox]').each(function(elem,i){
+			Event.observe(elem, 'click', function(e){
+				Event.stop(e);
+				f.click_handler(elem, e);
+			});
+		});
+	},
+	
+	loading	: function() {
+		if ($$('#facebox .loading').length == 1) return true;
+		
+		contentWrapper = $$('#facebox .content').first();
+		contentWrapper.childElements().each(function(elem, i){
+			elem.remove();
+		});
+		contentWrapper.insert({bottom: '<div class="loading"><img src="'+this.settings.loading_image+'"/></div>'});
+		
+		var pageScroll = document.viewport.getScrollOffsets();
+		this.facebox.setStyle({
+			'top': pageScroll.top + (document.viewport.getHeight() / 10) + 'px',
+			'left': document.viewport.getWidth() / 2 - (this.facebox.getWidth() / 2) + 'px'
+		});
+		
+    Event.observe(document, 'keypress', this.keyPressListener);
+    Event.observe(document, 'click', this.keyPressListener);
+	},
+	
+	reveal	: function(data, klass){
+		this.loading();
+		load = $$('#facebox .loading').first();
+		if(load) load.remove();
+		
+		contentWrapper = $$('#facebox .content').first();
+		if (klass) contentWrapper.addClassName(klass);
+		//contentWrapper.insert({bottom: data});
+		contentWrapper.update(data);
+		
+    $$('#facebox .body').first().childElements().each(function(elem,i){
+     elem.show();
+    });
+    		
+		if(!this.facebox.visible()) new Effect.Appear(this.facebox, {duration: .3});
+		this.facebox.setStyle({
+			'left': document.viewport.getWidth() / 2 - (this.facebox.getWidth() / 2) + 'px'
+		});
+		
+    Event.observe(document, 'keypress', this.keyPressListener);
+    Event.observe(document, 'click', this.keyPressListener);
+	},
+	
+	close		: function(){
+		 new Effect.Fade('facebox', {duration: .3});
+	},
+	
+	click_handler	: function(elem, e){
+	  this.loading();
+		Event.stop(e);
+		
+		// support for rel="facebox[.inline_popup]" syntax, to add a class
+		var klass = elem.rel.match(/facebox\[\.(\w+)\]/);
+		if (klass) klass = klass[1];
+		
+		new Effect.Appear(this.facebox, {duration: .3});
+		
+		if (elem.href.match(/#/)){
+			var url			= window.location.href.split('#')[0];
+			var target	= elem.href.replace(url+'#','');
+			// var data			= $$(target).first();
+			var d			  = $(target);
+			// create a new element so as to not delete the original on close()
+			var data = new Element(d.tagName);
+			data.innerHTML = d.innerHTML;
+			this.reveal(data, klass);
+		} else if (elem.href.match(this.settings.image_types)) {
+			var image = new Image();
+			fb = this;
+			image.onload = function() {
+				fb.reveal('<div class="image"><img src="' + image.src + '" /></div>', klass)
+			}
+			image.src = elem.href;
+		} else {
+			var fb  = this;
+			var url = elem.href;
+			new Ajax.Request(url, {
+				method		: 'get',
+				onFailure	: function(transport){
+					fb.reveal(transport.responseText, klass);
+				},
+				onSuccess	: function(transport){
+					fb.reveal(transport.responseText, klass);
+				}
+			});
+			
+		}
+	}
+});
+
+var facebox;
+document.observe('dom:loaded', function(){
+	facebox = new Facebox();
+});