comable_backend 0.2.3 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: abb59293ac3998397763f7450950c9a1fce6e85a
-  data.tar.gz: 9e694b2c859bcba576a8dd49d847e2ccf1887f47
+  metadata.gz: 92f84c8ca6bc38b812a910e36580c6bf3158aac7
+  data.tar.gz: 1932a7773969a1f3b7e126ef0e2f48e6d78167f8
 SHA512:
-  metadata.gz: 5759dede63b2bbd64594c6b1fc172854718e2559e0f04931968e9724ba22e19f80406ba5cd95335d019147fce8ed9a05a09b8798f3c70ca271594d2a5052ec7d
-  data.tar.gz: f56af875b51edf56f5de3216a4b7b6dada10a96967b0e9d833857be02f236114e27459a805111aaa6db90c983b347179674b4940b0dbdb6febc0db86ec7284c6
+  metadata.gz: 6a26954f1b75261d88ed6c8ef98ce657a1be6d6f2f313cb2b7084bc6f412444d42daab5d1b28ea417cb8161235daa7668cd292330baa545a6c5324ff35afdd3c
+  data.tar.gz: b9e51a79389724b5857cd6bff5d3f3a5734467efa422e0abe9b99cfae628c6b5ee99ca66e251020da6861495e56e7516fb8732cb8b52f9e7e8c2b0171f50784a

data/MIT-LICENSE

@@ -1,4 +1,4 @@
-Copyright 2014 YOURNAME
+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

data/Rakefile

@@ -69,16 +69,28 @@ if File.exist?('comable.gemspec')
     end
   end
 
-  task default: ['app:spec:all', 'rubocop']
+  task default: ['app:spec:all', 'rubocop', 'brakeman:all']
+else
+  task default: ['app:spec', 'rubocop', 'brakeman']
 end
 
-task default: ['app:spec', 'rubocop']
-
 Bundler::GemHelper.install_tasks
 
 # from https://github.com/rspec/rspec-rails/issues/936
 task 'test:prepare'
 
 task :rubocop do
-  exec 'rubocop'
+  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|
+      sh "brakeman --exit-on-warn --ignore-config .brakeman.ignore #{framework}"
+    end
+  end
 end

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

@@ -0,0 +1,88 @@
+#= require jquery
+#= require jquery-ujs
+#= require jquery-ui
+#= require jstree
+#= require bootstrap-sprockets
+#= require raphael
+#= require morris
+#= require pace
+#= require_tree .
+
+$( ->
+  # ---
+  # functions
+  # ---
+
+  initialize_vertical_navigation = ->
+    $vnavigation = $('.vnavigation').find('ul')
+
+    $('.vnavigation ul li ul').each( ->
+      $target_navitem = $(this).parent()
+      $target_navitem.addClass('parent')
+    )
+
+    $('.vnavigation ul li ul li.active').each( ->
+      $target_navitem_children = $(this).parent()
+      $target_navitem_children.css(display: 'block')
+      $target_navitem_children.parent().addClass('open')
+    )
+
+    $vnavigation.delegate('.parent > a', 'click', (event) ->
+      $target_navitem = $(this).parent()
+      $target_navitem_children = $target_navitem.find('ul')
+
+      $vnavigation.find('.parent.open > ul').not($target_navitem_children).slideUp(300, 'swing', ->
+        $target_navitem.removeClass('open')
+      )
+
+      $target_navitem_children.slideToggle(300, 'swing', ->
+        $target_navitem.toggleClass('open')
+        #$('#cl-wrapper .nscroller').nanoScroller(preventPageScrolling: true)
+      )
+
+      event.preventDefault()
+    )
+
+  initialize_comable_affix = ->
+    $affix = $('#comable-affix')
+    $affix_top = $affix.offset().top
+    $affix.affix({
+      offset: {
+        top: ->
+          if $affix.hasClass('affix-top')
+            $affix_top - $('header').height() - 20
+          else
+            $affix_top
+      }
+    })
+
+  resize_comable_affix = ->
+    $affix = $('#comable-affix')
+    $affix.css('width', $affix.parent().width())
+
+  notify_flash_message = ->
+    $notifier = $('#comable-notifier')
+    return if $notifier.length <= 0
+    $notifier.on('click', -> $(this).clearQueue().animate({ height: 0 }))
+    height = $notifier.css('height')
+    $notifier
+      .removeClass('hidden')
+      .css({ height: 0 })
+      .delay(400)
+      .animate({ height: height })
+      .delay(5 * 1000)
+      .animate({ height: 0 })
+
+  # ---
+  # main
+  # ---
+
+  initialize_vertical_navigation()
+
+  if $('#comable-affix').length != 0
+    initialize_comable_affix()
+    resize_comable_affix()
+    $(window).on('resize', resize_comable_affix)
+
+  notify_flash_message()
+)

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

@@ -0,0 +1,590 @@
+//= require jquery-ui
+//= require jstree
+//= require morris
+//= require pace/themes/purple/pace-theme-minimal
+//= require_self
+//= require_tree .
+
+@import 'compass/utilities';
+@import 'compass/css3';
+@import 'bootstrap-sprockets';
+@import 'bootstrap';
+@import 'font-awesome';
+
+// ---
+// mixins
+// ---
+
+// from https://github.com/FortAwesome/Font-Awesome/issues/213
+@mixin glyphicon($name, $float: none) {
+  &:before {
+    float: $float;
+  @extend .glyphicon;
+  }
+  @extend .glyphicon-#{$name};
+}
+
+@mixin fa($name, $float: none) {
+  &:before {
+    float: $float;
+    @extend .fa;
+  }
+  @extend .fa-#{$name};
+}
+
+// ---
+// common
+// ---
+
+body {
+  font-size: 12px;
+  font-family: Verdana, '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
+}
+
+#wrapper {
+  display: table;
+  width: 100%;
+  position: absolute;
+  height: 100%;
+
+  body.animated & {
+    opacity: 0;
+    margin-left: -20px;
+    transition: margin-left 600ms ease, opacity 600ms;
+  }
+}
+
+.container {
+  &.right {
+    display: table-cell;
+    vertical-align: top;
+
+    margin-left: 216px;
+    position: relative;
+  }
+
+padding: 0;
+overflow: hidden;
+
+margin-right: auto;
+}
+
+.sidebar {
+  display: table-cell;
+  position: relative;
+  vertical-align: top;
+  padding-bottom: 200px;
+
+  & {
+    background: #272930;
+    width: 280px;
+    z-index: 2;
+  }
+  &.small {
+  }
+}
+
+.logo {
+  padding: 0 20px;
+  height: 64px;
+  line-height: 64px;
+  background-color: #fc796b;
+  background-color: #e55466;
+  background-color: #7761a7;
+
+  a {
+    font-size: x-large;
+    text-decoration: none;
+
+    &:link,
+    &:visited,
+    &:hover,
+    &:active {
+      color: #fff;
+    }
+  }
+}
+
+.vnavigation {
+  background-color: #272930;
+
+  a {
+    &:link,
+    &:visited,
+    &:hover,
+    &:active {
+      color: #aaa;
+      text-decoration: none;
+
+    }
+
+
+    &:hover {
+      color: #fff;
+    }
+  }
+
+
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+
+  & > ul {
+    & > li > a {
+      border-top: 1px solid #2f3137;
+      display: block;
+      padding: 12px 25px;
+      font-size: 13px;
+      font-weight: 400;
+      white-space: nowrap;
+      @include transition(color 250ms ease);
+
+      border-left: 2px solid transparent;
+    }
+
+    &> li.active > a {
+      color: #fff;
+      background-color: #7761a7;
+
+      &:hover {
+        background-color: rgba(#7761a7, 0.9);
+        @include transition(background-color 250ms ease);
+      }
+
+      i {
+        text-align: center;
+        width: 20px;
+        font-size: 14px;
+        margin-right: 7px;
+      }
+    }
+  }
+
+  li {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  & > ul > li > a {
+    &:hover {
+      background-color: rgba(0, 0, 0, 0.1);
+      @include transition(background-color 250ms ease);
+    }
+
+    i {
+      text-align: center;
+      width: 20px;
+      font-size: 14px;
+      margin-right: 7px;
+    }
+  }
+
+  li.parent {
+    & > a {
+      //@include glyphicon(chevron-right, $float: right);
+      @include fa(angle-right, $float: right);
+    }
+
+    & > ul {
+      padding: 14px 0;
+      background-color: #1d1f26;
+      display: none;
+
+      a {
+        display: block;
+        padding: 7px 42px;
+
+        &:hover {
+          background-color: rgba(0, 0, 0, 0.2);
+          @include transition(background-color 250ms ease);
+        }
+        border-left: 2px solid transparent;
+      }
+
+      .active > a {
+        color: #fff;
+        border-left: 2px solid #7761a7;
+        background-color: rgba(0, 0, 0, 0.2);
+      }
+
+    }
+  }
+}
+
+// ---
+// apply Bootstrap
+// ---
+body {
+  margin-top: $navbar-height;
+  background-color: #d9e0e7;
+}
+
+.navbar {
+  @include box-shadow(rgba(0, 0, 0, 0.3) 0 0 2px);
+}
+
+.panel {
+  border: none;
+
+  &.panel-inverse > .panel-heading {
+    background: #313239;
+    color: #fff;
+  }
+}
+
+.page-header {
+  font-size: 24px;
+  margin: 0 0 20px;
+  padding: 0;
+  border: none;
+  line-height: 28px;
+}
+
+.panel > .panel-footer {
+  form {
+    @extend .text-right;
+  }
+}
+
+.breadcrumb {
+  @extend .pull-right;
+  margin-bottom: 0;
+  padding-right: 0;
+  background-color: transparent;
+
+  & > li {
+    float: right;
+  }
+
+  & > li + li:after {
+    content: '/';
+    padding: 0 5px;
+    color: darken(#d9e0e7, 20%);
+  }
+
+  & > li + li:before {
+    display: none;
+  }
+}
+
+button {
+  @extend .btn;
+}
+
+input[type="submit"] {
+  @extend .btn;
+}
+
+section {
+  input[type="submit"] {
+    @extend .btn-primary;
+  }
+}
+
+nav {
+  input[type="submit"] {
+    @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;
+
+  th > a {
+    &:link, &:visited, &:hover, &:active {
+      color: $text-color;
+    }
+  }
+}
+
+#comable-product {
+  label.remove {
+    display: block;
+    margin: 0;
+  }
+
+  .table tbody > tr > td {
+    .thumbnail {
+      margin-bottom: 0;
+    }
+    &.comable-image {
+      width: 180px;
+    }
+    &:not(.comable-image) {
+      vertical-align: middle;
+    }
+  }
+}
+
+#comable-order {
+  .panel > .panel-body > h3 {
+    margin-top: 10px;
+  }
+}
+
+legend {
+  border-bottom: 0;
+}
+
+#comable-affix {
+  @extend .hidden-sm;
+  @extend .hidden-xs;
+
+  &.affix {
+    top: $navbar-height + 20px;
+  }
+
+  .list-group > a:before {
+    @include fa(angle-right);
+    margin-right: 1em;
+  }
+}
+
+table > tbody > tr > td > ul {
+  margin-bottom: 0;
+}
+
+main.container-fluid {
+  padding: 20px;
+}
+
+footer {
+  @extend .text-muted;
+  margin: 25px;
+  text-align: center;
+
+  & > ul > li + li:before {
+    content: '·';
+    padding-right: 10px;
+  }
+}
+
+hr {
+  border-color: darken(#d9e0e7, 5%);
+}
+
+// ---
+// tag-it
+// ---
+ul.tagit > li > input[type="text"] {
+  height: auto;
+}
+
+ul.tagit-autocomplete.ui-menu {
+  @include border-radius($border-radius-base);
+  @include box-shadow(0 6px 12px rgba(0, 0, 0, 0.175));
+  padding: 5px 0;
+  border-color: $dropdown-border;
+
+  li.ui-menu-item {
+    padding: $padding-base-vertical $padding-base-horizontal;
+    color: $dropdown-link-color;
+    background-color: $dropdown-bg;
+    border: none;
+
+    &.ui-state-focus {
+      color: $dropdown-link-active-color;
+      background-color: $dropdown-link-active-bg;
+    }
+  }
+}
+
+// ---
+// jstree
+// ---
+.jstree {
+  @include border-radius($input-border-radius);
+  @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
+  padding: 5px 0;
+  border: 1px solid $input-border;
+
+  .jstree-wholerow {
+    @include transition(none);
+  }
+
+  .jstree-wholerow-hovered {
+    color: $dropdown-link-color;
+    background: $dropdown-link-hover-bg;
+  }
+
+  .jstree-wholerow-clicked {
+    color: $dropdown-link-active-color;
+    background: $dropdown-link-active-bg;
+  }
+
+  .jstree-anchor.jstree-clicked {
+    color: $dropdown-link-active-color;
+
+    &:link, &:visited, &:hover, &:active {
+      color: $dropdown-link-active-color;
+    }
+
+    & > input {
+      @include border-radius($input-border-radius);
+      @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
+      color: $dropdown-link-color;
+      padding-left: 5px !important;
+      padding-right: 5px !important;
+    }
+  }
+}
+
+ul.vakata-context.jstree-contextmenu {
+  @include border-radius($border-radius-base);
+  @include box-shadow(0 6px 12px rgba(0, 0, 0, 0.175));
+
+  padding: 5px 0;
+  background-color: $dropdown-bg;
+  border-color: $dropdown-border;
+
+  & > li {
+    @include border-radius(0);
+
+    & > a {
+      padding-top: 0;
+      padding-bottom: 0;
+      line-height: $line-height-computed;
+      color: $dropdown-link-color;
+      background-color: $dropdown-bg;
+
+      & > i,
+      & > .vakata-contextmenu-sep {
+        display: none;
+      }
+    }
+
+    &.vakata-context-hover > a {
+      @include box-shadow(none);
+      background-color: $dropdown-bg;
+
+      &:hover {
+        background-color: $dropdown-link-hover-bg;
+      }
+    }
+  }
+}
+
+#comable-notifier {
+  @include opacity(0.95);
+  width: 100%;
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999999;
+
+  & > * {
+    padding: 0 1em;
+    height: $navbar-height;
+    line-height: $navbar-height;
+
+    &.comable-alert {
+      color: $alert-danger-text;
+      background-color: $alert-danger-bg;
+    }
+
+    &.comable-notice {
+      color: $alert-success-text;
+      background-color: $alert-success-bg;
+    }
+  }
+}
+
+// Dashboard
+
+.widget {
+  border-radius: 3px;
+  margin-bottom: 20px;
+  color: #fff;
+  padding: 15px;
+  overflow: hidden;
+
+  &.widget-stats {
+    position: relative;
+
+    & > .stats-icon {
+      @include opacity(0.2);
+      font-size: 42px;
+      height: 56px;
+      width: 56px;
+      text-align: center;
+      line-height: 56px;
+      margin-left: 15px;
+      color: #fff;
+      position: absolute;
+      right: 15px;
+      top: 15px;
+
+      &.stats-icon-lg {
+        font-size: 52px;
+        top: 12px;
+        right: 21px;
+      }
+    }
+
+    & > .stats-desc,
+    & > .stats-title {
+      color: #fff;
+      color: rgba(255, 255, 255, 0.6);
+    }
+
+    & > .stats-title {
+      margin: 2px 0 7px;
+      font-size: 12px;
+      line-height: 1.1;
+      position: relative;
+    }
+
+    & > .stats-number {
+      margin-bottom: 10px;
+      font-size: 24px;
+      font-weight: normal;
+    }
+
+    & > .stats-progress {
+      margin: 0 -15px 12px;
+      height: 2px;
+      background: #000;
+      background: rgba(0, 0, 0, 0.2);
+
+      & > .progress-bar {
+        @include box-shadow(none);
+        background: #fff;
+      }
+    }
+  }
+
+  &.widget-bg-green {
+    background: #00acac !important;
+  }
+
+  &.widget-bg-blue {
+    background: #348fe2 !important;
+  }
+
+  &.widget-bg-black {
+    background: #272930 !important;
+  }
+}
+
+.morris > .morris-hover {
+  @include border-radius($border-radius-base !important);
+  padding: 8px !important;
+  color: #ccc !important;
+  background: rgba(0, 0, 0, 0.75) !important;
+  border: none !important;
+}