comable_backend 0.3.2 → 0.3.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: e5f96930b9072d844fe72000c1ba8a38ad6c08c8
-  data.tar.gz: 98b0eed23d2f01c00697ed66271e2a184f3941c2
+  metadata.gz: 3e94beb188851f0e46828bfd1646cae7bb4e05f6
+  data.tar.gz: a2d0d7d82a72830d474ad05002d6b2a4ee534929
 SHA512:
-  metadata.gz: f8be9f1dbc76853d7af68a1faf834dcbb0412aca24f49f3b4c22939a4f8facc0b5a95795690f415134dbaac958db8c890ebcf2ffdae77e34636ead05d744631f
-  data.tar.gz: 1baf4f78f505c1b45dd71cfd86b007f6572c7931bdc01a84f4df8c23a80c9da4fb632d07b578bcb6f0ba175b72c95bc24df232bd81158274d1d2fbc948587041
+  metadata.gz: a5be16acf1bca4ee13335261547b9b6ca8c3272f1061b5014f8969d24979882bed37b5dfd2f63844a01c61839d172cae6c5fc261b45ea1b81857636270815fc6
+  data.tar.gz: 4c6436f0ff47e42d5eb9ae467aef140a7e88166f0777a2c43e379b772c60c902dc61e252fd88ee3a76afa5e30cc13fbb1ee62f3d75fc24836f05a4348cd680b5

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

@@ -1,11 +1,11 @@
 #= require jquery
 #= require jquery_ujs
 #= require jquery-ui
-#= require jstree
 #= require bootstrap-sprockets
 #= require raphael
 #= require morris
 #= require pace/pace
+#= require gritter
 #= require_tree .
 
 $( ->
@@ -13,6 +13,20 @@ $( ->
   # functions
   # ---
 
+  initialize_beforeunload_event = ->
+    $form = $('form[method!="get"]')
+    $form.change(->
+      $(window).on('beforeunload', (event) ->
+        # TODO: Install 'i18n-js' gem
+        confirmation_message = 'The changes not saved. Are you sure you want to move from this page?'
+        (event || window.event).returnValue = confirmation_message # for Gecko and Trident
+        confirmation_message                                       # for Gecko and WebKit
+      )
+    )
+    $form.submit(->
+      $(window).off('beforeunload')
+    )
+
   initialize_vertical_navigation = ->
     $vnavigation = $('.vnavigation').find('ul')
 
@@ -60,23 +74,16 @@ $( ->
     $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 })
+  window.add_fields = (_this, association, content) ->
+    new_id = new Date().getTime()
+    regexp = new RegExp('new_' + association, 'g')
+    $(_this).parent().before(content.replace(regexp, new_id))
 
   # ---
   # main
   # ---
 
+  initialize_beforeunload_event()
   initialize_vertical_navigation()
 
   if $('#comable-affix').length != 0
@@ -84,5 +91,5 @@ $( ->
     resize_comable_affix()
     $(window).on('resize', resize_comable_affix)
 
-  notify_flash_message()
+  $('[data-toggle="tooltip"]').tooltip()
 )

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

@@ -0,0 +1,264 @@
+body {
+  font-size: 12px;
+  font-family: Verdana, '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
+}
+
+footer {
+  @extend .text-muted;
+  margin: 25px;
+  text-align: center;
+
+  & > ul > li + li:before {
+    content: '·';
+    padding-right: 10px;
+  }
+}
+
+#wrapper {
+  display: table;
+  width: 100%;
+  position: absolute;
+  height: 100%;
+
+  body.animated & {
+    @include transition(margin-left 600ms ease, opacity 600ms);
+    opacity: 0;
+    margin-left: -20px;
+  }
+}
+
+.container {
+  margin-right: auto;
+  padding: 0;
+  overflow: hidden;
+
+  &.right {
+    display: table-cell;
+    vertical-align: top;
+
+    margin-left: 216px;
+    position: relative;
+  }
+}
+
+.logo {
+  padding: 0 20px;
+  height: 64px;
+  line-height: 64px;
+  background-color: $comable-theme-bg;
+
+  a {
+    font-size: x-large;
+    text-decoration: none;
+
+    &:link,
+    &:visited,
+    &:hover,
+    &:active {
+      color: #fff;
+    }
+  }
+}
+
+.sidebar {
+  display: table-cell;
+  position: relative;
+  vertical-align: top;
+  padding-bottom: 200px;
+  border-right: 1px solid $comable-sidebar-border;
+
+  & {
+    background-color: $comable-sidebar-bg;
+    width: $comable-sidebar-width;
+    z-index: 300;
+  }
+}
+
+.vnavigation {
+  width: $comable-sidebar-width;
+  background-color: $comable-sidebar-bg;
+  border-right: 1px solid $comable-sidebar-border;
+  position: fixed;
+
+  a {
+    &:link,
+    &:visited,
+    &:hover,
+    &:active {
+      color: $comable-sidebar-link-color;
+      text-decoration: none;
+    }
+
+    &:hover {
+      color: $comable-sidebar-link-hover-color;
+    }
+  }
+
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+
+  & > ul {
+    margin: 5px 0;
+
+    & > li > a {
+      display: block;
+      padding: 12px 25px;
+      font-size: 13px;
+      font-weight: 400;
+      white-space: nowrap;
+      border-left: 2px solid transparent;
+    }
+
+    &> li.active > a {
+      color: $comable-sidebar-link-active-color;
+      background-color: $comable-sidebar-link-active-bg;
+
+      i {
+        text-align: center;
+        width: 20px;
+        font-size: 14px;
+        margin-right: 7px;
+      }
+    }
+  }
+
+  li {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  & > ul > li > a {
+    &:hover {
+      @include transition(color 250ms ease, background-color 250ms ease);
+      background-color: $comable-sidebar-link-hover-bg;
+    }
+
+    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 {
+      display: none;
+      padding: 14px 0;
+      background-color: $comable-sidebar-darken-bg;
+
+      a {
+        display: block;
+        padding: 7px 42px;
+
+        &:link, &:visited, &:hover, &:active {
+          color: $comable-sidebar-darken-color;
+        }
+
+        &:hover {
+          @include transition(color 250ms ease, background-color 250ms ease);
+          color: $comable-sidebar-darken-hover-color;
+          background-color: $comable-sidebar-darken-hover-bg;
+        }
+
+        border-left: 2px solid transparent;
+      }
+
+      .active > a {
+        color: $comable-sidebar-darken-active-color;
+        background-color: $comable-sidebar-darken-active-bg;
+        border-left: 2px solid $comable-theme-bg;
+      }
+    }
+  }
+}
+
+#comable-affix {
+  @extend .hidden-sm;
+  @extend .hidden-xs;
+
+  &.affix {
+    top: $navbar-height + 20px;
+  }
+
+  .list-group > a:before {
+    @include fa(angle-right);
+    margin-right: 1em;
+  }
+}
+
+#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;
+    }
+  }
+}
+
+.comable-page-heading {
+  margin: 0 -15px 25px;
+  padding: 25px 30px;
+  border-bottom: 5px solid #eee;
+
+  & > .page-header {
+    margin-bottom: 0;
+  }
+
+  & > ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    & > li {
+      margin-left: 5px;
+    }
+  }
+}
+
+.comable-search {
+  margin: 0 30px 25px;
+}
+
+.comable-main-fixed-top {
+  padding-left: $comable-sidebar-width;
+  width: 100%;
+  background-color: #fff;
+  position: fixed;
+  left: 0;
+  z-index: 200;
+
+  & > .comable-page-heading {
+    margin: 0;
+  }
+
+  & + .comable-page-body {
+    // 89px = comable-page-heding-height
+    padding-top: 89px + 20px;
+  }
+}

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

@@ -0,0 +1,81 @@
+.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-color: rgba(0, 0, 0, 0.2);
+
+      & > .progress-bar {
+        @include box-shadow(none);
+        background-color: #fff;
+      }
+    }
+  }
+
+  &.widget-bg-green {
+    background-color: #00acac !important;
+  }
+
+  &.widget-bg-blue {
+    background-color: #348fe2 !important;
+  }
+
+  &.widget-bg-black {
+    background-color: #272930 !important;
+  }
+}
+
+.morris > .morris-hover {
+  @include border-radius($border-radius-base !important);
+  padding: 8px !important;
+  color: #ccc !important;
+  background-color: rgba(0, 0, 0, 0.75) !important;
+  border: none !important;
+}

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

@@ -0,0 +1,18 @@
+#errorExplanation {
+  @extend .alert;
+  @extend .alert-danger;
+
+  & > h2 {
+    margin-top: 0;
+    font-size: $font-size-h4;
+    font-weight: bold;
+  }
+
+  & > ul {
+    margin-top: 5px;
+  }
+}
+
+.field_with_errors {
+  @extend .has-error;
+}

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

@@ -0,0 +1,16 @@
+// from https://github.com/FortAwesome/Font-Awesome/issues/213
+@mixin glyphicon($name, $float: none) {
+  &:before {
+    @extend .glyphicon;
+    float: $float;
+  }
+  @extend .glyphicon-#{$name};
+}
+
+@mixin fa($name, $float: none) {
+  &:before {
+    float: $float;
+    @extend .fa;
+  }
+  @extend .fa-#{$name};
+}

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

@@ -0,0 +1,54 @@
+#comable-order {
+  .panel > .panel-body > h3 {
+    margin-top: 10px;
+  }
+}
+
+.comable-map {
+  height: $comable-map-height;
+
+  .panel-footer > & {
+    margin: -10px -15px;
+  }
+
+  .comable-google-map {
+    width: 100%;
+    height: 100%;
+    padding: $padding-base-vertical $padding-base-horizontal;
+  }
+}
+
+.comable-avatar > .thumbnail {
+  margin-bottom: 0;
+  width: $comable-avatar-size;
+  height: $comable-avatar-size;
+}
+
+dl.comable-address-with-icon {
+  margin-bottom: 0;
+
+  & > dt {
+    width: $comable-address-icon-size;
+    text-align: center;
+    vertical-align: middle;
+    color: $text-muted;
+  }
+
+  & > dd {
+    margin-left: $comable-address-icon-size + $comable-address-icon-margin;
+
+    &:not(:last-child) {
+      margin-bottom: 10px;
+    }
+
+    & > ul,
+    & > ol {
+      margin-bottom: 0;
+    }
+
+    a {
+      color: $text-color;
+      text-decoration: underline;
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+@import 'comable/admin/overrides/bootstrap';
+@import 'comable/admin/overrides/jstree';
+@import 'comable/admin/overrides/tagit';
+@import 'comable/admin/overrides/pace';

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

@@ -0,0 +1,18 @@
+#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;
+    }
+  }
+}

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

@@ -0,0 +1,57 @@
+#comable-user_session {
+  margin: 0;
+  background-color: $comable-sidebar-bg;
+  font-size: 12px;
+  font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
+
+  main {
+    margin: 170px 0 30px;
+    padding: 0;
+  }
+}
+
+.comable-signin {
+  background-color: $navbar-default-bg;
+
+  & > .comable-signin-heading {
+    position: absolute;
+    top: 90px;
+    left: 50%;
+    right: 0;
+    width: 450px;
+    padding: 0 40px;
+    margin-left: -225px;
+
+    & > h1 {
+      color: $comable-sidebar-title-color;
+      font-size: 28px;
+      font-weight: 300;
+      line-height: 110%;
+
+      & > small {
+        display: block;
+        color: inherit;
+        font-size: 14px;
+        line-height: inherit;
+        font-weight: inherit;
+      }
+    }
+  }
+
+  .comable-signin-body {
+    padding: 30px 40px;
+    color: $navbar-default-color;
+    width: 450px;
+    margin: 0 auto;
+
+    input {
+      font-size: 12px;
+    }
+
+    .btn-primary {
+      background-color: $comable-theme-bg;
+      border-color: darken($comable-theme-bg, 10%);
+      outline: none;
+    }
+  }
+}

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

@@ -0,0 +1,44 @@
+$comable-theme-bg: #7761a7;
+
+// sidebar
+$comable-sidebar-width: 280px;
+$comable-sidebar-bg: #d9e0e7;
+$comable-sidebar-color: #444;
+$comable-sidebar-title-color: #666;
+$comable-sidebar-border: darken($comable-sidebar-bg, 10%);
+$comable-sidebar-link-color: $comable-sidebar-color;
+$comable-sidebar-link-hover-color: #000;
+$comable-sidebar-link-active-color: #fff;
+$comable-sidebar-link-hover-bg: darken($comable-sidebar-bg, 10%);
+$comable-sidebar-link-active-bg: $comable-theme-bg;
+$comable-sidebar-darken-bg: darken($comable-sidebar-bg, 15%);
+$comable-sidebar-darken-hover-bg: rgba(0, 0, 0, 0.2);
+$comable-sidebar-darken-active-bg: $comable-sidebar-darken-hover-bg;
+$comable-sidebar-darken-color: $comable-sidebar-color;
+$comable-sidebar-darken-hover-color: #fff;
+$comable-sidebar-darken-active-color: $comable-sidebar-darken-hover-color;
+
+// orders
+$comable-map-height: 160px;
+$comable-avatar-size: 80px;
+$comable-address-icon-size: 20px;
+$comable-address-icon-margin: 15px;
+
+// bootstrap
+$navbar-default-color: #aaa;
+$navbar-default-bg: #373737;
+$navbar-default-link-color: $navbar-default-color;
+$navbar-default-link-hover-color: #fff;
+$navbar-default-link-active-color: $navbar-default-link-hover-color;
+$navbar-default-link-hover-bg: darken($navbar-default-bg, 10%);
+$navbar-default-link-active-bg: darken($navbar-default-bg, 10%);
+$navbar-default-brand-color: $navbar-default-link-hover-color;
+$navbar-default-brand-hover-color: $navbar-default-brand-color;
+$navbar-default-toggle-icon-bar-bg: $navbar-default-link-color;
+$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg;
+
+// $panel-default-heading-bg: $comable-sidebar-bg;
+// $panel-default-border: $comable-sidebar-border;
+
+// pace
+$comable-pace: #fff;