comable-backend 0.6.0

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/awesome_admin_layout';

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

@@ -0,0 +1,30 @@
+.slug {
+  @include display-flex;
+
+  .slug-url {
+    @include flex(0 0 auto);
+    @include nowrap;
+    @include border-top-left-radius($input-border-radius);
+    @include border-bottom-left-radius($input-border-radius);
+    border: 1px solid $input-border;
+    border-right: 0;
+    background: $input-bg-disabled;
+
+    span {
+      @include inline-block;
+      color: lighten($input-color, 15%);
+      padding: 6px 12px;
+      padding-right: 6px;
+    }
+  }
+
+  .slug-body {
+    @include flex(1 1 0%);
+
+    input{
+      @include border-top-left-radius(0px);
+      @include border-bottom-left-radius(0px);
+      padding-left: 6px;
+    }
+  }
+}

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/_themes.scss

@@ -0,0 +1,71 @@
+#comable-theme-editor {
+  position: relative;
+
+  .comable-theme-editor-filename {
+    @include border-top-radius($input-border-radius);
+    @include nowrap;
+    padding: 0 15px;
+    height: $comable-theme-editor-filename-height;
+    line-height: $comable-theme-editor-filename-height;
+    color: $comable-theme-editor-color;
+    background-color: $comable-theme-editor-filename-bg;
+    overflow: hidden;
+  }
+
+  .comable-theme-editor-window {
+    @include border-bottom-radius($input-border-radius);
+    position: absolute;
+    top: $comable-theme-editor-filename-height;
+    left: 0;
+    bottom: 0;
+    right: 0;
+  }
+
+  .panel {
+    display: table;
+    width: 100%;
+    height: 100%;
+    color: $comable-theme-editor-color;
+    background-color: $comable-theme-editor-bg;
+
+    .panel-body {
+      display: table-cell;
+      vertical-align: middle;
+      text-align: center;
+    }
+  }
+}
+
+
+#comable-file-tree {
+  @include border-radius($input-border-radius);
+  @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
+  margin-bottom: 15px;
+  padding: 5px 0;
+  border: 1px solid $input-border;
+  overflow: auto;
+
+  dl {
+    $indent: 1.5em;
+    margin-bottom: 0;
+
+    dl {
+      text-indent: $indent;
+      dl {
+        text-indent: $indent * 2;
+      }
+    }
+  }
+
+  dt, a {
+    display: block;
+    padding: 5px 10px;
+  }
+
+  a {
+    &:hover, &:active {
+      color: $dropdown-link-active-color;
+      background-color: $dropdown-link-active-bg;
+    }
+  }
+}

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

@@ -0,0 +1,57 @@
+#comable-user_session {
+  margin: 0;
+  background-color: $comable-signin-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: $comable-signin-body-bg;
+
+  & > .comable-signin-heading {
+    position: absolute;
+    top: 90px;
+    left: 50%;
+    right: 0;
+    width: 450px;
+    padding: 0 40px;
+    margin-left: -225px;
+
+    & > h1 {
+      color: $comable-signin-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: $comable-signin-body-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,38 @@
+$comable-theme-bg: #7761a7;
+
+// signin
+$comable-signin-bg: #d9e0e7;
+$comable-signin-color: #666;
+$comable-signin-body-bg: #373737;
+$comable-signin-body-color: #aaa;
+
+// orders
+$comable-map-height: 160px;
+$comable-avatar-size: 80px;
+$comable-address-icon-size: 20px;
+$comable-address-icon-margin: 15px;
+
+// themes
+$comable-theme-editor-color: #8F908A;
+$comable-theme-editor-bg: #272822;
+$comable-theme-editor-filename-bg: #2F3129;
+$comable-theme-editor-filename-height: 35px;
+
+// 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;
+
+// ngprogress
+$nprogress-color: $comable-theme-bg;
+
+// awesome_admin_layout
+$awesome_admin_layout-navigation-item-active-bg: $comable-theme-bg;

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

@@ -0,0 +1,26 @@
+@import 'comable/admin/variables';
+
+@import 'compass/utilities';
+@import 'compass/css3';
+@import 'bootstrap-sprockets';
+@import 'bootstrap';
+@import 'font-awesome';
+@import 'jquery-ui';
+@import 'morris';
+@import 'nprogress';
+@import 'nprogress-bootstrap';
+@import 'gritter';
+@import 'awesome_admin_layout';
+@import 'bootstrap-datetimepicker';
+
+@import 'comable/admin/mixins';
+@import 'comable/admin/overrides';
+@import 'comable/admin/common';
+@import 'comable/admin/flow';
+@import 'comable/admin/errors';
+@import 'comable/admin/dashboard';
+@import 'comable/admin/orders';
+@import 'comable/admin/products';
+@import 'comable/admin/pages';
+@import 'comable/admin/user_sessions';
+@import 'comable/admin/themes';

data/app/assets/stylesheets/comable/admin/overrides/awesome_admin_layout.scss

@@ -0,0 +1,25 @@
+#awesome_admin_layout {
+  font-size: larger;
+}
+
+.awesome_admin_layout-main {
+  margin: 0;
+}
+
+.awesome_admin_layout-navigation-toggle {
+  position: absolute;
+  z-index: 300;
+  // = .comable-page-heading's `padding`
+  padding: 25px 30px;
+}
+
+@media screen and (max-width: $screen-sm-min) {
+  .comable-main-fixed-top {
+    padding-left: 0 !important;
+  }
+
+  .comable-page-heading {
+    // = .comable-page-heading's `padding` + toggle button size + margin
+    padding-left: 30px + 34px + 20px !important;
+  }
+}

data/app/assets/stylesheets/comable/admin/overrides/bootstrap.scss

@@ -0,0 +1,81 @@
+.panel.panel-inverse {
+  border: none;
+
+  & > .panel-heading {
+    background-color: #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;
+  }
+}
+
+.page-header > .breadcrumb {
+  margin: 0;
+  padding: 0;
+  background-color: transparent;
+
+  & > li {
+    color: $text-color;
+
+    & > a {
+      color: darken($breadcrumb-color, 20%);
+    }
+  }
+}
+
+label {
+  @extend .control-label;
+}
+
+select,
+textarea,
+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;
+    }
+  }
+}
+
+legend {
+  margin-bottom: 0;
+  border-bottom: 0;
+}
+
+table > tbody > tr > td > ul {
+  margin-bottom: 0;
+}
+
+.btn-link {
+  outline: none !important;
+}
+
+.form-group .radio-inline {
+  margin-top: 10px;
+  margin-right: 20px;
+}

data/app/assets/stylesheets/comable/admin/overrides/jstree.scss

@@ -0,0 +1,71 @@
+.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-color: $dropdown-link-hover-bg;
+  }
+
+  .jstree-wholerow-clicked {
+    color: $dropdown-link-active-color;
+    background-color: $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;
+      }
+    }
+  }
+}