comable-backend 0.6.0

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

@@ -0,0 +1,35 @@
+class Search
+  constructor: (@templates = {}) ->
+
+  remove_fields: (button) ->
+    $(button).closest('.fields').remove()
+
+  add_fields: (button, type, content) ->
+    new_id = new Date().getTime()
+    regexp = new RegExp('new_' + type, 'g')
+    $(button).before(content.replace(regexp, new_id))
+
+  nest_fields: (button, type) ->
+    new_id = new Date().getTime()
+    id_regexp = new RegExp('new_' + type, 'g')
+    template = @templates[type]
+    object_name = $(button).closest('.fields').attr('data-object-name')
+    sanitized_object_name = object_name.replace(/\]\[|[^-a-zA-Z0-9:.]/g, '_').replace(/_$/, '')
+    template = template.replace(/new_object_name\[/g, object_name + "[")
+    template = template.replace(/new_object_name_/, sanitized_object_name + '_')
+    $(button).before(template.replace(id_regexp, new_id))
+
+# ---
+# main
+# ---
+search = new Search()
+
+$(document).on('click', '.ransack.add_fields', ->
+  search.add_fields(this, $(this).data('fieldType'), $(this).data('content'))
+  false
+)
+
+$(document).on('click', '.ransack.remove_fields', ->
+  search.remove_fields(this)
+  false
+)

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

@@ -0,0 +1,153 @@
+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%;
+  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;
+    }
+  }
+}
+
+.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: $awesome_admin_layout-navigation-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;
+  }
+}
+
+
+#comable-advanced-search {
+  margin-top: 10px;
+
+  fieldset > fieldset {
+    margin-bottom: 10px;
+  }
+
+  button.comable-remove-button {
+    @include appearance(none);
+    padding: 0;
+    cursor: pointer;
+    background: transparent;
+    border: 0;
+    height: $input-height-base;
+    outline: none;
+  }
+
+  .comable-remove-button {
+    @include text-shadow(0 1px 0 #fff);
+    @include opacity(0.2);
+    font-size: 16px;
+    font-weight: bold;
+    line-height: 1;
+    color: #000;
+  }
+}
+
+// for File Inputs
+// refs: http://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3/
+.btn-file {
+  position: relative;
+  overflow: hidden;
+  cursor: pointer;
+}
+
+.btn-file input[type=file] {
+  @include opacity(0);
+  position: absolute;
+  top: 0;
+  right: 0;
+  min-width: 100%;
+  min-height: 100%;
+  font-size: 100px;
+  text-align: right;
+  outline: none;
+  background: white;
+  cursor: inherit;
+  display: block;
+}

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

@@ -0,0 +1,149 @@
+// Variables
+$comable-flow-border: #eee;
+$comable-badge-size: 50px;
+$comable-badge-default-color: $gray;
+$comable-badge-default-bg: #fff;
+$comable-badge-default-border: $btn-default-border;
+$comable-badge-disable-color: #fff;
+$comable-badge-disable-bg: #ddd;
+$comable-badge-disable-border: $btn-default-border;
+$comable-badge-primary-color: $btn-primary-color;
+$comable-badge-primary-bg: $btn-primary-bg;
+$comable-badge-primary-border: $btn-primary-border;
+$comable-badge-success-color: $btn-success-color;
+$comable-badge-success-bg: $btn-success-bg;
+$comable-badge-success-border: $btn-success-border;
+$comable-badge-warning-color: $btn-warning-color;
+$comable-badge-warning-bg: $btn-warning-bg;
+$comable-badge-warning-border: $btn-warning-border;
+$comable-badge-danger-color: $btn-danger-color;
+$comable-badge-danger-bg: $btn-danger-bg;
+$comable-badge-danger-border: $btn-danger-border;
+
+// Mixins
+@mixin comable-badge($color, $background-color, $border-color) {
+  color: $color;
+  background-color: $background-color;
+  border-color: $border-color;
+
+  &:hover, &:focus {
+    color: $color;
+  }
+
+  @at-root a#{&}:hover, a#{&}:focus {
+    background-color: darken($background-color, 10%);
+    border-color: darken($border-color, 10%);
+  }
+}
+
+// Rules
+.comable-flow {
+  list-style: none;
+  margin-bottom: 20px;
+  padding: 20px 0;
+  position: relative;
+
+  &:before {
+    content: ' ';
+    margin-top: -1.5px;
+    height: 3px;
+    background-color: $comable-flow-border;
+    position: absolute;
+    top: 50%;
+    left: 0;
+    right: 0;
+  }
+
+  li {
+    @include inline-block;
+    margin-right: $comable-badge-size + 50px;
+    position: relative;
+  }
+}
+
+.comable-badge {
+  @include border-radius(50%);
+  margin-top: -($comable-badge-size / 2);
+  height: $comable-badge-size;
+  width: $comable-badge-size;
+  line-height: $comable-badge-size;
+  font-size: 1.4em;
+  text-align: center;
+  position: absolute;
+  left: 16px;
+  top: 50%;
+  z-index: 100;
+  border: 1px solid transparent;
+
+  &[disabled] {
+    @include opacity(0.65);
+    @include box-shadow(none);
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+}
+
+.comable-badge-default {
+  @include comable-badge(
+    $color: $comable-badge-default-color,
+    $background-color: $comable-badge-default-bg,
+    $border-color: $comable-badge-default-border
+  );
+}
+
+.comable-badge-disable {
+  @include comable-badge(
+    $color: $comable-badge-disable-color,
+    $background-color: $comable-badge-disable-bg,
+    $border-color: $comable-badge-default-border
+  );
+}
+
+.comable-badge-primary {
+  @include comable-badge(
+    $color: $comable-badge-primary-color,
+    $background-color: $comable-badge-primary-bg,
+    $border-color: $comable-badge-primary-border
+  );
+}
+
+.comable-badge-success {
+  @include comable-badge(
+    $color: $comable-badge-success-color,
+    $background-color: $comable-badge-success-bg,
+    $border-color: $comable-badge-success-border
+  );
+}
+
+.comable-badge-danger {
+  @include comable-badge(
+    $color: $comable-badge-danger-color,
+    $background-color: $comable-badge-danger-bg,
+    $border-color: $comable-badge-danger-border
+  );
+}
+
+.comable-badge-warning {
+  @include comable-badge(
+    $color: $comable-badge-warning-color,
+    $background-color: $comable-badge-warning-bg,
+    $border-color: $comable-badge-warning-border
+  );
+}
+
+.comable-flow-label {
+  display: table;
+  height: $comable-badge-size + 5px;
+  margin: 0 0 0 auto;
+  text-align: right;
+}
+
+.comable-flow-label-container {
+  display: table-cell;
+  vertical-align: middle;
+
+  *:last-child {
+    margin-bottom: 0;
+    padding-bottom: 0;
+  }
+}