rademade_admin 0.0.3 → 0.1.0

data/app/assets/javascripts/rademade_admin/app/common/uploader.coffee

@@ -17,7 +17,7 @@ initUploader = ->
   bindFileUploader::uploadError = () ->
     @_hideUploader()
 
-  bindFileUploader::updateUploadProggress = (data) ->
+  bindFileUploader::updateUploadProggress = (e, data) ->
     progress = parseInt(data.loaded / data.total * 100, 10)
     @_setUploadProgress(progress)
 
@@ -31,8 +31,8 @@ initUploader = ->
     @$wrapper.find('.upload-progress').width(progress + '%')
 
   bindFileUploader::_appendUploadResult = (result)->
-    @$wrapper.find('.image-preview-wrapper').replaceWith(result.html)
-    @$wrapper.find('.hidden').val(result.file[@$el.data('column')].url)
+    @$wrapper.find('.preview-wrapper').replaceWith(result.html)
+    @$wrapper.find('input[type="hidden"]').val(result.file[@$el.data('column')].url)
 
   bindFileUploader::init = () ->
     #todo url take from dom

data/app/assets/javascripts/rademade_admin/app/form-popup/initializer.coffee

@@ -1,43 +1,30 @@
 class @FormPopup.Initializer extends Backbone.View
 
-  _popups : undefined
-
-  events :
-    'click .relation-add-button' : 'onRelationAdd'
-    'click [data-edit]' : 'onRelationEdit'
-
-  initialize : () ->
-    @_popups = new FormPopup.Collection
-
-  onRelationAdd : (e) ->
-    e.preventDefault()
-    $button = $ e.currentTarget
-    @showPopup $button.data('class'), $button.data('new')
-
-  onRelationEdit : (e) ->
-    e.preventDefault()
-    $button = $ e.currentTarget
-    @showPopup $button.closest('.select-wrapper').data('rel-class'), $button.data('edit')
-
-  showPopup : (modelClassName, url) ->
-    popupModel = @_popups.getModelWithClass modelClassName
-    if popupModel
-      @_popups.showModel popupModel
-    else
-      @createPopup modelClassName, url
-
-  createPopup : (modelClassName, url) ->
-    popupModel = new FormPopup.Model
-      modelClassName : modelClassName
-    popupView = FormPopup.View.init popupModel, url
-    @_popups.add popupView.model
+  _popupViews : []
+
+  showPopup : (model) ->
+    popupView = FormPopup.View.init model
+    @addPopup popupView
     @$el.append popupView.$el
 
-formPopup = undefined
+  addPopup : (popup) ->
+    popup.on 'close', @_onPopupClose
+    @_last().hide() if @_hasPopups()
+    @_popupViews.push popup
+
+  _onPopupClose : () =>
+    @_popupViews.pop()
+    @_last().show() if @_hasPopups()
+
+  _last : () ->
+    _.last @_popupViews
+
+  _hasPopups : () ->
+    @_popupViews.length > 0
 
-$(document).on 'ready page:load', () =>
-  formPopup = new @FormPopup.Initializer
-    el : document.getElementById 'pad-wrapper'
 
-$(document).on 'show:popup', (e, modelClassName, url) =>
-  formPopup.showPopup modelClassName, url
+  @getInstance : () ->
+    instance = null
+    do () ->
+      instance ||= new @FormPopup.Initializer
+        el : document.getElementById 'pad-wrapper'

data/app/assets/javascripts/rademade_admin/app/form-popup/view.coffee

@@ -3,29 +3,38 @@ class @FormPopup.View extends Backbone.View
   className : 'add_new_popup soft-hide'
 
   events :
-    'click .reset' : 'onReset'
-
-  initialize : () ->
-    @model.on 'show', () =>
-      @$el.show()
-    @model.on 'hide', () =>
-      @$el.hide()
+    'click' : 'onClick'
+    'click .cancel-btn' : 'onReset'
 
   onReset : (e) ->
     e.preventDefault()
     @closePopup()
 
+  onClick : (e) ->
+    @closePopup() if $(e.target).closest('.simple_form').length is 0
+
+  show : () =>
+    @$el.show()
+    @_updatePosition()
+
+  hide : () ->
+    @$el.hide()
+
   closePopup : () ->
-    @model.destroy()
+    @trigger 'close'
     @undelegateEvents()
     @$el.remove()
 
   renderFromUrl : (url) ->
     $.get url, (html) =>
       @$el.html html
+      @_updatePosition()
       @delegateEvents()
       @_init()
 
+  render : () ->
+    @renderFromUrl @model.get('edit_url')
+
   _init : () ->
     $form = @$el.find 'form'
     if $form.length > 0
@@ -36,22 +45,27 @@ class @FormPopup.View extends Backbone.View
 
   _initPlugins : () ->
     $(document)
-      .trigger('init-select')
       .trigger('init-uploader')
+      .trigger('init-lang-panel')
+      .trigger('init-plugins') # todo move all custom inits to init-plugins
+    Select2Input.View.initAll @$el
 
   _initForm : ($form) ->
-    (new FormAjaxSubmit($form)).init()
-    $form.on 'ajax-submit-done', (e, data) =>
-      $(document).trigger 'form-saved', [@model.get('modelClassName'), data]
+    Form.init $form
+    $form.on 'ajax-submit-done', (e, response) =>
+      @model.update response.data
       @closePopup()
 
   _bindButton : () ->
     @$el.find('button').click (e) =>
-      @renderFromUrl $(e.currentTarget).data('new')
+      @model.set 'edit_url', $(e.currentTarget).data('new')
+      @render()
 
+  _updatePosition : () ->
+    @$el.css top : "#{window.pageYOffset}px"
 
-@FormPopup.View.init = (popupModel, url) ->
-  popupView = new FormPopup.View
-    model : popupModel
-  popupView.renderFromUrl url
-  popupView
+  @init : (model) ->
+    popupView = new FormPopup.View
+      model : model
+    popupView.render()
+    popupView

data/app/assets/javascripts/rademade_admin/app/forms/remove.coffee

@@ -1,6 +1,7 @@
 $(document).on 'ready page:load', ->
 
   $('.delete-item-form').on
-    'ajax-before-submit': (event, submitStart) -> submitStart() if confirm 'Do you really want delete this record?',
-    'ajax-submit-done': -> $(this).closest('tr').fadeOut 300
-
+    'ajax-before-submit' : (event, submitStart) ->
+      submitStart() if confirm I18n.t('rademade_admin.record_remove_confirm')
+    'ajax-submit-done' : ->
+      $(this).closest('tr').fadeOut 300

data/app/assets/javascripts/rademade_admin/app/select2/model.coffee

@@ -0,0 +1,7 @@
+class @Select2Input.Model extends Backbone.Model
+
+  isMultiple : () ->
+    @get('multiple')
+
+  getRelatedData : () ->
+    @get('related').getData()

data/app/assets/javascripts/rademade_admin/app/select2/related/collection-view.coffee

@@ -0,0 +1,35 @@
+class @Select2Input.RelatedCollectionView extends Backbone.View
+
+  initialize : (options) ->
+    @collection.on 'add', @appendRelatedView
+    @_views = options.views
+
+  appendRelatedView : (model) =>
+    view = new Select2Input.RelatedView
+      model : model
+    @$el.append view.render().$el
+    @_views.push view
+
+  initSort : () ->
+    @$el.disableSelection()
+    if @$el.data('sortable')
+      @$el.sortable
+        stop : () =>
+          $children = @$el.children()
+          _.each @_views, (view) =>
+            view.model.set 'position', $children.index(view.$el) + 1
+          @collection.resort()
+
+  @init : ($list) ->
+    views = []
+    collection = new Select2Input.RelatedCollection
+    $list.find('li').each () ->
+      relatedView = Select2Input.RelatedView.init $(this)
+      views.push relatedView
+      collection.add relatedView.model
+    collectionView = new this
+      collection : collection
+      el : $list
+      views : views
+    collectionView.initSort()
+    collectionView

data/app/assets/javascripts/rademade_admin/app/select2/related/collection.coffee

@@ -0,0 +1,28 @@
+class @Select2Input.RelatedCollection extends Backbone.Collection
+
+  comparator : 'position'
+
+  initialize : () ->
+    @on 'add', @addPosition
+    @on 'relation-remove', @removeFromCollection
+
+  addPosition : (model) ->
+    model.set 'position', @length
+
+  removeFromCollection : (model) =>
+    @remove model
+    @_triggerChange()
+
+  resort : () ->
+    @sort()
+    @_triggerChange()
+
+  update : (data) ->
+    @add new Select2Input.RelatedModel(data), merge : true
+    @_triggerChange()
+
+  getData : () ->
+    @map (model) -> model.getData()
+
+  _triggerChange : () ->
+    @trigger 'data-change'

data/app/assets/javascripts/rademade_admin/app/select2/related/model.coffee

@@ -0,0 +1,15 @@
+class @Select2Input.RelatedModel extends Backbone.Model
+
+  relationRemove : () ->
+    @trigger 'relation-remove', this
+
+  # todo mixin
+  update : (data) ->
+    @set data
+    @_triggerChange()
+
+  getData : () ->
+    @attributes
+
+  _triggerChange : () ->
+    @trigger 'data-change'

data/app/assets/javascripts/rademade_admin/app/select2/related/view.coffee

@@ -0,0 +1,40 @@
+class @Select2Input.RelatedView extends Backbone.View
+
+  tagName : 'li'
+
+  events :
+    'click [data-edit]' : 'editRelation'
+    'click [data-remove]' : 'removeRelation'
+
+  initialize : () ->
+    @model.on 'relation-remove', @remove, this
+    @model.on 'change', @render, this
+
+  editRelation : (e) ->
+    e.preventDefault()
+    FormPopup.Initializer.getInstance().showPopup @model
+
+  removeRelation : (e) ->
+    e.preventDefault()
+    @model.relationRemove() if confirm I18n.t('rademade_admin.model_remove_confirm')
+    false
+
+  render : () ->
+    @$el.html @_getTemplateHtml()
+    return this
+
+  _getTemplateHtml : () ->
+    """
+      <span>#{@model.get('text')}</span>
+      <button data-edit="#{@model.get('edit_url')}">Edit</button>
+      <button data-remove>Delete</button>
+    """
+
+  @init : ($el) ->
+    model = new Select2Input.RelatedModel
+      id : $el.data('id')
+      text : $el.find('span').text()
+      edit_url : $el.find('[data-edit]').data('edit')
+    new this
+      el : $el
+      model : model

data/app/assets/javascripts/rademade_admin/app/select2/view.coffee

@@ -0,0 +1,78 @@
+class @Select2Input.View extends Backbone.View
+
+  events :
+    'click [data-new]' : 'addRelation'
+
+  initItem : () ->
+    @$item = @$el.find('.select-wrapper input[type="hidden"]')
+    @initModel()
+    @initRelated()
+    @initSelect2()
+
+  initModel : () ->
+    @model.set
+      searchUrl : @$item.data('searchUrl')
+      multiple : @$item.data('relMultiple')
+
+  initRelated : () ->
+    if @model.isMultiple()
+      collectionView = Select2Input.RelatedCollectionView.init @$el.find('.select2-items-list')
+      @model.set 'related', collectionView.collection
+    else
+      relatedData = @$el.children('input[type="hidden"]').data()
+      @model.set 'related', new Select2Input.RelatedModel relatedData
+
+  initSelect2 : () ->
+    @$item.select2(
+      multiple : @model.isMultiple()
+      placeholder : I18n.t('rademade_admin.enter_search')
+      allowClear : true
+      ajax :
+        url : @model.get('searchUrl')
+        dataType : 'json'
+        data : (term) -> { q : term }
+        results : (data) -> { results : data }
+    ).unbind('change').bind 'change', (e) =>
+      @model.get('related').update(e.added) if e.added
+    @_updateData()
+    @model.get('related').on 'data-change', @_updateData
+
+  addRelation : (e) ->
+    e.preventDefault()
+    relatedModel = @_createRelatedModel $(e.currentTarget).data('new')
+    FormPopup.Initializer.getInstance().showPopup relatedModel
+
+  _createRelatedModel : (url) ->
+    relatedModel = @_relatedModel url
+    relatedModel.on 'data-change', () =>
+      @model.get('related').add(relatedModel) if @model.isMultiple()
+      @_updateData()
+    relatedModel
+
+  _updateData : () =>
+    relatedData = @model.getRelatedData()
+    if @model.isMultiple() or not _.isEmpty(relatedData)
+      @$item.select2('data', relatedData)
+
+  _relatedModel : (url) ->
+    if @model.isMultiple()
+      relatedModel = new Select2Input.RelatedModel
+    else
+      relatedModel = @model.get('related')
+    relatedModel.set 'edit_url', url
+    relatedModel
+
+  @init : ($el) ->
+    view = new this
+      model : new Select2Input.Model
+      el : $el
+    view.initItem()
+    view
+
+  @initAll : (within) ->
+    $('.input-holder:has(.select-wrapper)', within).each (index, select) =>
+      Select2Input.View.init $(select)
+
+$ ->
+  $(document).on 'ready page:load', () ->
+    Select2Input.View.initAll()

data/app/assets/javascripts/rademade_admin/form/form-ajax.coffee

@@ -0,0 +1,48 @@
+class @FormAjax extends Backbone.View
+
+  submitHandler : () ->
+    @_prepareForAjax()
+    $.ajax(
+      url : @$el.attr('action')
+      type : @$el.attr('method')
+      data : @_getData()
+      dataType : 'json'
+    ).done(@_onDone).fail(@_onFail).always(@_onAlways)
+
+  _prepareForAjax : () ->
+    @trigger 'ajax-start'
+    for instance of CKEDITOR.instances
+      CKEDITOR.instances[instance].updateElement()
+
+  _onDone : (data) =>
+    @trigger 'ajax-done', data
+    @$el.find('.error-message').remove()
+
+  _onFail : (response) =>
+    try
+      @trigger 'ajax-fail', JSON.parse(response.responseText)
+
+  _onAlways : (response) =>
+    data = if (response.responseJSON) then response.responseJSON else response
+    window.notifier.notify(data.message) if data.message
+    @trigger 'ajax-finish', data
+
+  _getData : () ->
+    items = @$el.serializeObject()
+
+    for memb of items.data
+      array = items.data[memb]
+      items.data[memb] = @_cleanArray(array) if $.isArray(array)
+
+    inputMethod = @$el.find('input[name="_method"]')
+    items['_method'] = inputMethod.val() if inputMethod instanceof jQuery
+
+    items
+
+  _cleanArray : (array) ->
+    newArray = []
+    for val in array
+      cleanVal = val.replace(/\s+/g, '')
+      if cleanVal.length > 0
+        newArray = $.merge(newArray, cleanVal.split(','))
+    if newArray.length is 0 then [''] else newArray

data/app/assets/javascripts/rademade_admin/form/form-initializater.coffee

@@ -0,0 +1,45 @@
+class @FormInitializer extends Backbone.View
+
+  initForms : () ->
+    $('form').each (i, form) ->
+      Form.init $(form)
+
+  setErrorsFormatting : () ->
+    $.validator.setDefaults
+
+      showErrors : (errorMap, errorList) =>
+        $.each errorList, (index, error) =>
+          $error = $(error.element)
+          @_clearErrors($error)
+          @_showErrorMessage($error, error)
+
+  _clearErrors : ($error) ->
+    $error.siblings('.error-message').remove()
+
+  _showErrorMessage : ($error, error) ->
+    $error.after @_getErrorNotifier(error)
+
+  _getErrorMessage : (error) ->
+    if $.isArray(error.message)
+      error.message.join('<br>')
+    else
+      error.message
+
+  _getErrorNotifier : (message) ->
+    $([
+      '<span class="error-message">'
+        @_getErrorMessage(message)
+        '<i class="ico error-buble"></i>'
+      '</span>'
+    ].join(''))
+
+
+FormInitializer.init = () ->
+  formInitializer = new FormInitializer()
+  formInitializer.setErrorsFormatting()
+  formInitializer.initForms()
+  formInitializer
+
+
+$ ->
+  $(document).on 'ready page:load', FormInitializer.init