caboose-store 0.0.2

data/app/assets/stylesheets/caboose_store/modal.css

@@ -0,0 +1,240 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require colorbox-rails
+ *= require modeljs
+ *= require caboose/fonts
+ *= require caboose/caboose
+ */
+
+body {
+  background: #111111;
+  margin: 0;
+  padding: 0;
+  color: #fff;
+  width: 100%;  
+  font-family: Helvetica, Arial;
+}
+
+#modal_wrapper {
+  width: 100%;
+  position: relative;
+}
+
+#modal_content {
+  width: 100%;
+  padding: 0;
+}
+
+#modal_content h1 {
+  margin: 0 0 12px 0;
+  padding: 0;
+  font-weight: normal;
+  background: #111111;   
+}
+
+#modal_content a {
+  color: #ccc;
+  text-decoration: none;
+  border-bottom: #999 1px dotted;  
+}
+
+#modal_content p.loading {
+  background-image: url('/assets/caboose/loading_white_on_black.gif');
+  background-position: 0 center;
+  background-repeat: no-repeat;
+  color: #ccc;  
+  font-weight: normal;
+  font-size: 16pt;
+  padding: 10px 10px 10px 40px;
+}
+
+#modal_content div.yesnobox {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 22;
+  background-color: rgba(0, 0, 0, 0.9);
+  font-size: 20px;
+  text-align: center;
+}
+
+#modal_content div.yesnobox div {
+  padding: 20px;
+}
+  
+#modal_content div.yesnobox input {
+  width: auto;  
+}
+
+div.model_attribute_text {
+  color: #000;
+}
+
+#modal_content div.top_right_controls {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+
+#modal_content div.top_right_controls a {
+  display: inline-block;
+  margin: 0;
+  padding: 4px 8px;
+}
+
+input, select, textarea {
+  font-family: Helvetica, arial;
+  border: 1px solid #ccc;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+  padding: 4px 8px;
+  height: 34px;
+  font-size: 20px;
+  z-index: 20;
+}
+
+input.dirty,
+textarea.dirty {
+  background: #fff799;  
+}
+
+select {
+  padding: 0;
+  height: 44px;
+}
+
+option {
+  
+}
+
+select.fake {
+  background: transparent;
+  position: absolute;
+  top: 0;
+  left: 0;
+  color: transparent;
+}
+
+select.fake option {
+  background: #fff;
+  color: #000;
+}
+
+#modal_content .bound_input_check a,
+#modal_content .bound_input_cancel a {
+  border: 1px solid #ccc;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+  
+  font-size: 28px;
+  text-align: center;
+  background: #00cc00;
+  color: #fff;
+  
+  display: block;
+  padding: 4px 0;
+  height: 34px;
+}
+
+#modal_content .bound_input_check a.loading {
+  background-image: url(/assets/caboose/loading_green.gif);
+  background-color: #00cc00;
+  background-repeat: no-repeat;
+  background-position: 6px 5px;
+  color: rgba(255, 255, 255, 0.0);
+}
+
+#modal_content .bound_textarea_controls a {
+  display: inline-block;
+  margin: 3px 0 0 1px;
+  padding: 8px 0 6px 0;
+  background: #ccc;
+  color: #000;
+  text-align: center;
+  border: #666 1px solid;
+}
+
+#modal_content .bound_textarea_controls a.save    { width: 60px; }
+#modal_content .bound_textarea_controls a.discard { width: 80px; }
+  
+#modal_content .note,
+#modal_content .error {
+  margin: 0;
+}
+
+#modal_content .placeholder {
+  display: block;
+  margin: 0;
+  padding: 0 5px 0 0;
+  height: 34px;
+  
+  position: absolute;
+  top: 12px;
+  left: 10px;
+  z-index: 19;
+}
+
+#modal_content .placeholder span {
+  display: block;
+  font-size: 20px;
+  color: #757575;
+}
+
+#modal_content input[type='checkbox'] {
+  position: absolute;
+  top: 4px;
+  left: 0;
+  z-index: 19;
+  
+  margin: 0;
+  padding: 0;
+  width: 20px;
+}
+
+#modal_content .search_form {
+  position: absolute;
+  top: 0;
+  right: 0;  
+}
+
+#modal_content table.data th {
+  background: #222222;
+  border: #333 1px solid;
+  color: #fff;
+}
+
+#modal_content table.data td {
+  background: #111111;
+  border: #333 1px solid;
+  color: #fff;
+}
+
+/*******************************************************************************
+Modeljs
+*******************************************************************************/
+
+#modal_content div.model_attribute_text {
+    color: #fff;
+}
+
+#modal_content .model_attribute {
+    background: none repeat scroll 0 0 transparent;
+    display: block;
+    padding: 2px 4px;
+    text-decoration: none;
+}
+
+#modal_content .clear {
+  clear: both;
+  line-height: 0;  
+}

data/app/assets/stylesheets/caboose_store/page_bar_generator.css

@@ -0,0 +1,34 @@
+
+.page_links {
+  
+}
+
+.page_links a {
+  display: inline-block;
+  margin: 0 2px;
+  padding: 5px 8px 3px 8px;
+  
+  border: #505050 1px solid;
+  background: #e1e1e1;
+  color: #505050;
+  text-decoration: none;
+}
+
+.page_links a:hover {
+  background: #505050;
+  color: #fff;
+}
+
+.page_links .middle_links a {
+  
+}
+
+.page_links span.current_page {
+  display: inline-block;
+  padding: 5px 8px 3px 8px;
+  
+  border: #941403 1px solid;
+  background: #941403;
+  color: #fff;
+  text-decoration: none;
+}

data/app/assets/stylesheets/caboose_store/register.css

@@ -0,0 +1,25 @@
+
+#register_form .other_options {
+  position: absolute;
+  top: -4px;
+  right: 0;
+}
+
+input#first_name,
+input#last_name,
+input#email,
+input#pass1,
+input#pass2 {
+  font-size: 18px;
+  width: 95%;
+  margin: 0 0 8px 0;
+  padding: 7px;  
+}
+
+input#btn_register {
+  font-size: 18px;
+}
+
+input#btn_cancel {
+  font-size: 18px;
+}

data/app/assets/stylesheets/caboose_store/station_modal.css

@@ -0,0 +1,104 @@
+
+#station ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;  
+}
+
+#station ul li {
+  margin: 0;
+  padding: 0;
+  list-style: none;  
+  display: block;
+}
+
+#station ul a {
+  display: block !important;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  color: #ccc;
+  text-decoration: none;
+  border: 0;
+}
+
+#station > ul > li > a {
+  width: 200px;
+  margin: 0;
+  padding: 0;
+  position: relative;
+  font-size: 16px;
+}
+
+#station > ul > li > a span.text {
+  display: block !important;
+  margin: 0 0 0 54px;
+  padding: 20px 0 0 0;
+  height: 30px;
+  font-size: 16px;
+}
+
+#station > ul > li          > a:hover   { background: #000; }
+#station > ul > li          > a:active  { background: #333; }
+#station > ul > li.selected > a         { background: #333; }
+
+#station > ul > li          > a:hover   span.text { color: #fff; }
+#station > ul > li          > a:active  span.text { color: #fff; }
+#station > ul > li.selected > a         span.text { color: #fff; }
+
+#station > ul > li > a span.icon {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;                                                                                               
+  width: 50px;
+  height: 50px;
+  
+  background-image: url('/assets/caboose/caboose_nav_black.png');
+  background-repeat: no-repeat;
+  background-position: 0 0;
+}
+
+#station > ul > li                      > a span.icon { background-position: 0px -250px; }
+#station > ul > li#nav_item_users       > a span.icon { background-position: 0px    0px; }
+#station > ul > li#nav_item_roles       > a span.icon { background-position: 0px  -50px; }
+#station > ul > li#nav_item_permissions > a span.icon { background-position: 0px -100px; }
+#station > ul > li#nav_item_pages       > a span.icon { background-position: 0px -150px; }
+#station > ul > li#nav_item_settings    > a span.icon { background-position: 0px -200px; }
+#station > ul > li#nav_item_star        > a span.icon { background-position: 0px -250px; }
+
+#station > ul > li                      > a:hover span.icon { background-position: -50px -250px; }
+#station > ul > li#nav_item_users       > a:hover span.icon { background-position: -50px    0px; }
+#station > ul > li#nav_item_roles       > a:hover span.icon { background-position: -50px  -50px; }
+#station > ul > li#nav_item_permissions > a:hover span.icon { background-position: -50px -100px; }
+#station > ul > li#nav_item_pages       > a:hover span.icon { background-position: -50px -150px; }
+#station > ul > li#nav_item_settings    > a:hover span.icon { background-position: -50px -200px; }
+#station > ul > li#nav_item_star        > a:hover span.icon { background-position: -50px -250px; }
+
+#station > ul > li                      > a:active span.icon { background-position: -150px -250px; }
+#station > ul > li#nav_item_users       > a:active span.icon { background-position: -150px    0px; }
+#station > ul > li#nav_item_roles       > a:active span.icon { background-position: -150px  -50px; }
+#station > ul > li#nav_item_permissions > a:active span.icon { background-position: -150px -100px; }
+#station > ul > li#nav_item_pages       > a:active span.icon { background-position: -150px -150px; }
+#station > ul > li#nav_item_settings    > a:active span.icon { background-position: -150px -200px; }
+#station > ul > li#nav_item_star        > a:active span.icon { background-position: -150px -250px; }
+
+#station > ul > li.selected                      > a span.icon { background-position: -150px -250px; }
+#station > ul > li#nav_item_users.selected       > a span.icon { background-position: -150px    0px; }
+#station > ul > li#nav_item_roles.selected       > a span.icon { background-position: -150px  -50px; }
+#station > ul > li#nav_item_permissions.selected > a span.icon { background-position: -150px -100px; }
+#station > ul > li#nav_item_pages.selected       > a span.icon { background-position: -150px -150px; }
+#station > ul > li#nav_item_settings.selected    > a span.icon { background-position: -150px -200px; }
+#station > ul > li#nav_item_star.selected        > a span.icon { background-position: -150px -250px; }
+
+#station ul li ul {
+  position: absolute;
+  top: 0;
+  left: 200px;
+  border-left: #333 4px solid;  
+}
+
+#station ul li ul li { width: 196px; margin: 0; padding: 0; }
+#station ul li ul li a        { color: #ccc; background: #000; display: block; margin: 0; padding: 10px 20px; }
+#station ul li ul li a:hover  { color: #fff; background: #000; }
+#station ul li ul li a:active { color: #fff; background: #333; }

data/app/assets/stylesheets/caboose_store/station_sidebar.css

@@ -0,0 +1,232 @@
+
+#caboose_white {
+  z-index: 99;
+}
+
+#caboose_station_wrapper {
+  display: none;
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 100;
+  width: 210px;
+  height: 100%;
+  overflow: hidden;
+}
+
+#caboose_station {
+  width: 208px;
+  height: 100%;
+  background: #e1e1e1;
+  border: #aaa 1px solid;
+  font-family: BigNoodleTitling, Tahoma; 
+}
+
+#caboose_station .caboose_logo {
+  height: 100px;
+  background-image: url('/assets/caboose/caboose_nav.png');
+  background-position: 64px 0;
+  margin: 0;
+  padding: 0;
+  border-bottom: #aaa 1px solid;
+}
+
+#caboose_station h2 {
+  display: none;
+  height: 40px;
+  background-image: url('/assets/caboose/caboose_nav.png');
+  background-position: 64px 0;
+  margin: 0;
+  padding: 80px 0 0 0;
+  border-bottom: #aaa 1px solid;
+  
+  /* Hide the text. */
+  /*
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  */
+}
+
+#caboose_station h2 span {
+  display: block;
+  color: #941403;
+  text-align: center;
+  font-size: 20px;
+  font-weight: normal;
+  background: #e1e1e1;
+  height: 40px;
+}
+
+#caboose_station ul.account {
+  margin: 0;
+  padding: 0;
+  list-style: none; 
+  height: 33px;
+}
+
+#caboose_station ul.account li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  float: left;
+  border: 0;
+  background: #ccc;
+}
+
+#caboose_station ul.account li a {
+  display: block;
+  margin: 0;
+  padding: 0;
+  height: 33px;
+ 
+  /* Hide the text. */
+  /*
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  */
+  font-family: BigNoodleTitling, Tahoma;
+  font-size: 16px;
+  color: #505050;
+  background: #aaa;
+  text-decoration: none;
+  text-align: center;
+  border-bottom: #cecece 1px solid;
+}
+#caboose_station ul.account li a span {
+  padding-top: 8px;
+}
+
+#caboose_station ul.account li.my_account a { width: 103px; border-right: #828181 1px solid; }
+#caboose_station ul.account li.logout     a { width: 103px; border-left:  #cecece 1px solid; }
+
+#caboose_station ul.account li a:hover {
+  color: #941403;
+}
+
+#caboose_station ul.admin {
+  margin: 0;
+  padding: 0;
+  list-style: none;  
+}
+
+#caboose_station ul.admin li {
+  margin: 0;
+  padding: 0;
+  list-style: none;  
+}
+
+#caboose_station ul.admin li ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;  
+}
+
+#caboose_station ul.admin a {
+  display: block !important;
+  margin: 1px 0 0 0;
+  padding: 8px 10px;
+  color: #505050;
+  text-decoration: none;
+}
+
+#caboose_station ul.admin a:hover {
+  color: #941403;
+}
+
+#caboose_station ul.admin li a.top_level {
+  background-image: url('/assets/caboose/caboose_nav.png');
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  
+  width: 208px;
+  height: 50px;
+  margin: 0;
+  padding: 0;
+  border-top: #f7f7f7 1px solid;
+  border-bottom: #aaa 1px solid;
+  position: relative;
+  
+  /* Hide the text. */
+  /*
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  */
+  font-family: BigNoodleTitling, Tahoma;
+  font-size: 16px;
+}
+
+#caboose_station ul.admin li a.top_level span {
+  display: block !important;
+  margin: 0 0 0 60px;
+  padding: 16px 0 0 0;
+  height: 34px;
+  background: #e1e1e1;
+  vertical-align: middle;
+  font-family: BigNoodleTitling, Tahoma;
+  font-size: 16px;
+}
+#caboose_station ul.admin li a.top_level:hover  span { color: #941403; }
+#caboose_station ul.admin li a.top_level:active span { color: #941403; }
+
+#caboose_station ul.admin li                      a.top_level { background-position: 0px -350px; }
+#caboose_station ul.admin li#nav_item_users       a.top_level { background-position: 0px -100px; }
+#caboose_station ul.admin li#nav_item_roles       a.top_level { background-position: 0px -150px; }
+#caboose_station ul.admin li#nav_item_permissions a.top_level { background-position: 0px -200px; }
+#caboose_station ul.admin li#nav_item_pages       a.top_level { background-position: 0px -250px; }
+#caboose_station ul.admin li#nav_item_settings    a.top_level { background-position: 0px -300px; }
+#caboose_station ul.admin li#nav_item_star        a.top_level { background-position: 0px -350px; }
+
+#caboose_station ul.admin li                      a.top_level:hover { background-position: -250px -350px; }
+#caboose_station ul.admin li#nav_item_users       a.top_level:hover { background-position: -250px -100px; }
+#caboose_station ul.admin li#nav_item_roles       a.top_level:hover { background-position: -250px -150px; }
+#caboose_station ul.admin li#nav_item_permissions a.top_level:hover { background-position: -250px -200px; }
+#caboose_station ul.admin li#nav_item_pages       a.top_level:hover { background-position: -250px -250px; }
+#caboose_station ul.admin li#nav_item_settings    a.top_level:hover { background-position: -250px -300px; }
+#caboose_station ul.admin li#nav_item_star        a.top_level:hover { background-position: -250px -350px; }
+
+#caboose_station ul.admin li                      a.top_level:active { background-position: -500px -350px; }
+#caboose_station ul.admin li#nav_item_users       a.top_level:active { background-position: -500px -100px; }
+#caboose_station ul.admin li#nav_item_roles       a.top_level:active { background-position: -500px -150px; }
+#caboose_station ul.admin li#nav_item_permissions a.top_level:active { background-position: -500px -200px; }
+#caboose_station ul.admin li#nav_item_pages       a.top_level:active { background-position: -500px -250px; }
+#caboose_station ul.admin li#nav_item_settings    a.top_level:active { background-position: -500px -300px; }
+#caboose_station ul.admin li#nav_item_star        a.top_level:active { background-position: -500px -350px; }
+
+#caboose_station_wrapper.state_min a.close,
+#caboose_station_wrapper.state_left a.close, 
+#caboose_station_wrapper.state_right a.close {
+  display: block;
+  background-image: url('/assets/caboose/caboose_nav.png');
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  width: 208px;
+  height: 50px;  
+  font-family: BigNoodleTitling, Tahoma;
+  text-decoration: none;
+}
+
+#caboose_station_wrapper a.close span {
+  display: block;
+  margin: 0 0 0 60px;
+  padding: 16px 0 0 0;
+  height: 34px;
+  
+  font-family: BigNoodleTitling, Tahoma;
+  font-size: 16px;
+}
+#caboose_station_wrapper a.close        span { background: #e1e1e1; color: #505050; }
+#caboose_station_wrapper a.close:hover  span { background: #e1e1e1; color: #941403; }
+#caboose_station_wrapper a.close:active span { background: #d2d2d2; color: #941403; }
+
+#caboose_station_wrapper.state_left  a.close        { background-position:    0px -450px; }
+#caboose_station_wrapper.state_right a.close        { background-position:    0px -400px; }
+#caboose_station_wrapper.state_min   a.close        { background-position:    0px -400px; }
+#caboose_station_wrapper.state_left  a.close:hover  { background-position: -250px -450px; }
+#caboose_station_wrapper.state_right a.close:hover  { background-position: -250px -400px; }
+#caboose_station_wrapper.state_min   a.close:hover  { background-position: -250px -400px; }
+#caboose_station_wrapper.state_left  a.close:active { background-position: -500px -450px; }
+#caboose_station_wrapper.state_right a.close:active { background-position: -500px -400px; }
+#caboose_station_wrapper.state_min   a.close:active { background-position: -500px -400px; }

data/app/assets/stylesheets/caboose_store/tinymce.css

@@ -0,0 +1,25 @@
+
+body, td, pre {
+    color: #000000;
+    font-family: Verdana,Arial,Helvetica,sans-serif;
+    font-size: inherit;
+}
+body {
+    background: none repeat scroll 0 0 #FFFFFF;
+}
+body.mceForceColors {
+    background: none repeat scroll 0 0 #FFFFFF;
+    color: #000000;
+}
+body.mceBrowserDefaults {
+    background: none repeat scroll 0 0 transparent;
+    color: inherit;
+    font-family: inherit;
+    font-size: inherit;
+}
+h1 { font-size: inherit; }
+h2 { font-size: inherit; }
+h3 { font-size: inherit; }
+h4 { font-size: inherit; }
+h5 { font-size: inherit; }
+h6 { font-size: inherit; }

data/app/controllers/caboose_store/application_controller.rb

@@ -0,0 +1,18 @@
+
+module CabooseStore
+  class ApplicationController < Caboose::ApplicationController
+    protect_from_forgery
+    layout 'layouts/caboose/application'
+    before_filter :init_cart
+    
+    def init_cart
+      return if session['cart_id'] && Order.exists?(session['cart_id'])
+      order = Order.new(:status => 'cart', :date_created => DateTime.now)    
+      order.referring_site = request.env['HTTP_REFERER']
+      order.landing_page = request.fullpath
+      order.landing_page_ref = params[:ref] if params[:ref]    
+      order.save    
+      session['cart_id'] = order.id;    
+    end
+  end
+end