shoppy_cartus 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: e54abbf3e8b9986e65d80139ff987f6103e71147
+  data.tar.gz: d2d4ef2e9f1e5090339690fd6da45674683004b5
+SHA512:
+  metadata.gz: 446cdcd90075c2d04b8e1a116a81bd6980da8d37804e3699cff9417dafdbab645b856f4d830f96c62ae38457e13624a362c9e53047e08496334f0fd4808eb071
+  data.tar.gz: 81048f34b9971881b9811f7eba369b39129b96cf7196888c039fef7652bffd7a7654e52ba5554034044dd3852461a3540b9528c66fb6f415b7d32ab40ba7bb3e

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2018 Dmitriy Bavykin
+
+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,28 @@
+# ShoppyCartus
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'shoppy_cartus'
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install shoppy_cartus
+```
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,38 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'ShoppyCartus'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path('spec/dummy/Rakefile', __dir__)
+load 'rails/tasks/engine.rake'
+load 'rails/tasks/statistics.rake'
+require 'bundler/gem_tasks'
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+Bundler::GemHelper.install_tasks
+Dir[File.join(File.dirname(__FILE__), 'tasks/**/*.rake')].each { |f| load f }
+
+require 'rspec/core'
+require 'rspec/core/rake_task'
+
+desc 'Run all specs in spec directory (excluding plugin specs)'
+RSpec::Core::RakeTask.new(spec: 'app:db:test:prepare')
+
+task default: :spec

data/app/assets/config/shoppy_cartus_manifest.js

@@ -0,0 +1,2 @@
+//= link_directory ../javascripts/shoppy_cartus .js
+//= link_directory ../stylesheets/shoppy_cartus .css

data/app/assets/javascripts/shoppy_cartus/application.js

@@ -0,0 +1,18 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require rails-ujs
+//= require turbolinks
+//= require jquery
+//= require bootstrap-sprockets
+//= require shoppy_cartus/order_address
+//= require_tree .

data/app/assets/javascripts/shoppy_cartus/order_address.js

@@ -0,0 +1,5 @@
+$(document).on("turbolinks:load", function() {
+  $('#use_billing').click(function() {
+    $('#order_shipping_address').toggleClass('hidden');
+  });
+});

data/app/assets/stylesheets/shoppy_cartus/application.scss

@@ -0,0 +1,16 @@
+/*
+ * 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, or any plugin's
+ * vendor/assets/stylesheets directory 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 bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */
+@import 'style';

data/app/assets/stylesheets/shoppy_cartus/bookstore/_general.scss

@@ -0,0 +1,329 @@
+@import "../custom/variables";
+img {
+  max-width: 100%;
+}
+.col-pic {
+  width: 11.5%;
+}
+.col-title {
+  width: 29.5%;
+}
+.col-price {
+  width: 17.5%;
+}
+.col-quantity {
+  width: 17.5%;
+}
+.col-total {
+  width: 14%;
+}
+.col-close {
+  width: 10%;
+}
+.col-method {
+  width: 40%;
+}
+.col-half {
+  width: 50%;
+}
+.general-main-wrap {
+  margin-bottom: 60px;
+}
+.general-container-xs {
+  padding-right: 10px;
+  padding-left: 10px;
+}
+.general-img-wrap {
+  max-width: 175px;
+  padding-top: 70px;
+  margin: 0 auto 70px;
+}
+.general-align {
+  text-align: center;
+}
+.general-thumb-wrap {
+  max-width: 270px;
+  margin: 0 auto;
+}
+.general-thumbnail {
+  padding: 70% 0;
+}
+.general-thumbnail .general-thumbnail-img {
+  max-width: 60%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.general-thumb-link-wrap {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  white-space: nowrap;
+}
+.general-nav-mail {
+  font-size: $font-size-small;
+  color: $gold-500;
+  text-align: center;
+  margin-bottom: 15px;
+}
+.general-nav-number {
+  font-size: $font-size-small;
+  color: white;
+  text-align: center;
+  margin-bottom: 25px;
+}
+.general-badge {
+  position: absolute;
+  top: -4px;
+  left: 100%;
+}
+.general-title-margin {
+  margin-top: 0;
+  margin-bottom: 35px;
+}
+.general-thumb-info {
+  margin-bottom: 35px;
+}
+.general-info-wrap {
+  padding-top: 20px;
+}
+.general-back-link {
+  font-size: $font-size-base;
+  color: $grey-600;
+  display: inline-block;
+  margin-bottom: 30px;
+  &:hover,
+  &:focus {
+    color: $grey-600;
+  }
+}
+.general-position {
+  margin-top: 10px;
+  margin-bottom: 30px;
+}
+.general-img-wrap-table {
+  max-width: 140px;
+  margin: 0 auto 25px;
+}
+.general-cart-item {
+  padding-top: 30px;
+  padding-bottom: 5px;
+}
+.general-cart-close {
+  font-size: 28px;
+  transform: translateY(-50%);
+}
+.general-summary-table {
+  width: 100%;
+  max-width: 200px;
+  text-align: left;
+  margin: 0 auto 50px;
+}
+.general-text-align {
+  text-align: center;
+}
+.general-order-wrap {
+  padding-top: 15px;
+}
+.general-input-group {
+  margin-bottom: 35px;
+}
+.general-subtitle {
+  color: $gold-500;
+  font-weight: 400;
+}
+.general-info-text {
+  font-size: $font-size-base;
+  color: $grey-600;
+  font-weight: 300;
+}
+.general-form-help {
+  font-size: 18px;
+  color: $grey-600;
+  position: absolute;
+  top: 35px;
+  right: 8px;
+  cursor: pointer;
+}
+.general-address {
+  font-size: 16px;
+  color: $grey-900;
+  font-weight: 300;
+  line-height: 2;
+}
+.general-edit {
+  font-size: 13px;
+  color: $grey-600;
+}
+.general-order-number {
+  font-size: 18px;
+  color: $gold-500;
+  font-weight: 600;
+}
+.general-sign-text {
+  color: $grey-700;
+  font-weight: 300;
+}
+.general-login-title {
+  font-size: 18px;
+  color: $grey-900;
+  font-weight: 400;
+  margin-top: 0;
+  margin-bottom: 40px;
+}
+.general-login-icon {
+  font-size: 24px;
+  color: $grey-900;
+  display: inline-block;
+  margin-bottom: 20px;
+  cursor: pointer;
+}
+.general-login-text {
+  color: $grey-600;
+  font-weight: 300;
+  margin-bottom: 25px;
+}
+.general-form{
+  max-width: 370px;
+  margin: 0 auto 20px;
+}
+.general-password-text {
+  font-size: 16px;
+  color: $grey-600;
+  font-weight: 300;
+  margin: 0 20px 25px;
+}
+.general-settings-btn {
+  text-align: center;
+}
+.general-order-number {
+  font-size: 16px;
+  color: $gold-500;
+  font-weight: 300;
+}
+.general-message-wrap {
+  padding: 30px 0 25px;
+}
+.general-message-verified {
+  font-size: $font-size-small;
+  color: $grey-350;
+  line-height: 21px;
+  float: right;
+  margin-left: 20px;
+  margin-bottom: 10px;
+}
+.general-message-name {
+  font-size: $font-size-base;
+  color: $gold-500;
+  margin-bottom: 10px;
+}
+.general-message-date {
+  font-size: $font-size-base;
+  color: $grey-600;
+  float: right;
+}
+
+
+@media (min-width: $grid-float-breakpoint) {
+  .general-main-wrap {
+    margin-bottom: 100px;
+  }
+  .general-caption {
+    padding-top: 20px;
+    padding-left: 20px;
+  }
+  .general-align {
+    text-align: left;
+  }
+  .general-nav-mail,
+  .general-nav-number {
+    text-align: left;
+  }
+  .item {
+    margin-bottom: 30px;
+  }
+  .caption {
+    margin-bottom: 50px;
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+  .general-title-margin {
+    margin-bottom: 50px;
+  }
+  .general-thumb-info {
+    margin-bottom: 45px;
+  }
+  .general-position {
+    margin-top: 15px;
+  }
+  .general-img-wrap-table {
+    max-width: 80px;
+    margin-right: 0;
+    margin-left: 0;
+  }
+  .general-cart-close {
+    transform: unset;
+  }
+  .general-summary-table {
+    margin-left: 0;
+    margin-bottom: 30px;
+  }
+  .general-summary-table-right {
+    margin-right: 0;
+    margin-left: auto;
+  }
+  .general-order-wrap {
+    margin-bottom: 35px;
+    border-bottom: 1px solid $grey-200;
+  }
+  .general-input-group {
+    margin-bottom: 10px;
+  }
+  .general-text-align {
+    text-align: left;
+  }
+  .general-text-right {
+    text-align: right;
+  }
+  .general-settings-btn {
+    float: left;
+    margin-right: 40px;
+  }
+  .general-settings-checkbox {
+    float: left;
+  }
+  .general-form-md {
+    max-width: 470px;
+  }
+  .general-order-dropdown {
+    width: 240px;
+    float: right;
+  }
+  .mt-res-0 {
+    margin-top: 0;
+  }
+  .mb-res-50 {
+    margin-bottom: 50px;
+  }
+  .res-block {
+    display: block;
+  }
+}
+
+@media (min-width: $screen-md-min) {
+  .res-mr-200 {
+    margin-right: 200px;
+  }
+  .general-img-wrap {
+    max-width: 250px;
+    padding-top: 20px;
+    margin-bottom: 30px;
+  }
+  .general-caption {
+    padding-right: 0;
+    padding-left: 0;
+    margin-bottom: 85px;
+  }
+}

data/app/assets/stylesheets/shoppy_cartus/bookstore/utils/_helpers.scss

@@ -0,0 +1,79 @@
+.pt-0 {
+  padding-top: 0px !important;
+}
+.pt-10 {
+  padding-top: 10px;
+}
+.pt-20 {
+  padding-top: 20px;
+}
+.pr-15 {
+  padding-right: 15px;
+}
+.pl-0 {
+  padding-left: 0px !important;
+}
+.pl-30 {
+  padding-left: 30px;
+}
+.pb-25 {
+  padding-bottom: 25px;
+}
+.font-16 {
+  font-size: 16px;
+}
+.font-18 {
+  font-size: 18px;
+}
+.fw-300 {
+  font-weight: 300;
+}
+.img-shadow {
+  box-shadow: 14.3px 7.3px 75.2px 4.8px rgba(14, 26, 52, 0.28);
+}
+.cart-img-shadow {
+  box-shadow: 0 5px 27px 3px rgba(14, 26, 52, 0.3);
+}
+.line-height-40 {
+  line-height: 40px;
+}
+.max-240 {
+  max-width: 240px;
+}
+.max-600 {
+  max-width: 600px;
+}
+.width-240 {
+  width: 240px;
+}
+.line-height-2 {
+  line-height: 2;
+}
+.vertical-middle {
+  vertical-align: middle !important;
+}
+.relative {
+  position: relative;
+}
+.mt-0 {
+  margin-top: 0;
+}
+.mt-10 {
+  margin-top: 10px;
+}
+
+@each $size in (5, 10, 15, 20, 35, 55, 240) {
+  .mr-#{$size} {
+    margin-right: #{$size}px !important;
+  }
+}
+@each $size in (10, 20, 30, 40, 60, 70) {
+  .ml-#{$size} {
+    margin-left: #{$size}px !important;
+  }
+}
+@each $size in (0, 5, 10, 15, 20, 25, 30, 35, 40, 55, 60, 80, 120) {
+  .mb-#{$size} {
+    margin-bottom: #{$size}px !important;
+  }
+}