comable-frontend 0.6.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: e98385eb72b43cc2581f2eaec94c9c7747e08a1a
+  data.tar.gz: a66e46e4b6d22d42b34f043b90c1ccb14e689cc3
+SHA512:
+  metadata.gz: 7e7f28e268aaefd7239529bcd7aa6fe394a3d12dde754b3c87f315620920ff9c3cd78df566e6885112eef4307ada43696dc32ee7ec0102cad0cab4d203991af5
+  data.tar.gz: a0b7a73309dae2284202eef19a115fd4a25071663477243651565cc9fc01dfd3ac2d541bfe7547db1f81d66b25e2fbaa2792d820562c5fd59951d5795b4c70fd

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2015 YOSHIDA Hiroki
+
+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/Rakefile

@@ -0,0 +1,97 @@
+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    = 'Comable'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path('../spec/dummy/Rakefile', __FILE__)
+load 'rails/tasks/engine.rake'
+
+def command(string)
+  puts string
+  system string
+end
+
+if File.exist?('comable.gemspec')
+  $LOAD_PATH.unshift File.expand_path('..', __FILE__)
+  require 'tasks/release'
+
+  namespace :app do
+    namespace :spec do
+      desc 'Run the code examples'
+      RSpec::Core::RakeTask.new(:all) do |t|
+        FRAMEWORKS.each do |framework|
+          t.pattern << ",#{framework}/spec/**{,/*/**}/*_spec.rb"
+        end
+      end
+
+      FRAMEWORKS.each do |framework|
+        desc "Run the code examples in #{framework}/spec"
+        RSpec::Core::RakeTask.new(framework) do |t|
+          t.pattern = "../#{framework}/spec/**{,/*/**}/*_spec.rb"
+        end
+      end
+    end
+  end
+
+  namespace :db do
+    task 'migrate' => 'app:db:migrate'
+    task 'app:db:migrate' => 'migrate:all'
+
+    namespace :migrate do
+      task :all do
+        FRAMEWORKS.each do |framework|
+          command "cd #{framework} && test -d db/migrate && bundle exec rake db:migrate RAILS_ENV=#{Rails.env}"
+        end
+      end
+    end
+
+    namespace :migrate do
+      task 'reset' => 'app:db:migrate:reset'
+      task 'app:db:migrate:reset' => 'app:db:migrate'
+      task 'app:db:migrate' => 'reset:all'
+
+      namespace :reset do
+        task :all do
+          command "bundle exec rake db:drop db:create RAILS_ENV=#{Rails.env}"
+          Rake::Task['db:migrate'].invoke
+        end
+      end
+    end
+  end
+
+  task default: ['app:spec:all', 'rubocop', 'brakeman:all']
+else
+  task default: ['app:spec', 'rubocop', 'brakeman']
+end
+
+Bundler::GemHelper.install_tasks
+
+# from https://github.com/rspec/rspec-rails/issues/936
+task 'test:prepare'
+
+task :rubocop do
+  sh 'rubocop'
+end
+
+task :brakeman do
+  sh 'brakeman --exit-on-warn --ignore-config .brakeman.ignore'
+end
+
+namespace :brakeman do
+  task :all do
+    FRAMEWORKS.each do |framework|
+      next unless File.directory?("#{framework}/app")
+      sh "brakeman --exit-on-warn --ignore-config .brakeman.ignore #{framework}"
+    end
+  end
+end

data/app/assets/javascripts/comable/frontend/application.coffee

@@ -0,0 +1,5 @@
+#= require jquery
+#= require jquery_ujs
+#= require jquery-ui
+#= require bootstrap-sprockets
+#= require_tree

data/app/assets/stylesheets/comable/frontend/application.scss

@@ -0,0 +1,527 @@
+//= require jquery-ui
+//= require_tree
+
+$lighten-bg: #139bab;
+$darken-bg: darken($lighten-bg, 10%);
+
+// brand
+$brand-primary: $lighten-bg;
+// navbar
+$navbar-default-bg: $lighten-bg;
+$navbar-default-color: #fff;
+// navbar > link
+$navbar-default-link-color: $navbar-default-color;
+$navbar-default-link-active-color: $navbar-default-link-color;
+$navbar-default-link-hover-color: $navbar-default-link-color;
+$navbar-default-link-hover-bg: $darken-bg;
+$navbar-default-link-active-bg: $darken-bg;
+$navbar-default-link-hover-bg: darken($navbar-default-bg, 10%);
+$navbar-default-link-active-bg: darken($navbar-default-bg, 10%);
+// navbar > brand
+$navbar-default-brand-color: $navbar-default-link-color;
+$navbar-default-brand-hover-color: $navbar-default-brand-color;
+// navbar > toggle
+$navbar-default-toggle-icon-bar-bg: $navbar-default-link-color;
+$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg;
+// button
+$btn-primary-bg: invert($lighten-bg);
+$btn-default-border: $btn-primary-bg;
+$btn-default-border: $btn-primary-bg;
+$btn-default-color: $btn-primary-bg;
+
+@import "bootstrap-sprockets";
+@import "bootstrap";
+@import "compass/utilities";
+@import "compass/css3";
+
+body.comable-checkout-layout {
+  margin: 30px;
+
+  nav {
+    .navbar-brand,
+    .navbar-brand:hover, {
+      color: $lighten-bg;
+    }
+    background: transparent;
+    border: none;
+  }
+}
+
+nav {
+  &.navbar {
+    @include border-radius(0);
+    margin-bottom: 0;
+  }
+
+  .navbar-nav > li > a {
+    @include transition(all .15s ease-in);
+  }
+
+  // HACK:
+  // from http://stackoverflow.com/questions/18552714/bootstrap-3-how-to-maximize-input-width-inside-navbar/18562948#18562948
+  .form-group {
+    display: inline !important;
+    .input-group {
+      display: table;
+      padding: 0 6px;
+      .input-group-btn {
+        width: 1% !important;
+      }
+    }
+  }
+
+  .form-control,
+  .btn-default,
+  .btn-default:hover {
+    color: #333;
+    border-color: darken($navbar-default-bg, 10%);
+  }
+}
+
+.comable-navbar-top {
+  font-size: 11px;
+  height: 30px;
+  line-height: 30px;
+  font-weight: bold;
+  background-color: darken($navbar-default-bg, 10%);
+
+  .navbar-text {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .navbar-nav > li > a {
+    padding-top: 0;
+    padding-bottom: 0;
+    line-height: 30px;
+    &:hover {
+      color: lighten($navbar-default-link-hover-bg, 40%);
+    }
+  }
+
+  .container {
+    padding-left: 0;
+  }
+
+  a:hover {
+    background-color: transparent;
+  }
+}
+
+button {
+  @extend .btn;
+}
+
+input[type="submit"] {
+  @extend .btn;
+  @extend .btn-primary;
+
+  &.btn-default {
+    @extend .btn-default;
+  }
+}
+
+select,
+input[type="password"],
+input[type="email"],
+input[type="text"] {
+  @extend .form-control;
+  margin-right: 0.5em;
+
+  &:last-child {
+    margin-right: 0;
+  }
+}
+
+table {
+  @extend .table;
+}
+
+// Megamenu
+// from http://jsfiddle.net/apougher/ydcMQ/
+.menu-large {
+  position: static !important;
+
+  .megamenu {
+    padding: 20px 0px;
+    width: 100%;
+  }
+
+  .megamenu > li > ul {
+    padding: 0;
+    margin: 0;
+  }
+
+  .megamenu > li > ul > li {
+    list-style: none;
+  }
+
+  .megamenu > li > ul > li > a {
+    display: block;
+    padding: 3px 20px;
+    clear: both;
+    font-weight: normal;
+    line-height: 1.428571429;
+    color: #333333;
+    white-space: normal;
+  }
+
+  .megamenu > li ul > li > a:hover,
+  .megamenu > li ul > li > a:focus {
+    text-decoration: none;
+    color: #262626;
+    background-color: #f5f5f5;
+  }
+
+  .megamenu.disabled > a,
+  .megamenu.disabled > a:hover,
+  .megamenu.disabled > a:focus {
+    color: #999999;
+  }
+
+  .megamenu.disabled > a:hover,
+  .megamenu.disabled > a:focus {
+    text-decoration: none;
+    background-color: transparent;
+    background-image: none;
+    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+    cursor: not-allowed;
+  }
+
+  .megamenu.dropdown-header {
+    color: #428bca;
+    font-size: 18px;
+  }
+
+  @media(max-width: 768px) {
+    .megamenu {
+      margin-left: 0;
+      margin-right: 0;
+    }
+
+    .megamenu > li {
+      margin-bottom: 30px;
+    }
+
+    .megamenu > li:last-child {
+      margin-bottom: 0;
+    }
+
+    .megamenu.dropdown-header {
+      padding: 3px 15px !important;
+    }
+
+    .navbar-nav .open .dropdown-menu .dropdown-header {
+      color: #fff;
+    }
+  }
+}
+
+// checkout-flow
+.comable-checkout-flow {
+  $weight: 1px;
+  $size: 11px + $weight;
+  $border-darken: #aaa;
+  $border-lighten: #fff;
+  $color-darken: #aaa;
+  $color-lighten: $lighten-bg;
+
+  font-size: 75%;
+  color: $color-darken;
+  height: $navbar-height;
+  position: relative;
+  background: url('data:image/gif;base64,R0lGODdhAQABAIAAAKqqqgAAACwAAAAAAQABAAACAkQBADs=') repeat-x 0 34px; // #aaa
+  background-size: $weight;
+  overflow: hidden;
+  width: 60%;
+
+  & > li {
+    padding-top: 7px;
+    width: 25%;
+    text-align: center;
+    vertical-align: top;
+
+    &:before {
+      width: $weight;
+      height: $size;
+      display: block;
+      background-color: $border-darken;
+      position: absolute;
+      top: 28px;
+    }
+
+    &:first-child:before {
+      content: '';
+      left: 0px;
+    }
+
+    &:last-child:before {
+      content: '';
+      right: 0px;
+    }
+
+    &:after {
+      content: '';
+      display: block;
+      width: $size;
+      height: $size;
+      border-radius: $size;
+      background-color: $border-darken;
+      border: 2px solid $border-lighten;
+      position: absolute;
+      top: 22px + ($size / 2);
+      left: 50%;
+      margin-left: -($size / 2);
+    }
+
+    &.active {
+      color: $color-lighten;
+
+      &:after {
+        background-color: $border-lighten;
+        border-color: $color-lighten;
+      }
+    }
+  }
+
+  @media(max-width: 768px) {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+
+    & > li {
+      float: left;
+    }
+  }
+}
+
+// main
+main.container {
+  margin-top: 20px;
+}
+
+#comable-order {
+  input[type="submit"] {
+    @extend .btn-block;
+  }
+  .comable-bill_address,
+  .comable-ship_address {
+    form {
+      @extend .form-horizontal;
+      @extend .col-sm-6;
+    }
+  }
+}
+
+.comable-mini-cart {
+  $width: 250px;
+  $image-size: 40px;
+  $padding: 10px;
+
+  width: $width + $padding * 3;
+
+  & > li > a {
+    display: block;
+    padding: $padding;
+    vertical-align: middle;
+
+    .comable-image {
+      float: left;
+      margin-right: $padding;
+      width: $image-size;
+      height: $image-size;
+      overflow: hidden;
+    }
+
+    .comable-name {
+      display: block;
+      color: $link-color;
+      white-space: nowrap;
+      overflow: hidden;
+      @include ellipsis;
+    }
+  }
+
+  .comable-show-cart {
+    margin: $padding;
+    text-align: center;
+
+    a {
+      @extend .btn;
+      @extend .btn-primary;
+      display: block;
+      color: $btn-primary-color;
+    }
+  }
+}
+
+.category {
+  & > ul:not(.category-path) {
+    list-style: none;
+    padding-left: 2em;
+  }
+
+  a {
+    display: block;
+    color: $text-color;
+  }
+}
+
+.category-path {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+
+  & > li {
+    & > a:before {
+      @include inline-block;
+      content: '<';
+      width: 1em;
+    }
+
+    &.active {
+      font-weight: bold;
+
+      &:before {
+        @include inline-block;
+        content: ' ';
+        width: 1em;
+      }
+    }
+  }
+}
+
+.category-breadcrumb {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+
+  & > li {
+    @include inline-block;
+
+    &:not(:last-child):after {
+      content: '>';
+      margin-left: 0.5em;
+      margin-right: 0.5em;
+    }
+  }
+}
+
+#comable-product {
+  .products > .row {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    margin-bottom: 20px;
+    padding-bottom: 20px;
+
+    a {
+      font-weight: normal;
+
+      &:link, &:visited, &:hover, &:active {
+        color: #444;
+      }
+    }
+
+    a {
+      display: block;
+      overflow: hidden;
+
+      img {
+        @include transition(all 0.5s ease 0s);
+        &:hover {
+          @include transform(scale(1.1) rotate(-1.5deg));
+        }
+      }
+    }
+  }
+}
+
+.without-titlebar .ui-dialog-titlebar {
+  display: none;
+}
+
+.stop-scrolling {
+  height: 100%;
+  overflow: hidden;
+}
+
+body.comable-checkout-layout footer {
+  margin-top: 30px;
+  text-align: center;
+
+  .container {
+    display: none;
+  }
+}
+
+body:not(.comable-checkout-layout) footer {
+  margin-top: 30px;
+  background-color: #edeff1;
+  border-top: 2px solid #e3e3e3;
+
+  .container {
+    padding: 30px;
+    color: #036;
+  }
+
+  h3 {
+    padding-bottom: 10px;
+    border-bottom: 1px solid $list-group-border;
+  }
+
+  li {
+    padding: 3px 0;
+  }
+
+  .credit {
+    border-top: 2px solid #ccc;
+    text-align: center;
+    padding: 20px;
+    background-color: #e3e3e3;
+  }
+}
+
+// home
+#comable-home {
+  section {
+    padding: 100px;
+    text-align: center;
+
+    & > h2 {
+      margin: 0;
+    }
+
+    & > *:last-child {
+      margin-bottom: 0;
+      padding-bottom: 0;
+    }
+  }
+
+  .comable-home-top {
+    padding: 0;
+    overflow: hidden;
+    max-height: 600px;
+
+    img {
+      width: 100%;
+      height: auto;
+    }
+  }
+
+  .comable-home-one {
+    color: white;
+    background-color: #444;
+    background-image: image-url('comable/frontend/home-one.jpg');
+    background-position: top center;
+    background-size: cover;
+  }
+
+  .comable-home-two {
+  }
+
+  #comable-product {
+    padding-top: 100px;
+    padding-bottom: 60px;
+  }
+}

data/app/controllers/comable/application_controller.rb

@@ -0,0 +1,12 @@
+module Comable
+  class ApplicationController < ActionController::Base
+    include Comable::ApplicationHelper
+
+    protect_from_forgery with: :exception
+    before_filter :set_view_path
+
+    def set_view_path
+      prepend_view_path "themes/#{current_store.theme_name}" if current_store.theme_name
+    end
+  end
+end