rademade_admin 0.1.3 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9b5a2cb3531638de5873ab10f39c9d89b5628d6e
-  data.tar.gz: 377c15c9e31e321d6fac8e2994c2b88acfebe8c3
+  metadata.gz: ccaea2ae3050d33085373d84cb715b1cb037ad85
+  data.tar.gz: c8510ac4aae7b02c5afcb3c56e57e815dbeac39f
 SHA512:
-  metadata.gz: 3fbfa9b7ec35b66ea9df3a88bfff40ce06ad34940d935b2768ef33e08b5317292eb702c71ac93085b9bb0be8446dd6cf3a6841cfc4f229fcea40b3541fc3cf67
-  data.tar.gz: 57d1a457a2b782f2626e9fd4f0378cc0d018655b8ebfba0df2fbef067b9b8d1abd3d78eea98f2d57bfcd9a1dae26c3dbbed801690038c59616432f884f9311b0
+  metadata.gz: 842600c6b68c316e3aee92811e46523dd632262599691dfb51bd1d8a775a8044ed8d58713a798973af6c0b0adacc2670b6c2a541495bc9e485568b25af2c365e
+  data.tar.gz: c7164d86d919e0c207a71c7c0ab7ce367b7f7d5a4897cf8923f06c110ab2d8487727d464992183d3b638c2798d18f4222b1027e66b2ebe9471c5cff7f5594ac5

data/app/assets/javascripts/rademade_admin/app/common/location.coffee.erb

@@ -19,7 +19,7 @@ class @Location extends Backbone.View
 
   _initLayer : () ->
     L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
-      attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
+      attribution : '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
     }).addTo(@map)
 
   _initMarker : () ->
@@ -27,6 +27,10 @@ class @Location extends Backbone.View
       icon : L.icon
         iconUrl : '<%= asset_path('rademade_admin/leaflet/marker-icon.png') %>'
         shadowUrl : '<%= asset_path('rademade_admin/leaflet/marker-shadow.png') %>'
+        iconSize : [25, 41]
+        shadowSize : [41, 41]
+        iconAnchor : [12, 41]
+        shadowAnchor: [12, 41]
       draggable : true
     marker.on 'dragend', (event) =>
       @_updateLatLng event.target.getLatLng()

data/app/assets/javascripts/rademade_admin/app/common/status-toggler.coffee

@@ -0,0 +1,25 @@
+class @StatusToggler
+
+  bindToggle : () ->
+    $('[data-toggle-url]').click (e) =>
+      @_toggleStatus $(e.currentTarget)
+
+  _toggleStatus : ($button) ->
+    unless @sending
+      @sending = true
+      $.ajax
+        type : 'post'
+        url : $button.data('toggleUrl')
+        dataType : 'json'
+        success : (data) =>
+          notifier.notify data.message
+      .always () =>
+        @sending = false
+
+  @init : () ->
+    statusToggler = new StatusToggler
+    statusToggler.bindToggle()
+    statusToggler
+
+$ ->
+  $(document).on 'ready page:load init-plugins', StatusToggler.init

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

@@ -0,0 +1,8 @@
+initTurboform = () ->
+  $('form[data-turboform]').on 'submit', () ->
+    separator = if @action.indexOf('?') is -1 then '?' else '&'
+    Turbolinks.visit @action + separator + $(this).serialize()
+    return false
+
+$ ->
+  $(document).on 'ready page:load', initTurboform

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

@@ -29,10 +29,10 @@ class @FormPopup.View extends Backbone.View
     @$el.load url, =>
       @delegateEvents()
       @_init()
-      @show();
+      @show()
 
   render : () ->
-    @renderFromUrl @model.get('edit_url')
+    @renderFromUrl @model.get('editurl')
 
   _init : () ->
     $form = @$el.find 'form'
@@ -50,7 +50,7 @@ class @FormPopup.View extends Backbone.View
 
   _bindButton : () ->
     @$el.find('button').click (e) =>
-      @model.set 'edit_url', $(e.currentTarget).data('new')
+      @model.set 'editurl', $(e.currentTarget).data('new')
       @render()
 
   _updatePosition : () ->

data/app/assets/javascripts/rademade_admin/app/gallery/image/collection-view.coffee

@@ -0,0 +1,35 @@
+class @GalleryImageCollectionView extends Backbone.View
+
+  initImages : (className) ->
+    @images = new GalleryImageCollection()
+    @images.setClassName(className)
+    @$el.find('.gallery-image').each (index, image) =>
+      @_initImage $(image)
+
+  initSort : () ->
+    sortUrl = @$el.data('sortable-url')
+    if sortUrl
+      @images.setSortUrl sortUrl
+      @$el.sortable
+        stop : () =>
+          @images.sort @_getSortedImages()
+
+  addImage : ($image) ->
+    @_initImage $image
+    @$el.append $image
+
+  _getSortedImages : () =>
+    images = []
+    @$el.find('.gallery-image').each (index, el) ->
+      images.push $(el).data('id')
+    images
+
+  _initImage : ($image) ->
+    @images.add GalleryImageView.init($image)
+
+  @init : ($el, className) ->
+    collectionView = new this
+      el : $el
+    collectionView.initImages className
+    collectionView.initSort()
+    collectionView

data/app/assets/javascripts/rademade_admin/app/gallery/image/collection.coffee

@@ -0,0 +1,19 @@
+class @GalleryImageCollection extends Backbone.Collection
+
+  setClassName : (className) ->
+    @className = className
+
+  getClassName : () ->
+    @className
+
+  setSortUrl : (sortUrl) ->
+    @sortUrl = sortUrl
+
+  sort : (images) ->
+    $.ajax
+      type : 'patch'
+      url : @sortUrl
+      data :
+        class_name : @className
+        images : images
+      dataType : 'json'

data/app/assets/javascripts/rademade_admin/app/gallery/image/model.coffee

@@ -0,0 +1,25 @@
+class @GalleryImageModel extends Backbone.Model
+
+  remove : () ->
+    $.ajax
+      type : 'delete'
+      url : @get 'removeUrl'
+      data :
+        class_name : @collection.getClassName()
+      dataType : 'json'
+      success : () =>
+        @trigger 'image-removed'
+      error : (data) =>
+        window.notifier.notify data.error
+
+  crop : (url, cropData, cb) ->
+    data =
+      id : @get('imageId')
+      class_name : @collection.getClassName()
+    data.crop = cropData
+    $.ajax
+      type : 'post'
+      url : url
+      data : data
+      dataType : 'json'
+      success : cb

data/app/assets/javascripts/rademade_admin/app/gallery/image/view.coffee

@@ -0,0 +1,58 @@
+class @GalleryImageView extends Backbone.View
+
+  events :
+    'click .remove-ico' : 'remove'
+    'click [data-crop]' : 'crop'
+
+  initialize : () ->
+    @model.on 'image-removed', @_onImageRemove
+    @_initCrop()
+
+  remove : () ->
+    @model.remove() if confirm I18n.t('rademade_admin.image_remove_confirm')
+
+  crop : () ->
+    @cropper.setOriginalDimensions @model.get('originalDimensions')
+    @cropper.show @model.get('fullUrl')
+    @$el.closest('.input-holder').append @cropper.$el
+
+  _initCrop : () ->
+    @_findCrop()
+    if @$crop.length > 0
+      @_updateModelCropData()
+      @cropper = new Cropper()
+      @cropper.on 'crop-image', @_cropImage
+
+  _cropImage : (cropData) =>
+    @model.crop @$crop.data('url'), cropData, (data) =>
+      @$el.find('img').attr('src', data.gallery_image_url)
+      @_updateCropHtml(data.crop_button_html)
+      @_updateModelCropData()
+
+  _updateModelCropData : () ->
+    @model.set
+      fullUrl : @$crop.data('fullUrl')
+      originalDimensions : @$crop.data('originalDimensions').split(',')
+
+  _updateCropHtml : (html) ->
+    @$crop.replaceWith(html)
+    @_findCrop()
+
+  _findCrop : () ->
+    @$crop = @$el.find('[data-crop]')
+
+  _onImageRemove : () =>
+    fadeTime = 300
+    @$el.fadeOut fadeTime
+    setTimeout () =>
+      @$el.remove()
+    , fadeTime
+
+  @init : ($el) ->
+    model = new GalleryImageModel
+      imageId : $el.data('id')
+      removeUrl : $el.find('.remove-ico').data('url')
+    new GalleryImageView
+      model : model
+      el : $el
+    model

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

@@ -0,0 +1,40 @@
+class @Gallery extends Backbone.View
+
+  initUploadButton : () ->
+    @$uploadButton = @$el.find('.gallery-image-upload')
+    @galleryId = @$el.find('[type="hidden"]').val()
+    @galleryClassName = @$uploadButton.data('class-name')
+
+  initCollectionView : () ->
+    @collectionView = GalleryImageCollectionView.init @$el.find('.gallery-images-container'), @galleryClassName
+
+  bindUpload : () ->
+    @$uploadButton.fileupload
+      dataType : 'json'
+      url : @$uploadButton.data('url')
+      formData :
+        gallery_id : @galleryId
+        class_name : @galleryClassName
+      add : (e, $form) =>
+        $form.submit().done @_appendUploadResult
+
+  _appendUploadResult : (result) =>
+    $.each result.gallery_images_html, (index, image_html) =>
+      @collectionView.addImage $(image_html)
+
+  @init : ($el) ->
+    gallery = new this
+      el : $el
+    gallery.initUploadButton()
+    gallery.initCollectionView()
+    gallery.bindUpload()
+
+  @initAll : () ->
+    $('.gallery').each () ->
+      $gallery = $(this)
+      unless $gallery.data('initialized')
+        Gallery.init $gallery
+        $gallery.data('initialized', true)
+
+$ ->
+  $(document).on('page:load ready init-plugins', Gallery.initAll)

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

@@ -30,7 +30,7 @@ class @Select2Input.RelatedView extends Backbone.View
     model = new Select2Input.RelatedModel
       id : $el.data('id')
       text : $el.find('span').text()
-      edit_url : $el.find('[data-edit]').data('edit')
+      editurl : $el.find('[data-edit]').data('edit')
     new this
       el : $el
       model : model

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

@@ -2,6 +2,7 @@ class @Select2Input.View extends Backbone.View
 
   events :
     'click [data-new]' : 'addRelation'
+    'click [data-edit-relation]' : 'editRelation'
 
   initItem : () ->
     @$item = @$el.find('.select-wrapper input[type="hidden"]')
@@ -33,7 +34,10 @@ class @Select2Input.View extends Backbone.View
         data : (term) -> { q : term }
         results : (data) -> { results : data }
     ).unbind('change').bind 'change', (e) =>
-      @model.get('related').update(e.added) if e.added
+      if e.added
+        @model.get('related').update(e.added)
+      else if e.removed
+        @model.get('related').clear()
     @_updateData()
     @model.get('related').on 'data-change', @_updateData
 
@@ -42,6 +46,11 @@ class @Select2Input.View extends Backbone.View
     relatedModel = @_createRelatedModel $(e.currentTarget).data('new')
     FormPopup.Initializer.getInstance().showPopup relatedModel
 
+  editRelation : (e) ->
+    e.preventDefault()
+    if @model.get('related').get('editurl')
+      FormPopup.Initializer.getInstance().showPopup @model.get('related')
+
   _createRelatedModel : (url) ->
     relatedModel = @_relatedModel url
     relatedModel.on 'data-change', () =>
@@ -59,7 +68,7 @@ class @Select2Input.View extends Backbone.View
       relatedModel = new Select2Input.RelatedModel
     else
       relatedModel = @model.get('related')
-    relatedModel.set 'edit_url', url
+    relatedModel.set 'editurl', url
     relatedModel
 
   @init : ($el) ->

data/app/assets/javascripts/rademade_admin/app/templates/crop.jst.ejs

@@ -1,8 +1,8 @@
 <div class="crop">
     <img class="crop-image" src="<%= imagePath %>">
     <div class="crop-actions">
-        <button class="btn blue-btn" data-crop>Crop</button>
-        <button class="btn red-btn" data-close>Discard</button>
+        <button class="btn blue-btn" data-crop><%= I18n.t('rademade_admin.crop') %></button>
+        <button class="btn red-btn" data-close><%= I18n.t('rademade_admin.discard') %></button>
     </div>
     <input type="hidden" data-crop-attribute="x"/>
     <input type="hidden" data-crop-attribute="y"/>

data/app/assets/javascripts/rademade_admin/app/templates/related-item.jst.ejs

@@ -1,5 +1,5 @@
 <span><%= text %></span><%
-if (edit_url) {
-    %><button data-edit="<%= edit_url %>"><%= I18n.t('rademade_admin.edit_related_item') %></button><%
+if (editurl) {
+    %><button data-edit="<%= editurl %>"><%= I18n.t('rademade_admin.edit_related_item') %></button><%
 }
 %><button data-remove><%= I18n.t('rademade_admin.destroy') %></button>

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

@@ -43,7 +43,10 @@ class @Form extends Backbone.View
     @sending = true
 
   _onAjaxDone : (data) =>
-    @trigger 'ajax-submit-done', [data]
+    if data.redirect_to
+      window.location.href = data.redirect_to
+    else
+      @trigger 'ajax-submit-done', [data]
 
   _onAjaxFail : (data) =>
     @trigger 'ajax-submit-fail', [data]

data/app/assets/stylesheets/rademade_admin.sass.erb

@@ -1,6 +1,6 @@
 /*
  *= require jquery-fileupload/css/jquery.fileupload-ui
- *= require select2/select2
+ *= require select2
  *= require magnific-popup/dist/magnific-popup
  *= require jquery-ui/themes/base/core
  *= require jquery-ui/themes/base/slider
@@ -78,6 +78,7 @@
 @import rademade_admin/blocks/form/texarea
 @import rademade_admin/blocks/form/checkbox
 @import rademade_admin/blocks/form/map
+@import rademade_admin/blocks/gallery/main
 
 
 /******************/

data/app/assets/stylesheets/rademade_admin/blocks/form/input.sass

@@ -1,29 +1,58 @@
+.view-option
+  position: relative
+  float: left
+  cursor: pointer
+  input
+    position: absolute
+    z-index: 10
+    top: 0
+    left: 0
+    +opacity(0)
+    &:checked + label
+      @extend .glyphicon-eye-open
+  label
+    cursor: pointer
+    @extend .glyphicon-eye-close
+
+.content
+  .form-box
+    &.search
+      padding-left: 0
+      .input-holder
+        width: 400px
+        margin-right: 10px
+
 .form-box
-    .input-holder
-        float: left
-        input[type="checkbox"]
-            margin-top: 10px
-            width: 20px
-            height: 20px
+  .input-holder
+    float: left
+    .location
+      position: relative
+      z-index: 990
+
+    input[type="checkbox"]
+      margin-top: 11px
+      width: 20px
+      height: 20px
 
-        input[type="text"],
-        input[type="email"],
-        input[type="password"],
-        input[type="tel"]
-            display: block
-            width: 100%
-            height: 34px
-            padding: 6px 12px
-            font-size: 14px
-            color: #555
-            background-color: #fff
-            background-image: none
-            border: 1px solid #ccc
-            +box-sizing(border-box)
-            +border-radius(4px)
-            +box-shadow(inset 0 1px 1px rgba(0,0,0,.075))
-            +transition(border-color ease-in-out .15s,box-shadow ease-in-out .15s)
-            &:focus
-                border-color: #66afe9
-                outline: 0
-                +box-shadow(inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6))
+    input[type="text"],
+    input[type="email"],
+    input[type="password"],
+    input[type="tel"],
+    input[type="number"]
+      display: block
+      width: 100%
+      height: 32px
+      padding: 6px 12px
+      font-size: 14px
+      color: #555
+      background-color: #fff
+      background-image: none
+      border: 1px solid #ccc
+      +box-sizing(border-box)
+      +border-radius(4px)
+      +box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075))
+      +transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s)
+      &:focus
+        border-color: #66afe9
+        outline: 0
+        +box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6))