comable-backend 0.6.0 → 0.7.0.beta1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: cc13f09174988052b4dac133bb4b2fad27edb360
-  data.tar.gz: 6da4749c448aa3de6cd592ccfb6b5aac8b24d602
+  metadata.gz: 21e413e5bc839c0924bfa5d8ffe4b07e996edc6b
+  data.tar.gz: c9e611eeff9a149567730af68720b2b8a36ab43a
 SHA512:
-  metadata.gz: fd165e1f0602941a9b79291a90816fd57aa8341358cdc4d576ddf9f8aea39666963487bbf375fa72ca7507a3509f89eeb7e928d15c5451fb472331407d6bde9e
-  data.tar.gz: 7de02b45f9941793ac7a6b6e8caa4d9d19e121509fe161ad3a07a15c15293ff53e05ac867cfa015fa8a7e0231337d72453086e1cb23cb96b113d35b095e4e1a2
+  metadata.gz: 0c7bcfbceaba2d2806a1b42ee422d443908e8a613e6705c9259b30063b48f2548f8eb1f961e06e6ca70a36c9dd59eab2668e30eceb26d0bcbdfd97b82eb26337
+  data.tar.gz: 514dd41231eb28738854f4fcb721fe651e46071025b787b4e4ca72807ac6a6324c737adb9679a0eb676cae36ac2df3d3ea191a25d8373d20d13598f9d947eac8

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

@@ -15,7 +15,17 @@ class Dispatcher
     action_name = path[1]
 
     switch page
-      when 'orders:edit'
+      when 'orders:edit', 'pages:update'
         new DynamicOrder
-      when 'pages:new', 'pages:show', 'pages:edit'
+      when 'pages:new', 'pages:show', 'pages:edit', 'pages:update', 'pages:create'
         new Page
+      when 'products:new', 'products:show', 'products:edit', 'products:update', 'products:create'
+        new Product
+        new Variant
+      when 'navigations:new', 'navigations:show', 'navigations:edit', 'navigations:update', 'navigations:create'
+        new Navigation
+      when 'themes:tree'
+        new ThemeTree
+      when 'themes:show_file'
+        new ThemeTree
+        new ThemeEditor

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

@@ -0,0 +1,37 @@
+class @Navigation
+  constructor: ->
+    @navigation_items = $('#navigation-items')
+    @add_fields = $('.add_fields')
+    @add_event()
+
+  # linkable_idの検索
+  search_linkable_ids: ->
+    $linkable_type = $('#linkable_type')
+    $position = $('#position')
+    $linkable_type.val($(this).val())
+    $position.val($('.linkable_type').index(this))
+    $linkable_type.closest('form').submit()
+
+  # アイテムの追加
+  adding_navigation_item_field: ->
+    regexp = new RegExp($(this).data('index'), 'g')
+    field_tags = $(this).data('fields').replace(regexp,  $('.navigation-item').length) # 置換予定文字を添字に置換する
+    $field = $(field_tags)
+    $field.addClass('js-new-record')
+    $('#navigation-items').append($field) # タグを追加
+
+  # アイテムの削除
+  remove_navigation_item_field: ->
+    $navigation_item = $(this).closest('.navigation-item')
+    if $navigation_item.hasClass('js-new-record')
+      $navigation_item.remove()
+    else
+      $navigation_item.find('.destroy').val(true)
+      $navigation_item.addClass('hidden')
+
+  # イベント設定
+  add_event: ->
+    @navigation_items.on('change', '.linkable_type', @search_linkable_ids)
+    @navigation_items.on('click', '.remove_fields', @remove_navigation_item_field)
+    @add_fields.click(@adding_navigation_item_field)
+

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

@@ -1,8 +1,5 @@
 class @Page
   constructor: ->
-    $(document).ready(@ready)
-
-  ready: =>
     @radio_published = $('#page_published_at_published')
     @radio_unpublished = $('#page_published_at_unpublished')
     @published_at = $('#page_published_at')

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

@@ -19,3 +19,38 @@ initializa_comable_tagit = ->
 $(document).ready(->
   initializa_comable_tagit()
 )
+
+class @Product
+  constructor: ->
+    @radio_published = $('#product_published_at_published')
+    @radio_unpublished = $('#product_published_at_unpublished')
+    @published_at = $('#product_published_at')
+
+    @initialize_visibility()
+    @add_event_to_set_visibility()
+
+  # 公開/非公開の制御
+  initialize_visibility: ->
+    if @radio_published.is(':checked')
+      @published()
+    if @radio_unpublished.is(':checked')
+      @unpublished()
+
+  # 公開の際の制御
+  published: =>
+    @published_at.show()
+    @published_at.val(moment().format('YYYY-MM-DD HH:mm')) unless @published_at.val()
+
+  # 非公開の際の制御
+  unpublished: =>
+    @published_at.hide()
+    @published_at.val('')
+
+  add_event_to_set_visibility: ->
+    @radio_published.click(@published)
+    @radio_unpublished.click(@unpublished)
+
+    # 日付を空にされたら非公開にする
+    @published_at.blur( =>
+      @radio_unpublished.click() unless @published_at.val()
+    )

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

@@ -1,4 +1,4 @@
-class Search
+class DynamicField
   constructor: (@templates = {}) ->
 
   remove_fields: (button) ->
@@ -22,14 +22,14 @@ class Search
 # ---
 # main
 # ---
-search = new Search()
+dynamic_field = new DynamicField
 
-$(document).on('click', '.ransack.add_fields', ->
-  search.add_fields(this, $(this).data('fieldType'), $(this).data('content'))
+$(document).on('click', '.add_fields', ->
+  dynamic_field.add_fields(this, $(this).data('fieldType'), $(this).data('content'))
   false
 )
 
-$(document).on('click', '.ransack.remove_fields', ->
-  search.remove_fields(this)
+$(document).on('click', '.remove_fields', ->
+  dynamic_field.remove_fields(this)
   false
 )

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

@@ -1,64 +1,53 @@
-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()
-)
+class @ThemeTree
+  constructor: ->
+    $(window).resize(@resize_forms_height)
+    @resize_forms_height()
+    @add_comable_file_tree_event()
+
+  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
+
+class @ThemeEditor
+  constructor: ->
+    @initializa_comable_theme_editor()
+    @add_comable_theme_editor_form_event()
+
+  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: ->
+    _this = @
+    $form = $('#comable-theme-editor-form')
+    $form.submit( ->
+      editor = _this.comable_theme_editor_window()
+      text = editor.getValue()
+      $(this).find('[name=code]').val(text)
+    )
+
+  comable_theme_editor_window: ->
+    editor_element = $('#comable-theme-editor').find('.comable-theme-editor-window').get(0)
+    ace.edit(editor_element)

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

@@ -0,0 +1,106 @@
+class @Variant
+  initialized: false
+
+  constructor: ->
+    @initialize_tagits()
+    @register_click_event_to_add_option_button()
+    @register_click_event_to_remove_option_button()
+    @initialized = true
+
+  initialize_tagits: ->
+    _this = @
+    $('.js-tagit-option-values').each( ->
+      _this.initialize_tagit(this)
+    )
+
+  initialize_tagit: (element) ->
+    $element = $(element)
+    index = $element.data('index')
+    $element.tagit({
+      fieldName: 'product[option_types_attributes][' + index + '][values][]',
+      caseSensitive: false,
+      removeConfirmation: true,
+      readOnly: $element.hasClass('tagit-readonly'),
+      afterTagAdded: @rebuild_variants,
+      afterTagRemoved: @rebuild_variants
+    })
+
+  register_click_event_to_add_option_button: ->
+    $('.js-add-option').click( =>
+      @change_from_master()
+      setTimeout( =>
+        @initialize_tagits()
+      , 1)
+    )
+
+  register_click_event_to_remove_option_button: ->
+    $(document).on('click', '.js-remove-option', ->
+      $(this).closest('.js-new-variants').remove()
+      @change_to_master()
+    )
+
+  rebuild_variants: (event, ui) =>
+    return unless @initialized
+    @remove_variants()
+    @build_variants()
+
+  build_variants: ->
+    _this = @
+    options = []
+    $('.js-tagit-option-values').each( ->
+      return unless $(this).hasClass('tagit')
+      name = $(this).closest('.comable-option').find('input:first-child').val()
+      values = $(this).tagit('assignedTags')
+      option = jQuery.map(values, (value) -> { name: name, value: value })
+      options.push(option)
+    )
+    options_for_variants = _product(_compact(options))
+    options_for_variants.forEach((options_for_variant) ->
+      _this.build_variant(options_for_variant)
+    )
+
+  build_variant: (options) ->
+    $variant = @new_variant()
+
+    $variant.find('[data-name="options"] > input').val(JSON.stringify(options))
+    options.forEach((option) ->
+      $variant.find('[data-name="options"]').append('<span class="comable-variant-name">' + option.value + '</span> ')
+    )
+
+    $('.js-variants-table').find('tbody').append($variant)
+
+  remove_variants: ->
+    $('.js-new-variants:not(.hidden)').remove()
+
+  new_variant: ->
+    new_id = new Date().getTime()
+    $('.js-add-variant').click()
+    $variant = $('.js-new-variants').last()
+    $variant.removeClass('hidden')
+    $variant.html($variant.html().replace(/new_variant/g, new_id))
+    $variant
+
+  change_from_master: ->
+    $('.js-variants-table').removeClass('hidden')
+    $('#product_variants_attributes_0__destroy').val(1)
+
+  change_to_master: ->
+    $('.js-variants-table').removeClass('hidden')
+    $('.js-variants-table').addClass('hidden')
+    $('#product_variants_attributes_0__destroy').val(0) if $('.js-new-variants').length == 0
+
+  # refs http://stackoverflow.com/questions/281264/remove-empty-elements-from-an-array-in-javascript/2843625#2843625
+  _compact = (arrays) ->
+    $.grep(arrays, (n) -> n if n && n.length != 0)
+
+  # refs http://cwestblog.com/2011/05/02/cartesian-product-of-multiple-arrays/
+  _product = (arrays) ->
+    Array.prototype.reduce.call(arrays, (a, b) ->
+      ret = []
+      a.forEach((a) ->
+        b.forEach((b) ->
+          ret.push(a.concat([b]))
+        )
+      )
+      ret
+    , [[]])

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

@@ -151,3 +151,12 @@ footer {
   cursor: inherit;
   display: block;
 }
+
+// for Tag-it
+ul.tagit {
+  @include border-radius($input-border-radius);
+
+  &.tagit-readonly {
+    background-color: #eee;
+  }
+}

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

@@ -0,0 +1,13 @@
+#comable-navigation {
+  .add_fields {
+    margin-right: 30px;
+  }
+
+  .remove_fields {
+    margin-top: 25px;
+  }
+
+  .linkable_id select {
+    margin-top: 25px;
+  }
+}

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

@@ -0,0 +1,40 @@
+$comable-colors: #ffa000 #5dd39e #d81159 #06aed5 #8f2d56;
+
+@for $i from 1 through length($comable-colors) {
+  $color: nth($comable-colors, $i);
+
+  .comable-variant-name:nth-of-type(#{$i}) {
+    color: darken($color, 5%);
+
+    &:after {
+      display: inline;
+      margin: 0 5px;
+      color: #444;
+      content: '·';
+    }
+
+    &:last-child:after {
+      display: none;
+    }
+  }
+
+  .comable-option:nth-of-type(#{$i}) {
+    .comable-option-name {
+      color: darken($color, 5%);
+    }
+
+    ul.comable-option-values li:not(.tagit-new) {
+      background-color: $color;
+      border-color: $color;
+
+      & > span, & > a, & > a > span {
+        color: #fff;
+      }
+
+      &.remove {
+        background-color: darken($color, 10%);
+        border-color: darken($color, 10%);
+      }
+    }
+  }
+}

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

@@ -22,5 +22,7 @@
 @import 'comable/admin/orders';
 @import 'comable/admin/products';
 @import 'comable/admin/pages';
+@import 'comable/admin/navigations';
 @import 'comable/admin/user_sessions';
 @import 'comable/admin/themes';
+@import 'comable/admin/variants';