storys 0.0.2 → 0.0.3

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    MmU5NjNkYWNlODkzYzkxYzcxZTZhODBkN2E0YjMwNjU2MWU5M2Q0OA==
+  data.tar.gz: !binary |-
+    YzYwZDM1N2I2ODI2YWEwZTA1ZDM5OWVkNGQ0ZTAzMjRhOGJjNzg4Ng==
+SHA512:
+  metadata.gz: !binary |-
+    NDc2ZmY5YTdlOTNkYTc2ZDQ3OGY5NTc2ODg4ODFlNjY4ZGQwZDg1ZDcwNjIy
+    MzBiODkxZWQ1OWVmMDI4ZDM3YzE1NjcwYjE1Y2Y0NTk4ZDNhMjEzNTg0YmFj
+    ZGQ4ZjA2MjRjYzI3ZTNiMzZmZGM2MmVhODAyNzk1Y2Y4NDhmOWU=
+  data.tar.gz: !binary |-
+    OTI1ZDU0ZGZlNmVhNGM1Y2I5YjViZDMxZTIwMjdjOTljYWVmZDBmNjRmNDhk
+    YWUyMTY0NzdlYmEyNGM0NjU0Nzc3NjhiNDZmNzhjOGQ0YzYwODkyZTAwZGU5
+    ODIzYzIwZGFmOGQ0YTZlMTkwNWJhODZmOGQxMWE5ZjAwZjZjMzg=

data/app/css/app.css

@@ -27,24 +27,76 @@ h4 { font-size: 20px; margin-bottom: 0.6em; text-align: left; font-weight: bold;
   user-select: none;
 }
 
-#page-back, #page-next {
+.paginator {
   position: fixed;
-  top: 0;
-  bottom: 0;
   width: 100px;
   z-index: 10000;
+
+  opacity: 0;
+  font-size: 20px;
+  font-weight: bold;
+  text-align: center;
+  color: #ffffff;
+
+  /* Internet Explorer 10 */
+  display: -ms-flexbox;
+  -ms-flex-pack: center;
+  -ms-flex-align: center;
+
+  /* Firefox */
+  display: -moz-box;
+  -moz-box-pack: center;
+  -moz-box-align: center;
+
+  /* Safari, Opera, and Chrome */
+  display: -webkit-box;
+  -webkit-box-pack: center;
+  -webkit-box-align: center;
+
+  /* W3C */
+  display: box;
+  box-pack: center;
+  box-align: center;
 }
 
-#page-back:active, #page-next:active {
+.paginator:active, body.pagination-active .paginator {
   background-color: #000000;
-  opacity: 0.2;
+  opacity: 0.4;
+}
+
+.paginator:hover {
+  cursor: pointer;
 }
 
 #page-back {
+  top: 0;
+  bottom: 0;
   left: 0;
 }
 
 #page-next {
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+
+#page-back-10 {
+  bottom: 0;
+  left: 0;
+  height: 100px;
+  z-index: 10001;
+}
+
+#page-next-10 {
+  bottom: 0;
   right: 0;
+  height: 100px;
+  z-index: 10001;
 }
 
+#page-home {
+  top: 0;
+  left: 0;
+  height: 100px;
+  z-index: 10001;
+}

data/app/index.html

@@ -9,7 +9,6 @@
     <link href="css/views.show.css" rel="stylesheet" type="text/css">
 
     <script src="js/lib/jquery-2.0.3.js" type="text/javascript"></script>
-    <script src="js/lib/jquery.hammer.js" type="text/javascript"></script>
     <script src="js/lib/underscore.js" type="text/javascript"></script>
     <script src="js/lib/jquery.browser.js" type="text/javascript"></script>
     <script src="js/jquery.twoup.js" type="text/javascript"></script>
@@ -51,7 +50,10 @@
       </div>
     </div>
 
-    <div id="page-back"></div>
-    <div id="page-next"></div>
+    <div id="page-back" class="paginator">◀</div>
+    <div id="page-next" class="paginator">▶</div>
+    <div id="page-back-10" class="paginator">◀◀</div>
+    <div id="page-next-10" class="paginator">▶▶</div>
+    <div id="page-home" class="paginator">❌</div>
   </body>
 </html>

data/app/js/app.js

@@ -5,20 +5,31 @@ $(function() {
 
   $("#wrapper").twoup("none");
 
-  $("#page-back").click(function() {
+
+  $(document).click(function() {
+    $("body").toggleClass("pagination-active");
+  });
+
+  $("#page-back").click(function(e) {
+    e.stopPropagation();
     $.twoup.page(-1, true);
   });
-  $("#page-next").click(function() {
+  $("#page-back-10").click(function(e) {
+    e.stopPropagation();
+    $.twoup.page(-10, true);
+  });
+  $("#page-next").click(function(e) {
+    e.stopPropagation();
     $.twoup.page(1, true);
   });
-/*
-  $("#wrapper > div > div").hammer().on("drag swipeleft swiperight", function(event) {
-    if(Hammer.utils.isVertical(event.gesture.direction)) return;
-    event.gesture.preventDefault();
-
-    if(event.type == 'swipeleft') $.twoup.page(1, true);
-    else if(event.type == 'swiperight') $.twoup.page(-1, true);
-  });*/
+  $("#page-next-10").click(function(e) {
+    e.stopPropagation();
+    $.twoup.page(10, true);
+  });
+  $("#page-home").click(function(e) {
+    e.stopPropagation();
+    location.hash = lastControllerLocation;
+  });
 
   $.getJSON("data.json").done(function(data) {
     if(data.length == 0) alert("No data.json, or data invalid.");

data/app/js/controllers.index.js

@@ -1,3 +1,5 @@
+var lastControllerLocation = "#index!1";
+
 controllers.index = function(search, sort, sortDirection) {
   var _this = this;
 
@@ -75,6 +77,7 @@ controllers.index = function(search, sort, sortDirection) {
   }
 
   this.render = function() {
+    lastControllerLocation = location.hash;
   }
 
   this.destroy = function() {
@@ -84,7 +87,6 @@ controllers.index = function(search, sort, sortDirection) {
     $("a.sort").unbind("click");
     $("a.sort-direction").unbind("click");
     $("#stories").empty();
-    $("#view-index").hammer().off("swiperight").off("swipeleft").off("drag");
     $("#view-index").hide().removeClass("current-view");
   }
 }

data/app/js/jquery.twoup.js

@@ -26,7 +26,7 @@
     $(window).resize(twoup.layout).resize();
 
     $(window).bind('hashchange', function() {
-      slider.stop(true, true).animate({ "margin-left": -((twoup.page() - 1) * scroll_width) + "px" }, 500, "swing");
+      slider.css({ "margin-left": -((twoup.page() - 1) * scroll_width) + "px" });
     }).trigger('hashchange');
 
     $(window).keydown(function(event) {

data/lib/storys/version.rb

@@ -1,3 +1,3 @@
 module Storys
-  VERSION = "0.0.2"
+  VERSION = "0.0.3"
 end

metadata

@@ -1,20 +1,18 @@
 --- !ruby/object:Gem::Specification
 name: storys
 version: !ruby/object:Gem::Version
-  version: 0.0.2
-  prerelease: 
+  version: 0.0.3
 platform: ruby
 authors:
 - Brenton "B-Train" Fletcher
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-10-21 00:00:00.000000000 Z
+date: 2013-11-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -22,7 +20,6 @@ dependencies:
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -30,7 +27,6 @@ dependencies:
 - !ruby/object:Gem::Dependency
   name: addressable
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -38,7 +34,6 @@ dependencies:
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -46,7 +41,6 @@ dependencies:
 - !ruby/object:Gem::Dependency
   name: naturally
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -54,7 +48,6 @@ dependencies:
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -62,7 +55,6 @@ dependencies:
 - !ruby/object:Gem::Dependency
   name: nsf
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -70,7 +62,6 @@ dependencies:
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -1107,7 +1098,6 @@ files:
 - app/js/lib/jquery.ba-bbq.js
 - app/js/lib/jquery.browser.js
 - app/js/lib/jquery.colorbox.js
-- app/js/lib/jquery.hammer.js
 - app/js/lib/underscore.js
 - bin/storys
 - lib/storys.rb
@@ -1122,27 +1112,26 @@ files:
 - storys.gemspec
 homepage: http://github.com/bloopletech/storys
 licenses: []
+metadata: {}
 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: 1.3.6
 requirements: []
 rubyforge_project: storys
-rubygems_version: 1.8.25
+rubygems_version: 2.1.10
 signing_key: 
-specification_version: 3
+specification_version: 4
 summary: Storys indexes a collection of stories and generates a SPA that browses the
   collection.
 test_files: []