mangos 0.0.7 → 0.0.8

data/app/css/app.css

@@ -10,79 +10,4 @@ html, body { height: 100%; }
 li { margin-left: 30px; }
 p, ul { margin-bottom: 1.3em; }
 
-.clear { clear: both; }
-
-.paginator {
-  position: fixed;
-  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;
-}
-
-.paginator:active {
-  background-color: #000000;
-  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;
-}
-
+.clear { clear: both; }

data/app/css/views.index.css

@@ -4,9 +4,8 @@
 
 #header { padding: 12px; }
 #search { width: 250px; }
-#actions { float: right; }
 
-#header > form { 
+#header > form {
   width: 684px;
   margin-left: auto;
   margin-right: auto;
@@ -14,34 +13,14 @@
 
 #wrapper { position: relative; background-color: #000000; }
 
-#tag_cloud, #header { background-color: #ffffff; }
-#tag_cloud { position: absolute; top: 0; right: 0; z-index: 1000; width: 500px; background-color: #ffffff; padding: 15px; }
-#tag_cloud .size_1 { font-size: 1.0em; }
-#tag_cloud .size_2 { font-size: 1.2em; }
-#tag_cloud .size_3 { font-size: 1.4em; }
-#tag_cloud .size_4 { font-size: 1.6em; }
-
-.title {  }
 #items { padding: 2px 0 0 2px; }
 #items li { margin: 0 2px 2px 0; float: left; list-style-type: none; position: relative; overflow: hidden; width: 197px; height: 310px; }
-#items li .emblems, #items li .actions { display: block; position: absolute; top: 0; right: 0; padding: 1px; line-height: 0; background-color: #ffffff; }
-#items li .actions { display: none; right: auto; left: 0; width: 32px; }
 #items li > a { color: #000000; text-decoration: none; }
 #items li .info-wrapper { position: absolute; bottom: 0; left: 0; right: 0; background-color: #ffffff; }
 #items li .info { padding: 2px; }
 #items li .info img { vertical-align: middle; }
 #items li .info .title { padding-bottom: 3px; }
-#items .tag_list { min-height: 1.2em; }
-#items .tag_list:hover { background-color: #ffffaa; }
-#items input { width: 100%; }
 
 #items li.no_results { color: #ffffff; width: auto; float: none; text-align: center; padding: 40px 0; }
-/*#items .tags form { display: none; }*/
-
-#items li:hover .actions { display: block; }
 
 #item .title_image { float: left; margin-right: 15px; }
-#item #info { float: left; width: 315px; }
-#item .actions { margin-top: 15px; border-top: 1px solid #a0a0a0; padding-top: 15px; }
-
-#collections-index body { padding: 10px; }

data/app/css/views.show.css

@@ -16,6 +16,12 @@
   margin: 0 auto 0 auto;
 }
 
+@media (min-width: 992px) {
+  #view-show img {
+    max-height: 100%;
+  }
+}
+
 #view-show #return-to-index {
   padding: 5px;
 }
@@ -23,3 +29,77 @@
 #view-show #return-to-index a {
   color: #ffffff;
 }
+
+.paginator {
+  position: fixed;
+  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;
+}
+
+.paginator:active {
+  background-color: #000000;
+  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

@@ -53,12 +53,11 @@
 
     <div id="view-show">
       <img src="img/blank.png" id="image">
+      <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>
     </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

@@ -3,44 +3,6 @@ var store = null;
 $(function() {
   $(document).on("dragstart", "a, img", false);
 
-  $("#page-back").click(function(e) {
-    e.stopPropagation();
-    utils.page(utils.page() - 1);
-  });
-  $("#page-back-10").click(function(e) {
-    e.stopPropagation();
-    utils.page(utils.page() - 10);
-  });
-  $("#page-next").click(function(e) {
-    e.stopPropagation();
-    utils.page(utils.page() + 1);
-  });
-  $("#page-next-10").click(function(e) {
-    e.stopPropagation();
-    utils.page(utils.page() + 10);
-  });
-  $("#page-home").click(function(e) {
-    e.stopPropagation();
-    if(lastControllerLocation != "") {
-      location.hash = lastControllerLocation;
-    }
-    else {
-      window.close();
-    }
-  });
-
-  $(window).keydown(function(event) {
-    if(event.keyCode == 39 || ((event.keyCode == 32 || event.keyCode == 13)
-      && utils.scrollDistanceFromBottom() <= 0)) {
-      event.preventDefault();
-      utils.page(utils.page() + 1);
-    }
-    else if(event.keyCode == 8 || event.keyCode == 37) {
-      event.preventDefault();
-      utils.page(utils.page() - 1);
-    }
-  });
-
   $.getJSON("data.json").done(function(data) {
     if(data.length == 0) alert("No data.json, or data invalid.");
 

data/app/js/controllers.index.js

@@ -31,16 +31,6 @@ controllers.index = function(search, sort, sortDirection) {
   if(!sortDirection) sortDirection = "desc";
   if(sortDirection == "desc") books = books.reverse();
 
-  function perPageFromWindow() {
-    var windowWidth = $(window).width();
-    if(windowWidth < 1000) return 16;
-    else if(windowWidth > 1000 && windowWidth < 1500) return 21;
-    else if(windowWidth > 1500) return 25;
-  }
-
-  var perPage = perPageFromWindow();
-  var pages = utils.pages(books, perPage);
-
   this.init = function() {
     console.log("starting index");
 
@@ -102,8 +92,7 @@ controllers.index = function(search, sort, sortDirection) {
     console.log("rendering");
     window.scrollTo(0, 0);
 
-    var booksPage = utils.paginate(books, perPage);
-    addBooks(booksPage);
+    addBooks(_.first(books, 500));
     lastControllerLocation = location.hash;
   }
 

data/app/js/controllers.show.js

@@ -37,11 +37,52 @@ controllers.show = function(key) {
     //var image = $("#image")[0];
     //image.onload = squeezePortraitImage;
 
+    initPaginator();
     $("#view-show").show().addClass("current-view");
     $("title").text(book.title + " - Mangos");
     //setTimeout(preloadImages, 5000);
   }
 
+  function initPaginator() {
+    $("#page-back").click(function(e) {
+      e.stopPropagation();
+      utils.page(utils.page() - 1);
+    });
+    $("#page-back-10").click(function(e) {
+      e.stopPropagation();
+      utils.page(utils.page() - 10);
+    });
+    $("#page-next").click(function(e) {
+      e.stopPropagation();
+      utils.page(utils.page() + 1);
+    });
+    $("#page-next-10").click(function(e) {
+      e.stopPropagation();
+      utils.page(utils.page() + 10);
+    });
+    $("#page-home").click(function(e) {
+      e.stopPropagation();
+      if(lastControllerLocation != "") {
+        location.hash = lastControllerLocation;
+      }
+      else {
+        window.close();
+      }
+    });
+
+    $(window).keydown(function(event) {
+      if(event.keyCode == 39 || ((event.keyCode == 32 || event.keyCode == 13)
+        && utils.scrollDistanceFromBottom() <= 0)) {
+        event.preventDefault();
+        utils.page(utils.page() + 1);
+      }
+      else if(event.keyCode == 8 || event.keyCode == 37) {
+        event.preventDefault();
+        utils.page(utils.page() - 1);
+      }
+    });
+  }
+
   this.render = function() {
     window.scrollTo(0, 0);
 
@@ -56,7 +97,13 @@ controllers.show = function(key) {
 
   this.destroy = function() {
     console.log("destroying show");
+    destroyPaginator();
     $("#view-show").hide().removeClass("current-view");
   }
+
+  function destroyPaginator() {
+    $(".paginator").unbind("click");
+    $(window).unbind("keydown");
+  }
 }
 

data/lib/mangos/version.rb

@@ -1,3 +1,3 @@
 module Mangos
-  VERSION = "0.0.7"
+  VERSION = "0.0.8"
 end

metadata

@@ -1,69 +1,78 @@
 --- !ruby/object:Gem::Specification
 name: mangos
 version: !ruby/object:Gem::Version
-  version: 0.0.7
+  version: 0.0.8
+  prerelease: 
 platform: ruby
 authors:
 - Brenton "B-Train" Fletcher
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-04-28 00:00:00.000000000 Z
+date: 2014-07-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
+    none: false
     requirements:
-    - - ">="
+    - - ! '>='
       - !ruby/object:Gem::Version
         version: 1.0.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
+    none: false
     requirements:
-    - - ">="
+    - - ! '>='
       - !ruby/object:Gem::Version
         version: 1.0.0
 - !ruby/object:Gem::Dependency
   name: addressable
   requirement: !ruby/object:Gem::Requirement
+    none: false
     requirements:
-    - - ">="
+    - - ! '>='
       - !ruby/object:Gem::Version
         version: 2.3.5
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
+    none: false
     requirements:
-    - - ">="
+    - - ! '>='
       - !ruby/object:Gem::Version
         version: 2.3.5
 - !ruby/object:Gem::Dependency
   name: naturally
   requirement: !ruby/object:Gem::Requirement
+    none: false
     requirements:
-    - - ">="
+    - - ! '>='
       - !ruby/object:Gem::Version
         version: 1.0.3
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
+    none: false
     requirements:
-    - - ">="
+    - - ! '>='
       - !ruby/object:Gem::Version
         version: 1.0.3
 - !ruby/object:Gem::Dependency
   name: rmagick
   requirement: !ruby/object:Gem::Requirement
+    none: false
     requirements:
-    - - ">="
+    - - ! '>='
       - !ruby/object:Gem::Version
         version: 2.13.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
+    none: false
     requirements:
-    - - ">="
+    - - ! '>='
       - !ruby/object:Gem::Version
         version: 2.13.1
 description: A collection of manga or comics is a directory (the container) containing
@@ -80,7 +89,7 @@ executables:
 extensions: []
 extra_rdoc_files: []
 files:
-- ".gitignore"
+- .gitignore
 - LICENSE
 - Rakefile
 - app/css/app.css
@@ -1116,27 +1125,27 @@ files:
 - mangos.gemspec
 homepage: http://github.com/bloopletech/mangos
 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: mangos
-rubygems_version: 2.2.2
+rubygems_version: 1.8.25
 signing_key: 
-specification_version: 4
+specification_version: 3
 summary: Mangos indexes a collection of manga or comis and generates a SPA that browses
   the collection.
 test_files: []
-has_rdoc: 

checksums.yaml

@@ -1,7 +0,0 @@
----
-SHA1:
-  metadata.gz: b0746c4b67070f9b56de981d6a16394d2936c4ea
-  data.tar.gz: 4a47f473b5ead7a62a3b1e52860f9ef5e197780f
-SHA512:
-  metadata.gz: e9a04b17f0ee303a06ab969f5968d69f8a6938ca85372842fd8e0f7fcb7f06a7d3f4deb929d6a25a986ad8a1a756083e299f22b3aaad09c9919f946c75566d1c
-  data.tar.gz: f1597e94001d6157a60578c44dca8386d364e0e88c2bf553b0e6dfc1356651864a008573a34cecb40458b7bc85ac43a3c5e3aeb00cf54391a978fb0f79f86f58