merb-ui 0.1

data/lib/merb-ui.rb

@@ -0,0 +1,77 @@
+if defined?(Merb::Plugins)
+
+  $:.unshift File.dirname(__FILE__)
+
+  load_dependencies('merb-slices', 'merb-helpers')
+  Merb::Plugins.add_rakefiles "merb-ui/merbtasks", "merb-ui/slicetasks", "merb-ui/spectasks"
+
+  # Register the Slice for the current host application
+  Merb::Slices::register(__FILE__)
+  
+  # Slice configuration - set this in a before_app_loads callback.
+  # By default a Slice uses its own layout, so you can swicht to 
+  # the main application layout or no layout at all if needed.
+  # 
+  # Configuration options:
+  # :layout - the layout to use; defaults to :merb-ui
+  # :mirror - which path component types to use on copy operations; defaults to all
+  Merb::Slices::config[:merb_ui][:layout] ||= :application
+  
+  # All Slice code is expected to be namespaced inside a module
+  module MerbUi
+    
+    # Slice metadata
+    self.description = "Merb UI"
+    self.version = "1.0"
+    self.author = "UI Poet"
+    
+    # Stub classes loaded hook - runs before LoadClasses BootLoader
+    # right after a slice's classes have been loaded internally.
+    def self.loaded
+    end
+    
+    # Initialization hook - runs before AfterAppLoads BootLoader
+    def self.init
+    end
+    
+    # Activation hook - runs after AfterAppLoads BootLoader
+    def self.activate
+    end
+    
+    # Deactivation hook - triggered by Merb::Slices.deactivate(MerbUi)
+    def self.deactivate
+    end
+    
+    # Setup routes inside the host application
+    #
+    # @param scope<Merb::Router::Behaviour>
+    #  Routes will be added within this scope (namespace). In fact, any 
+    #  router behaviour is a valid namespace, so you can attach
+    #  routes at any level of your router setup.
+    #
+    # @note prefix your named routes with :merb_ui_
+    #   to avoid potential conflicts with global named routes.
+    def self.setup_router(scope)
+      scope.match('/stylesheets/mui.css').to(:controller => 'styles', :action => 'index')
+    end
+    
+  end
+  
+  # Setup the slice layout for MerbUi
+  #
+  # Use MerbUi.push_path and MerbUi.push_app_path
+  # to set paths to merb-ui-level and app-level paths. Example:
+  #
+  # MerbUi.push_path(:application, MerbUi.root)
+  # MerbUi.push_app_path(:application, Merb.root / 'slices' / 'merb-ui')
+  # ...
+  #
+  # Any component path that hasn't been set will default to MerbUi.root
+  #
+  # Or just call setup_default_structure! to setup a basic Merb MVC structure.
+  MerbUi.setup_default_structure!
+  
+  # Add dependencies for other MerbUi classes below. Example:
+  # dependency "merb-ui/other"
+  
+end

data/lib/merb-ui/merbtasks.rb

@@ -0,0 +1,103 @@
+namespace :slices do
+  namespace :merb_ui do
+  
+    desc "Install MerbUi"
+    task :install => [:preflight, :setup_directories, :copy_assets, :migrate]
+    
+    desc "Test for any dependencies"
+    task :preflight do # see slicetasks.rb
+    end
+  
+    desc "Setup directories"
+    task :setup_directories do
+      puts "Creating directories for host application"
+      MerbUi.mirrored_components.each do |type|
+        if File.directory?(MerbUi.dir_for(type))
+          if !File.directory?(dst_path = MerbUi.app_dir_for(type))
+            relative_path = dst_path.relative_path_from(Merb.root)
+            puts "- creating directory :#{type} #{File.basename(Merb.root) / relative_path}"
+            mkdir_p(dst_path)
+          end
+        end
+      end
+    end
+    
+    desc "Copy stub files to host application"
+    task :stubs do
+      puts "Copying stubs for MerbUi - resolves any collisions"
+      copied, preserved = MerbUi.mirror_stubs!
+      puts "- no files to copy" if copied.empty? && preserved.empty?
+      copied.each { |f| puts "- copied #{f}" }
+      preserved.each { |f| puts "! preserved override as #{f}" }
+    end
+    
+    desc "Copy stub files and views to host application"
+    task :patch => [ "stubs", "freeze:views" ]
+  
+    desc "Copy public assets to host application"
+    task :copy_assets do
+      puts "Copying assets for MerbUi - resolves any collisions"
+      copied, preserved = MerbUi.mirror_public!
+      puts "- no files to copy" if copied.empty? && preserved.empty?
+      copied.each { |f| puts "- copied #{f}" }
+      preserved.each { |f| puts "! preserved override as #{f}" }
+    end
+    
+    desc "Migrate the database"
+    task :migrate do # see slicetasks.rb
+    end
+    
+    desc "Freeze MerbUi into your app (only merb-ui/app)" 
+    task :freeze => [ "freeze:app" ]
+
+    namespace :freeze do
+      
+      desc "Freezes MerbUi by installing the gem into application/gems"
+      task :gem do
+        ENV["GEM"] ||= "merb-ui"
+        Rake::Task['slices:install_as_gem'].invoke
+      end
+      
+      desc "Freezes MerbUi by copying all files from merb-ui/app to your application"
+      task :app do
+        puts "Copying all merb-ui/app files to your application - resolves any collisions"
+        copied, preserved = MerbUi.mirror_app!
+        puts "- no files to copy" if copied.empty? && preserved.empty?
+        copied.each { |f| puts "- copied #{f}" }
+        preserved.each { |f| puts "! preserved override as #{f}" }
+      end
+      
+      desc "Freeze all views into your application for easy modification" 
+      task :views do
+        puts "Copying all view templates to your application - resolves any collisions"
+        copied, preserved = MerbUi.mirror_files_for :view
+        puts "- no files to copy" if copied.empty? && preserved.empty?
+        copied.each { |f| puts "- copied #{f}" }
+        preserved.each { |f| puts "! preserved override as #{f}" }
+      end
+      
+      desc "Freeze all models into your application for easy modification" 
+      task :models do
+        puts "Copying all models to your application - resolves any collisions"
+        copied, preserved = MerbUi.mirror_files_for :model
+        puts "- no files to copy" if copied.empty? && preserved.empty?
+        copied.each { |f| puts "- copied #{f}" }
+        preserved.each { |f| puts "! preserved override as #{f}" }
+      end
+      
+      desc "Freezes MerbUi as a gem and copies over merb-ui/app"
+      task :app_with_gem => [:gem, :app]
+      
+      desc "Freezes MerbUi by unpacking all files into your application"
+      task :unpack do
+        puts "Unpacking MerbUi files to your application - resolves any collisions"
+        copied, preserved = MerbUi.unpack_slice!
+        puts "- no files to copy" if copied.empty? && preserved.empty?
+        copied.each { |f| puts "- copied #{f}" }
+        preserved.each { |f| puts "! preserved override as #{f}" }
+      end
+      
+    end
+    
+  end
+end

data/lib/merb-ui/slicetasks.rb

@@ -0,0 +1,18 @@
+namespace :slices do
+  namespace :merb_ui do 
+    
+    # add your own merb-ui tasks here
+    
+    # implement this to test for structural/code dependencies
+    # like certain directories or availability of other files
+    desc "Test for any dependencies"
+    task :preflight do
+    end
+    
+    # implement this to perform any database related setup steps
+    desc "Migrate the database"
+    task :migrate do
+    end
+    
+  end
+end

data/lib/merb-ui/spectasks.rb

@@ -0,0 +1,65 @@
+namespace :slices do
+  namespace :merb_ui do
+      
+    desc "Run slice specs within the host application context"
+    task :spec => [ "spec:explain", "spec:default" ]
+    
+    namespace :spec do
+      
+      slice_root = File.expand_path(File.join(File.dirname(__FILE__), '..', '..'))
+      
+      task :explain do
+        puts "\nNote: By running MerbUi specs inside the application context any\n" +
+             "overrides could break existing specs. This isn't always a problem,\n" +
+             "especially in the case of views. Use these spec tasks to check how\n" +
+             "well your application conforms to the original slice implementation."
+      end
+      
+      Spec::Rake::SpecTask.new('default') do |t|
+        t.spec_opts = ["--format", "specdoc", "--colour"]
+        t.spec_files = Dir["#{slice_root}/spec/**/*_spec.rb"].sort
+      end
+
+      desc "Run all model specs, run a spec for a specific Model with MODEL=MyModel"
+      Spec::Rake::SpecTask.new('model') do |t|
+        t.spec_opts = ["--format", "specdoc", "--colour"]
+        if(ENV['MODEL'])
+          t.spec_files = Dir["#{slice_root}/spec/models/**/#{ENV['MODEL']}_spec.rb"].sort
+        else
+          t.spec_files = Dir["#{slice_root}/spec/models/**/*_spec.rb"].sort
+        end
+      end
+
+      desc "Run all controller specs, run a spec for a specific Controller with CONTROLLER=MyController"
+      Spec::Rake::SpecTask.new('controller') do |t|
+        t.spec_opts = ["--format", "specdoc", "--colour"]
+        if(ENV['CONTROLLER'])
+          t.spec_files = Dir["#{slice_root}/spec/controllers/**/#{ENV['CONTROLLER']}_spec.rb"].sort
+        else    
+          t.spec_files = Dir["#{slice_root}/spec/controllers/**/*_spec.rb"].sort
+        end
+      end
+
+      desc "Run all view specs, run specs for a specific controller (and view) with CONTROLLER=MyController (VIEW=MyView)"
+      Spec::Rake::SpecTask.new('view') do |t|
+        t.spec_opts = ["--format", "specdoc", "--colour"]
+        if(ENV['CONTROLLER'] and ENV['VIEW'])
+          t.spec_files = Dir["#{slice_root}/spec/views/**/#{ENV['CONTROLLER']}/#{ENV['VIEW']}*_spec.rb"].sort
+        elsif(ENV['CONTROLLER'])
+          t.spec_files = Dir["#{slice_root}/spec/views/**/#{ENV['CONTROLLER']}/*_spec.rb"].sort
+        else
+          t.spec_files = Dir["#{slice_root}/spec/views/**/*_spec.rb"].sort
+        end
+      end
+
+      desc "Run all specs and output the result in html"
+      Spec::Rake::SpecTask.new('html') do |t|
+        t.spec_opts = ["--format", "html"]
+        t.libs = ['lib', 'server/lib' ]
+        t.spec_files = Dir["#{slice_root}/spec/**/*_spec.rb"].sort
+      end
+      
+    end
+    
+  end
+end

data/public/javascripts/desktop.js

@@ -0,0 +1,84 @@
+// Position message at top center.
+function messagePosition(){
+  var browserWidth = $(window).width();
+  var messageWidth = $('.mui_message').width();
+  $('.mui_message').css({position:'fixed', left:(browserWidth/2)+(messageWidth/2)*(-1), top:0}).slideDown('fast');
+}
+
+// Close window.
+function windowClose(url){
+  var target = $('.mui_window_target');
+  target.fadeOut(function(){
+	  target.empty;
+    $('.mui_focus:first').focus();
+	});
+}
+
+// Open window and give the first input with class of mui_focus focus, if one exists.
+function windowOpen(url){
+  var target = $('.mui_window_target');
+  target.fadeOut(function(){
+	  target.load(url, function(){
+	    target.fadeIn();
+      $('.mui_focus:first').focus();
+  	});
+	});
+}
+
+// Position window at middle center.
+function windowPosition(){
+  var browserWidth = $(window).width();
+  var browserHeight = $(window).height();
+  var windowWidth = $('.mui_window_target').width();
+  var windowHeight = $('.mui_window_target').height();
+  if (windowWidth > browserWidth){
+    $('.mui_window_target').css({position:'absolute', left:'1em'});
+  }
+  else{
+    $('.mui_window_target').css({position:'fixed', left:(browserWidth/2)+(windowWidth/2)*(-1)});
+  }
+  if (windowHeight > browserHeight){
+    $('.mui_window_target').css({position:'absolute', top:'1em'});
+  }
+  else{
+    $('.mui_window_target').css({position:'fixed', top:(browserHeight/2)+(windowHeight/2)*(-1)});
+  }
+}
+
+// Bind buttons.
+$(function(){
+  $('.mui_click').click(function(){
+    window.location = this.id;
+  });
+  $('.mui_click_window_open').click(function(){
+    windowOpen(this.id);
+  });
+  $('.mui_click_message_close').click(function(){
+    $('.mui_message').slideUp('fast', function(){
+      $('.mui_message').remove();
+    });
+  });
+  messagePosition();
+});
+
+// Bind keyboard shortcuts.
+$(document).keybind('ctrl+shift+P', function(){
+  windowOpen('/password/read');
+});
+$(document).keybind('ctrl+shift+esc', function(){
+  window.location = '/password/exit';
+});
+$(document).keybind('esc', function(){
+  if ($('.mui_message').length > 0){
+    $('.mui_click_message_close').click();
+  }
+  else{
+    $('.mui_click_window_close').click();
+  }
+});
+$(document).keybind('left', function(){
+  $('[name=previous]').click();
+});
+$(document).keybind('right', function(){
+  $('[name=next]').click();
+});

data/public/javascripts/dimensions.js

@@ -0,0 +1,12 @@
+/* Copyright (c) 2007 Paul Bakaus (paul.bakaus@googlemail.com) and Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * $LastChangedDate: 2007-12-20 08:43:48 -0600 (Thu, 20 Dec 2007) $
+ * $Rev: 4257 $
+ *
+ * Version: 1.2
+ *
+ * Requires: jQuery 1.2+
+ */
+eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(5($){$.19={P:\'1.2\'};$.u([\'j\',\'w\'],5(i,d){$.q[\'O\'+d]=5(){p(!3[0])6;g a=d==\'j\'?\'s\':\'m\',e=d==\'j\'?\'D\':\'C\';6 3.B(\':y\')?3[0][\'L\'+d]:4(3,d.x())+4(3,\'n\'+a)+4(3,\'n\'+e)};$.q[\'I\'+d]=5(b){p(!3[0])6;g c=d==\'j\'?\'s\':\'m\',e=d==\'j\'?\'D\':\'C\';b=$.F({t:Z},b||{});g a=3.B(\':y\')?3[0][\'8\'+d]:4(3,d.x())+4(3,\'E\'+c+\'w\')+4(3,\'E\'+e+\'w\')+4(3,\'n\'+c)+4(3,\'n\'+e);6 a+(b.t?(4(3,\'t\'+c)+4(3,\'t\'+e)):0)}});$.u([\'m\',\'s\'],5(i,b){$.q[\'l\'+b]=5(a){p(!3[0])6;6 a!=W?3.u(5(){3==h||3==r?h.V(b==\'m\'?a:$(h)[\'U\'](),b==\'s\'?a:$(h)[\'T\']()):3[\'l\'+b]=a}):3[0]==h||3[0]==r?S[(b==\'m\'?\'R\':\'Q\')]||$.N&&r.M[\'l\'+b]||r.A[\'l\'+b]:3[0][\'l\'+b]}});$.q.F({z:5(){g a=0,f=0,o=3[0],8,9,7,v;p(o){7=3.7();8=3.8();9=7.8();8.f-=4(o,\'K\');8.k-=4(o,\'J\');9.f+=4(7,\'H\');9.k+=4(7,\'Y\');v={f:8.f-9.f,k:8.k-9.k}}6 v},7:5(){g a=3[0].7;G(a&&(!/^A|10$/i.16(a.15)&&$.14(a,\'z\')==\'13\'))a=a.7;6 $(a)}});5 4(a,b){6 12($.11(a.17?a[0]:a,b,18))||0}})(X);',62,72,'|||this|num|function|return|offsetParent|offset|parentOffset|||||borr|top|var|window||Height|left|scroll|Left|padding|elem|if|fn|document|Top|margin|each|results|Width|toLowerCase|visible|position|body|is|Right|Bottom|border|extend|while|borderTopWidth|outer|marginLeft|marginTop|client|documentElement|boxModel|inner|version|pageYOffset|pageXOffset|self|scrollTop|scrollLeft|scrollTo|undefined|jQuery|borderLeftWidth|false|html|curCSS|parseInt|static|css|tagName|test|jquery|true|dimensions'.split('|'),0,{}))

data/public/javascripts/keybinder.js

@@ -0,0 +1,138 @@
+// Look, I'm like all the cool kids!
+;(function(_) {
+  _.special_keys = {
+	  27:'esc',
+	  9:'tab',
+	  32:'space',
+	  13:'enter',
+	  8:'backspace',
+
+	  145:'scroll_lock',
+	  20:'caps_lock',
+	  144:'num_lock',
+
+	  19:'pause',
+
+	  45:'insert',
+	  36:'home',
+	  46:'delete',
+	  35:'end',
+
+	  33:'page_up',
+
+	  34:'page_down',
+
+	  37:'left',
+	  38:'up',
+	  39:'right',
+	  40:'down',
+
+	  112:'f1',
+	  113:'f2',
+	  114:'f3',
+	  115:'f4',
+	  116:'f5',
+	  117:'f6',
+	  118:'f7',
+	  119:'f8',
+	  120:'f9',
+	  121:'f10',
+	  122:'f11',
+	  123:'f12',
+  };
+
+  _.shift_nums = {
+	  "`":"~",
+	  "1":"!",
+	  "2":"@",
+	  "3":"#",
+	  "4":"$",
+	  "5":"%",
+	  "6":"^",
+	  "7":"&",
+	  "8":"*",
+	  "9":"(",
+	  "0":")",
+	  "-":"_",
+	  "=":"+",
+	  ";":":",
+	  "'":"\"",
+	  ",":"<",
+	  ".":">",
+	  "/":"?",
+	  "\\":"|"
+  };
+  _.fn.extend({
+    keybindings: function(bindings) {
+      var old = this.data("__keybindings__") || {};
+      if(bindings) {
+        return this.data("__keybindings__", _.extend(old, bindings));
+      }
+      return old;
+    }
+
+    ,keybind: function(binding, fn) {
+      var bindings = {}
+        ,that = this;
+      bindings[binding] = fn;
+      this.keybindings(bindings);
+      if(!this.data("__keybound__")) {
+        this.data("__keybound__", true);
+        this.keydown(function(e){
+          var bindings = that.keybindings()
+            ,binding
+            ,keys
+            ,modified
+            ,matched
+            ,modKeys = 'shift ctrl alt'.split(/ /)
+            ,key
+            ,requested_presses
+            ,presses;
+
+          if(_.special_keys[e.keyCode]) key = _.special_keys[e.keyCode];
+          else if(e.keyCode == 188) key=","; //If the user presses , when the type is onkeydown
+			    else if(e.keyCode == 190) key="."; //If the user presses , when the type is onkeydown
+          else if(e.which != 0) key = String.fromCharCode(e.which);
+
+          for(binding in bindings) {
+            presses = 0;
+            requested_presses = binding.split('+').length;
+            modified = true;
+            _(modKeys).each(function() {
+              // false if the modifier is wanted, but it isn't given
+              if(binding.match(this) !== null) modified = e[this+"Key"];
+              if(e[this+"Key"]) presses++;
+            });
+            keys = binding.replace(/shift|ctrl|alt|meta/, '').split(/\++/);
+            matched = false;
+            _(keys).each(function() {
+              if(this !== "") {
+                if(this == key) {
+                  matched = true;
+                  presses++;
+                }
+              }
+            });
+            function execute() {
+              bindings[binding].call(e.target, e);
+            }
+            if(modified && matched && presses === requested_presses) {
+              execute();
+              break;
+            }
+            else {
+              _(keys).each(function() {
+                if(this !== "") {
+                  if(this == _.shift_nums[key]) {
+                    execute();
+                  }
+                }
+              });
+            }
+          }
+        });
+      }
+      return this;
+    }
+  });
+})(jQuery);