parade-preshow 0.0.1

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in parade-preshow.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Franklin Webber
+
+MIT License
+
+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.md

@@ -0,0 +1,29 @@
+# Parade::Preshow
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'parade-preshow'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install parade-preshow
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/lib/parade-preshow.rb

@@ -0,0 +1,32 @@
+require "parade-preshow/version"
+
+module Parade
+  module Preshow
+    extend self
+
+    module Server
+      def self.included(server)
+        server.get "/preshow" do
+          Dir.glob("#{settings.presentation_directory}/preshow/*").map { |path| File.basename(path) }.to_json
+        end
+      end
+    end
+
+    def asset(filename)
+      File.expand_path(File.join(File.dirname(__FILE__),"parade-preshow",filename))
+    end
+
+    def stylesheet_file
+      asset "parade-preshow.css"
+    end
+
+    def javascript_file
+      asset "parade-preshow.js"
+    end
+
+  end
+
+  Server.register Preshow::Server
+  Server.register_javascript Preshow.javascript_file
+  Server.register_stylesheet Preshow.stylesheet_file
+end

data/lib/parade-preshow/parade-preshow.css

@@ -0,0 +1,17 @@
+#preshow { display: none; }
+
+#preshow_timer {
+  display:inline;
+  background-color:#000;
+  color:#fff;
+  font-size:3em;
+  border:2px solid black;
+  position: fixed;
+  padding:25px;
+  margin:0px;
+  z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
+}
+
+#preshow_timer {
+  bottom: 0px;
+}

data/lib/parade-preshow/parade-preshow.js

@@ -0,0 +1,182 @@
+$(document).ready(function() {
+
+  // Setup the 'p' key to launch the preshow
+
+  MainKeyboard.on('p', function(){
+    $.publish("presentation:preshow:toggle");
+  });
+
+  // Have the presentation to hide it's footer when the pre-show starts
+
+  $.subscribe("presentation:preshow:start",$.proxy(function() {
+    this.footer.hide();
+  },presentation));
+
+  // Have the presentation show the footer and show the current slide
+  // when the pre-show ends.
+
+  $.subscribe("presentation:preshow:stop",$.proxy(function() {
+    this.footer.show();
+
+    // Returning from a presentation requires the presentation frame to
+    // be rebuilt.
+
+    this.presentationFrame.cycle({
+      timeout: 0
+    });
+    this.showSlide();
+
+  },presentation));
+
+
+  window.Preshow = Spine.Class.create({
+    init: function() {
+      this.element = $(arguments[0]);
+      this.secondsToRun = parseFloat(arguments[1] * 60);
+
+      $.subscribe("presentation:preshow:toggle",$.proxy(function() {
+        this.toggle();
+      },this));
+
+    },
+    preshowRunning: false,
+    start: function() {
+
+      if (this.preshowIntervalReference) {
+        return;
+      }
+
+      this.preservePresentationSpace();
+
+      this.load();
+
+      this.images = this.element.children("img");
+
+      this.currentImageIndex = 0;
+      this.totalImages = this.images.size();
+
+
+      this.preshowRunning = true;
+
+      $.publish("presentation:preshow:start");
+
+      this.currentRunTime = 0;
+      this.currentRemainingTime = this.secondsToRun;
+
+      this.nextImage();
+      this.preshowIntervalReference = setInterval($.proxy(this.perform,this),1000);
+
+    },
+    preservePresentationSpace: function() {
+      this.storedPresentationSpace = this.element.html();
+    },
+    restorePresentationSpace: function() {
+      this.element.empty();
+      this.element.html(this.storedPresentationSpace);
+    },
+    displayImagesInterval: 5,
+    perform: function() {
+      this.currentRunTime ++;
+      this.currentRemainingTime --;
+
+      time = this.secondsToTime(this.currentRemainingTime);
+
+      $('#preshow_timer').text(time + ' to go-time')
+      var description = this.preshowDescription && this.preshowDescription[tmpImg.attr("ref")]
+
+      if(description) {
+        $('#tips').show();
+        $('#tips').text(description);
+      } else {
+        $('#tips').hide();
+      }
+
+      if ((this.currentRunTime % this.displayImagesInterval) == 0) {
+        this.nextImage();
+      }
+
+      this.preshowTip();
+
+      if (this.currentRemainingTime <= 0) {
+        this.stop();
+      }
+
+    },
+    stop: function() {
+
+      if (!this.preshowIntervalReference) {
+        return;
+      }
+
+      this.preshowRunning = false;
+      window.clearInterval(this.preshowIntervalReference);
+      this.preshowIntervalReference = undefined;
+
+      $('#preshow').remove();
+      $('#tips').remove();
+      $('#preshow_timer').remove();
+
+      this.restorePresentationSpace();
+
+      $.publish("presentation:preshow:stop");
+
+    },
+    toggle: function() {
+
+      if (this.preshowIntervalReference) {
+        this.stop();
+      } else {
+        this.start();
+      }
+
+    },
+    preshowPath: "preshow",
+    load: function() {
+
+      $.getJSON(this.preshowPath, false, $.proxy(function(data) {
+
+        this.element.after("<div id='preshow'></div><div id='tips'></div><div id='preshow_timer'></div>")
+
+        $.each(data, $.proxy(function(i, n) {
+          if(n == "preshow.json") {
+            // has a descriptions file
+            $.getJSON("/file/preshow/preshow.json", false, function(data) {
+              this.preshowDescription = data;
+            })
+          } else {
+            $('#preshow').append('<img ref="' + n + '" src="/file/preshow/' + n + '"/>');
+            this.images = $("#preshow > img");
+            this.totalImages = this.images.size();
+          }
+        },this));
+
+      },this));
+
+    },
+    nextImage: function() {
+      this.currentImageIndex ++;
+      if((this.currentImageIndex + 1) > this.totalImages) {
+        this.currentImageIndex = 0;
+      }
+
+      this.element.empty();
+      tmpImg = this.images.eq(this.currentImageIndex).clone();
+      $(tmpImg).attr('width', '1020');
+      this.element.html(tmpImg);
+    },
+    preshowTip: function() {
+
+    },
+    secondsToTime: function(seconds) {
+      minutes = Math.floor(seconds / 60)
+      seconds = seconds - (minutes * 60)
+      if(seconds < 10) {
+        seconds = "0" + seconds
+      }
+      return minutes + ":" + seconds
+    }
+  });
+
+  preshow = new Preshow("#preso",0.25);
+
+});

data/lib/parade-preshow/version.rb

@@ -0,0 +1,5 @@
+module Parade
+  module Preshow
+    VERSION = "0.0.1"
+  end
+end

data/parade-preshow.gemspec

@@ -0,0 +1,20 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'parade-preshow/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "parade-preshow"
+  gem.version       = Parade::Preshow::VERSION
+  gem.authors       = ["Franklin Webber"]
+  gem.email         = ["franklin.webber@gmail.com"]
+  gem.description   = %q{Adds a time configurable preshow to a Parade presentation, allowing you to present images before your presentation starts.}
+  gem.summary       = %q{Adds an image carousel of images to your Parade presentation}
+  gem.homepage      = "https://github.com/burtlo/parade-preshow"
+  gem.license       = "MIT"
+
+  gem.files         = `git ls-files`.split($/)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.require_paths = ["lib"]
+end

metadata

@@ -0,0 +1,57 @@
+--- !ruby/object:Gem::Specification
+name: parade-preshow
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Franklin Webber
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-03-05 00:00:00.000000000 Z
+dependencies: []
+description: Adds a time configurable preshow to a Parade presentation, allowing you
+  to present images before your presentation starts.
+email:
+- franklin.webber@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- lib/parade-preshow.rb
+- lib/parade-preshow/parade-preshow.css
+- lib/parade-preshow/parade-preshow.js
+- lib/parade-preshow/version.rb
+- parade-preshow.gemspec
+homepage: https://github.com/burtlo/parade-preshow
+licenses:
+- MIT
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.25
+signing_key: 
+specification_version: 3
+summary: Adds an image carousel of images to your Parade presentation
+test_files: []