cafepress_wrapper 0.0.1

data/public/javascripts/cafepress_wrapper.js

@@ -0,0 +1,118 @@
+/*
+# Copyright 2010 Benjamin Lee Smith <benjamin.lee.smith@gmail.com>
+#
+# This file is part of CafePress Wrapper.
+# CafePress Wrapper is free software: you can redistribute it and/or modify
+# it under the terms of the GNU General Public License as published by
+# the Free Software Foundation, either version 3 of the License, or
+# (at your option) any later version.
+#
+# CafePress Wrapper is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU General Public License for more details.
+#
+# You should have received a copy of the GNU General Public License
+# along with CafePress Wrapper.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+if(!CPW) var CPW = {};
+CPW.cycle_speed = 3000;
+CPW.front_images_shown = true;
+
+CPW.cycle_images = function() {
+  if(CPW.front_images_shown) {
+    CPW.fade_fronts();
+    setTimeout('CPW.appear_backs();', 1000);
+    CPW.front_images_shown = false;
+  } else {
+    CPW.fade_backs();
+    setTimeout('CPW.appear_fronts();', 1000);
+    CPW.front_images_shown = true;
+  }
+  setTimeout('CPW.cycle_images();', CPW.cycle_speed);
+};
+
+CPW.appear_backs = function() {
+  $$('.back-image').forEach(function(element) {
+    element.appear();
+  });
+};
+
+CPW.appear_fronts = function() {
+  $$('.front-image').forEach(function(element) {
+    element.appear();
+  });
+};
+
+CPW.fade_backs = function() {
+  $$('.back-image').forEach(function(element) {
+    element.fade();
+  });
+};
+
+CPW.fade_fronts = function() {
+  $$('.front-image').forEach(function(element) {
+    element.fade();
+  });
+};
+
+CPW.update_moving_div = function() {
+  top_padding = 20;
+
+  //little confusing... y values go up as the user scrolls down...
+  min_y = $('active_product').cumulativeOffset().top - top_padding;
+  max_y = $('content').cumulativeOffset().top + $('content').getHeight() - $('moving_div').getHeight();
+
+  //if the user's browser is big enough to show the entire moving div at once
+  //if (document.viewport.getHeight() > $('moving_div').getHeight()) {
+    if(document.viewport.getScrollOffsets().top > min_y && document.viewport.getScrollOffsets().top < max_y) {
+      $('moving_div').setStyle({ top: 4 + (document.viewport.getScrollOffsets().top - min_y) + 'px' });
+      //new Effect.Move('moving_div', { x: 20, y: 4 + (document.viewport.getScrollOffsets().top - min_y), mode: 'absolute' });
+    } else if (document.viewport.getScrollOffsets().top < min_y) {
+      $('moving_div').setStyle({ top: '4px' });
+    } else if (document.viewport.getScrollOffsets().top > max_y) {
+      $('moving_div').setStyle({ top: (max_y-min_y)+'px'});
+    }
+  //} else {
+  //
+  //}
+};
+
+CPW.auto_update_moving_div = function() {
+  update_moving_div();
+  setTimeout('auto_update_moving_div()',1000);
+};
+
+CPW.bind_color_name_events = function() {
+  $$('div#colors div.multiple_colors a').each(function(element) {
+    element.observe('mouseover', function(event) {
+      $('color_'+element.readAttribute('data-color_id')+'_description').show();
+    });
+    element.observe('mouseout', function(event) {
+      $('color_'+element.readAttribute('data-color_id')+'_description').hide();
+    });
+  });
+};
+
+CPW.update_selected_color = function(color_id) {
+  $('selected_color_id').value = color_id;
+};
+
+CPW.force_numeric_quantity = function(input_field) {
+  var regExpr = new RegExp(/^\d*$/);
+  if (!regExpr.test(input_field.value)) {
+    // Case of error
+    input_field.value = "";
+  }
+};
+
+CPW.validate_quantity = function() {
+  var regex = new RegExp(/^\d*$/);
+  if(!regex.test($$('div#quantity input')[0].value)) {
+    alert('Please enter a valid number for the quantity of shirts you want.')
+    return false;
+  }
+  return true;
+};
+

data/public/stylesheets/cafepress_wrapper.css

@@ -0,0 +1,473 @@
+/*
+# Copyright 2010 Benjamin Lee Smith <benjamin.lee.smith@gmail.com>
+#
+# This file is part of CafePress Wrapper.
+# CafePress Wrapper is free software: you can redistribute it and/or modify
+# it under the terms of the GNU General Public License as published by
+# the Free Software Foundation, either version 3 of the License, or
+# (at your option) any later version.
+#
+# CafePress Wrapper is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU General Public License for more details.
+#
+# You should have received a copy of the GNU General Public License
+# along with CafePress Wrapper.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+/*
+#f0f0f0
+#4D5453
+#DBAE5E
+#BD8741
+#96602D
+#66371B
+*/
+
+body { background-color: #fff; color: #333; }
+
+body, p, ol, ul, td {
+  font-family: verdana, arial, helvetica, sans-serif;
+  font-size:   13px;
+  line-height: 18px;
+}
+
+pre {
+  background-color: #eee;
+  padding: 10px;
+  font-size: 11px;
+}
+
+a { color: #000; }
+a:visited { color: #666; }
+a:hover { color: #fff; background-color:#000; }
+
+div.field, div.actions {
+  margin-bottom: 10px;
+}
+
+#notice {
+  color: green;
+}
+
+.field_with_errors {
+  padding: 2px;
+  background-color: red;
+  display: table;
+}
+
+#error_explanation {
+  width: 450px;
+  border: 2px solid red;
+  padding: 7px;
+  padding-bottom: 0;
+  margin-bottom: 20px;
+  background-color: #f0f0f0;
+}
+
+#error_explanation h2 {
+  text-align: left;
+  font-weight: bold;
+  padding: 5px 5px 5px 15px;
+  font-size: 12px;
+  margin: -7px;
+  margin-bottom: 0px;
+  background-color: #c00;
+  color: #fff;
+}
+
+#error_explanation ul li {
+  font-size: 12px;
+  list-style: square;
+}
+
+
+body {
+  height: 100%;
+  margin: 0px;
+  padding: 0px;
+  /*background-color: #DBAE5E !important;*/
+  background-image: url(/images/fabric_bg.png);
+  text-align: center;
+}
+
+div#header {
+  width: 900px;
+  text-align: center;
+  margin: 0pt auto;
+  background-image: url(/images/header_bg.png);
+  height: 150px;
+  border-bottom: 2px solid #96602D;
+  border-left: 2px solid #96602D;
+  border-right: 2px solid #96602D;
+  margin-bottom: 10px;
+  position: relative;
+}
+
+div#header div.menu {
+  position: absolute;
+  top: 100px;
+  left: 0px;
+}
+
+div#header div.menu a {
+  color: #000000;
+  text-decoration: none;
+  font-size: 18px;
+}
+
+div#header div.menu a:hover {
+  background-color: #f0f0f0;
+}
+
+div#header div.menu ul {
+  list-style: none;
+}
+
+div#header div.menu ul li {
+  list-style: none;
+  display: inline;
+  padding-left: 10px;
+  padding-right: 10px;
+  border-left: 2px solid #4D5453;
+}
+
+div#header div.menu ul li.first {
+  padding-left: 0px;
+  border-left: none;
+}
+
+div#content {
+  background-color: #4D5453;
+  width: 900px;
+  text-align: center;
+  margin: 0pt auto;
+  border: 2px solid #96602D;
+  padding-bottom: 20px;
+  margin-bottom: 20px;
+}
+
+div#content div#cart {
+  background-color: #96602D;
+  margin-bottom: 20px;
+  padding: 4px;
+  position: relative;
+}
+
+div#content div#cart a, div#content div#cart a:visited {
+  color: #000000;
+  text-decoration: none;
+  font-size: 16px;
+  display: block;
+  margin: 0pt auto;
+  width: 192px;
+  position: relative;
+  height: 33px;
+}
+
+div#content div#cart a:hover {
+  background-color: #96602D;
+}
+
+div#content div#cart a div.text {
+  position: absolute;
+  top: 8px;
+  left: 0px;
+}
+
+div#content div#cart a div.image {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+}
+
+div#content div#cart a div.image img {
+  border: 0px;
+  width: 32px;
+  height: 32px;
+}
+
+div#footer {
+  background-image: url(/images/footer_bg.png);
+  background-repeat: no-repeat;
+  height: 150px;
+  margin: 0pt auto;
+  text-align: center;
+  width: 904px;
+  position: relative;
+}
+
+div#footer div.menu {
+  position: absolute;
+  top: 80px;
+  left: 455px;
+}
+
+div#footer div.menu a {
+  color: #f0f0f0;
+  text-decoration: none;
+  font-size: 18px;
+}
+
+div#footer div.menu ul {
+  list-style: none;
+}
+
+div#footer div.menu ul li {
+  list-style: none;
+  display: inline;
+  padding-left: 20px;
+}
+
+#stores, #about, #contact {
+  width: 850px;
+  margin: 0pt auto;
+  height: 100%;
+}
+
+#about, #contact {
+  background-color: #f0f0f0;
+  padding: 20px;
+  width: 810px;
+}
+
+#stores a:hover {
+  border: 0px;
+  color: inherit;
+}
+
+#stores .store {
+  margin: 5px;
+  float: left;
+  width: 414px;
+  height: 412px;
+}
+
+#stores .store .image, #stores .store .back-image, #stores .store .front-image {
+  height: 412px;
+  width: 412px;
+  border: 1px solid #000000;
+  margin: 5px;
+  text-align: center;
+  display: table-cell;
+  vertical-align: middle;
+  color: transparent;
+}
+
+#stores .store .front-image {
+  background-image: url(/images/front_bg.png);
+  background-repeat: no-repeat;
+}
+
+#stores .store .back-image {
+  background-image: url(/images/back_bg.png);
+  background-repeat: no-repeat;
+}
+
+div.clear {
+  clear:both;
+}
+
+#products {
+  width:460px;
+  float:left;
+}
+
+#products a {
+  display: inline-block;
+  border: 2px solid #fff;
+  line-height: 0px;
+  margin: 1px;
+}
+
+#products a > img {
+  border: none;
+}
+
+#products a:hover {
+  border: 2px solid #DBAE5E;
+  background-color: inherit;
+}
+
+#products #mens_and_womens td {
+  vertical-align: top;
+  width: 50%;
+  padding: 0px;
+}
+
+#products #mens_and_womens h2 {
+  margin: 0px;
+  padding: 8px;
+}
+
+#products #mens_and_womens div.thumbnails {
+  padding-top: 8px;
+}
+
+#products #mens_and_womens #mens {
+  border: 2px solid #7ABACC;
+}
+
+#products #mens_and_womens #mens h2 {
+  background-color: #7ABACC;
+}
+
+#products #mens_and_womens #womens {
+  border: 2px solid #FFB2CB;
+}
+
+#products #mens_and_womens #womens h2 {
+  background-color: #FFB2CB;
+}
+
+#products #unisex {
+  border: 2px solid #FFFBCB;
+  margin: 4px;
+}
+
+#products #unisex h2 {
+  background-color: #FFFBCB;
+  margin: 0px;
+  padding: 8px;
+}
+
+#products #unisex div.thumbnails {
+  padding-top: 8px;
+}
+
+div#active_product {
+  float:left;
+  width:440px;
+  position:relative;
+  height: 462px;
+}
+
+div#moving_div {
+  width:400px;
+  height: 462px;
+  position:absolute;
+  left:20px;
+  background-color:#ffffff;
+  top:4px;
+}
+
+div#moving_div div#image {
+  width: 400px;
+  height: 350px;
+  position: relative;
+  z-index: 2;
+}
+
+div#moving_div div#loading_image_icon {
+  position:absolute;
+  left: 184px;
+  top: 100px;
+  z-index: 1;
+}
+
+div#moving_div div#info {
+  text-align: left;
+}
+
+div#info div#name {
+  text-align: center;
+  font-size: 15px;
+  font-weight: bold;
+}
+
+div#info div#name span#price {
+  color: #DD602D;
+}
+
+div#colors {
+  width:400px;
+}
+
+div#colors div.label, div#sizes div.label, div#quantity div.label {
+  float:left;
+  padding: 1px 5px;
+  width: 66px;
+  text-align: right;
+}
+
+div#colors a {
+  display: inline-block;
+  line-height: 0px;
+  border: 2px solid #ffffff;
+}
+
+div#colors a:hover {
+  border: 2px solid #DBAE5E;
+  background-color: inherit;
+}
+
+div#colors a > img {
+  border: none;
+}
+
+div#colors img.swatch {
+  width:20px;
+  height:20px;
+}
+
+div#colors div.one_color {
+  font-style: italic;
+  color: #4D5453;
+  font-weight: bold;
+  font-size: 10px;
+  float:left;
+  padding-top: 2px;
+}
+
+div#colors div.multiple_colors {
+  float:left;
+  padding-top:1px;
+}
+
+div#sizes {
+  padding: 2px 0px;
+}
+
+div#sizes div.size_select {
+  float: left;
+}
+
+div#quantity {
+  width: 400px;
+  padding-top: 2px;
+}
+
+div#color_names {
+  padding:2px 0px 0px 5px;
+}
+
+div#color_names div.color_description {
+  padding-left: 10px;
+}
+
+div#moving_div div#info div#more_info {
+  text-align: center;
+  font-size: 10px;
+  padding-top: 2px;
+}
+
+div#moving_div div#info div#more_info a {
+  color: #666666;
+}
+
+div#moving_div div#info div#add_to_cart {
+   bottom: 35px;
+   position: absolute;
+   right: 12px;
+}
+
+div#moving_div div#info div#add_to_cart input {
+  border: 1px solid #000000;
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: bold;
+  height: 30px;
+  width: 90px;
+  background-color: #99ff00;
+}

metadata

@@ -0,0 +1,137 @@
+--- !ruby/object:Gem::Specification 
+name: cafepress_wrapper
+version: !ruby/object:Gem::Version 
+  hash: 29
+  prerelease: false
+  segments: 
+  - 0
+  - 0
+  - 1
+  version: 0.0.1
+platform: ruby
+authors: []
+
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2011-05-13 00:00:00 -07:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  version_requirements: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ~>
+      - !ruby/object:Gem::Version 
+        hash: 23
+        segments: 
+        - 0
+        - 3
+        - 2
+        version: 0.3.2
+  requirement: *id001
+  type: :runtime
+  name: cafepress_api
+  prerelease: false
+description: Insert CafepressWrapper description.
+email: 
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- app/controllers/content_controller.rb
+- app/controllers/products_controller.rb
+- app/controllers/sitemap_controller.rb
+- app/controllers/stores_controller.rb
+- app/models/image_url.rb
+- app/models/product.rb
+- app/models/size.rb
+- app/models/store.rb
+- app/models/user_token.rb
+- app/views/content/about.html.erb
+- app/views/content/contact.html.erb
+- app/views/layouts/cafepress_wrapper.html.erb
+- app/views/products/show.rjs
+- app/views/sitemap/index.xml.erb
+- app/views/stores/_front_back_image.html.erb
+- app/views/stores/_product_details.html.erb
+- app/views/stores/feed.rss.builder
+- app/views/stores/index.html.erb
+- app/views/stores/show.html.erb
+- lib/cafepress_wrapper.rb
+- lib/db/migrate/20101103152700_create_user_tokens.rb
+- lib/db/migrate/20101104032051_create_stores.rb
+- lib/db/migrate/20101104032412_create_products.rb
+- lib/db/migrate/20101111004355_add_description_to_store.rb
+- lib/db/migrate/20101111025931_add_cafepress_design_id_to_products.rb
+- lib/db/migrate/20101119163852_add_cafepress_design_url_to_stores.rb
+- lib/db/migrate/20101119171328_add_design_background_color_to_stores.rb
+- lib/db/migrate/20101120003908_add_cafepress_back_design_id_to_products.rb
+- lib/db/migrate/20101123021036_add_cafepress_back_design_url_to_stores.rb
+- lib/db/migrate/20110301072358_add_gender_to_products.rb
+- lib/db/migrate/20110302191748_create_thumbnail_urls.rb
+- lib/db/migrate/20110302195801_add_view_to_thumbnail_urls.rb
+- lib/db/migrate/20110305004142_rename_thumbnail_urls_to_image_urls.rb
+- lib/db/migrate/20110305004402_add_image_size_to_image_urls.rb
+- lib/db/migrate/20110307005237_add_cafepress_merchandise_id_to_products.rb
+- lib/db/migrate/20110307014703_add_default_color_id_to_products.rb
+- lib/db/migrate/20110307063709_create_sizes.rb
+- lib/db/migrate/20110307064131_add_default_cafepress_size_id_to_products.rb
+- lib/db/migrate/20110308010304_add_title_to_stores.rb
+- lib/db/migrate/20110308050955_add_price_to_products.rb
+- lib/tasks/cafepress_wrapper.rake
+- config/initializers/cafepress.rb
+- config/routes.rb
+- public/images/ajax-loader.gif
+- public/images/back_bg.png
+- public/images/cart.png
+- public/images/fabric_bg.png
+- public/images/footer_bg.png
+- public/images/front_bg.png
+- public/images/header_bg.png
+- public/javascripts/cafepress_wrapper.js
+- public/stylesheets/cafepress_wrapper.css
+- MIT-LICENSE
+- Rakefile
+- Gemfile
+- README.rdoc
+has_rdoc: true
+homepage: 
+licenses: []
+
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.3.7
+signing_key: 
+specification_version: 3
+summary: Insert CafepressWrapper summary.
+test_files: []
+