comable_backend 0.4.2 → 0.5.0

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

@@ -0,0 +1,64 @@
+can_use_comable_theme_editor = ->
+  return false unless $('#comable-theme-editor').length
+  return false unless $('#comable-theme-editor-form').length
+  true
+
+can_use_comable_file_tree = ->
+  return false unless $('#comable-file-tree').length
+  true
+
+comable_theme_editor_window = ->
+  editor_element = $('#comable-theme-editor').find('.comable-theme-editor-window').get(0)
+  ace.edit(editor_element)
+
+initializa_comable_theme_editor = ->
+  editor = comable_theme_editor_window()
+  editor.setTheme('ace/theme/monokai')
+  editor.session.setMode('ace/mode/liquid')
+  $(window).bind('beforeunload', ->
+    window.beforeunload_message unless editor.session.getUndoManager().isClean()
+  )
+  $(document).on('page:before-change', ->
+    confirm(window.beforeunload_message) unless editor.session.getUndoManager().isClean()
+  )
+
+add_comable_theme_editor_form_event = ->
+  $form = $('#comable-theme-editor-form')
+  $form.submit(->
+    editor = comable_theme_editor_window()
+    text = editor.getValue()
+    $(this).find('[name=code]').val(text)
+  )
+
+add_comable_file_tree_event = ->
+  $comable_file_tree = $('#comable-file-tree')
+  $comable_file_tree.find('a').click((event) ->
+    event.preventDefault()
+    path = $(this).attr('href')
+    page_before_change = jQuery.Event('page:before-change')
+    $(document).trigger(page_before_change)
+    Turbolinks.visit(path) unless page_before_change.isDefaultPrevented()
+  )
+
+resize_forms_height = ->
+  header_height = parseInt($('.comable-page-body').css('padding-top'))
+  footer_height = $('footer').outerHeight(true)
+  main_height = $(window).height() - header_height - footer_height
+  $comable_file_tree = $('#comable-file-tree')
+  $comable_file_tree.css('height', main_height + 'px') if $comable_file_tree.length
+  $comable_theme_editor = $('#comable-theme-editor')
+  $comable_theme_editor.css('height', main_height + 'px') if $comable_theme_editor.length
+
+$(document).ready(->
+  if can_use_comable_theme_editor()
+    initializa_comable_theme_editor()
+    add_comable_theme_editor_form_event()
+  if can_use_comable_file_tree()
+    resize_forms_height()
+    add_comable_file_tree_event()
+)
+
+$(window).resize(->
+  return unless can_use_comable_file_tree()
+  resize_forms_height()
+)

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

@@ -17,7 +17,6 @@ footer {
 #wrapper {
   display: table;
   width: 100%;
-  position: absolute;
   height: 100%;
 
   body.animated & {
@@ -60,167 +59,6 @@ footer {
   }
 }
 
-.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;
@@ -246,7 +84,7 @@ footer {
 }
 
 .comable-main-fixed-top {
-  padding-left: $comable-sidebar-width;
+  padding-left: $awesome_admin_layout-navigation-width;
   width: 100%;
   background-color: #fff;
   position: fixed;

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

@@ -1,3 +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/_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

@@ -1,6 +1,6 @@
 #comable-user_session {
   margin: 0;
-  background-color: $comable-sidebar-bg;
+  background-color: $comable-signin-bg;
   font-size: 12px;
   font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
 
@@ -11,7 +11,7 @@
 }
 
 .comable-signin {
-  background-color: $navbar-default-bg;
+  background-color: $comable-signin-body-bg;
 
   & > .comable-signin-heading {
     position: absolute;
@@ -23,7 +23,7 @@
     margin-left: -225px;
 
     & > h1 {
-      color: $comable-sidebar-title-color;
+      color: $comable-signin-color;
       font-size: 28px;
       font-weight: 300;
       line-height: 110%;
@@ -40,7 +40,7 @@
 
   .comable-signin-body {
     padding: 30px 40px;
-    color: $navbar-default-color;
+    color: $comable-signin-body-color;
     width: 450px;
     margin: 0 auto;
 

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

@@ -1,22 +1,10 @@
 $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;
+// signin
+$comable-signin-bg: #d9e0e7;
+$comable-signin-color: #666;
+$comable-signin-body-bg: #373737;
+$comable-signin-body-color: #aaa;
 
 // orders
 $comable-map-height: 160px;
@@ -24,6 +12,12 @@ $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;
@@ -37,5 +31,8 @@ $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;
+// 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

@@ -7,8 +7,11 @@
 @import 'font-awesome';
 @import 'jquery-ui';
 @import 'morris';
-@import 'pace/white/pace-theme-minimal';
+@import 'nprogress';
+@import 'nprogress-bootstrap';
 @import 'gritter';
+@import 'awesome_admin_layout';
+@import 'bootstrap-datetimepicker';
 
 @import 'comable/admin/mixins';
 @import 'comable/admin/overrides';
@@ -18,4 +21,6 @@
 @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';