ab_admin 0.1.2 → 0.2.0

data/Gemfile

@@ -29,6 +29,7 @@ gem 'will_paginate-bootstrap', '0.2.1'
 gem 'bootstrap-sass', '2.0.4'
 gem 'bootstrap-wysihtml5-rails'
 gem 'bootstrap-x-editable-rails'
+gem 'fancybox2-rails'
 gem 'select2-rails'
 gem 'nested_form', '0.2.2'
 gem 'simple_form'

data/Guardfile

@@ -2,7 +2,7 @@ notification :growl
 ignore /vendor/, /public/, /etc/
 
 group :rspec do
-  guard 'rspec', :all_on_start => false, :all_after_pass => false do
+  guard 'rspec', :all_on_start => false, :all_after_pass => false, :cli => '--tag @focus' do
     watch(%r{^spec/.+_spec\.rb$})
     watch(%r{^lib/(.+)\.rb$}) { |m| "spec/lib/#{m[1]}_spec.rb" }
     watch('spec/spec_helper.rb') { "spec" }

data/app/assets/javascripts/ab_admin/application.js

@@ -1,28 +1 @@
-//= require i18n
-//= require i18n/translations
-//= require jquery_ujs
-//= require jquery.cookie
-//= require jquery.pjax
-//= require jquery.ui.nestedSortable
-//= require jquery_nested_form
-//= require jquery.hotkeys
-//= require bootstrap
-//= require ab_admin/bootstrap-tab-multi
-//= require ab_admin/bootstrap-datepicker/core
-//= require ab_admin/bootstrap-datepicker/locales/bootstrap-datepicker.ru.js
-//= require ab_admin/bootstrap-timepicker
-//= require bootstrap-wysihtml5
-//= require bootstrap-wysihtml5/locales/ru
-//= require bootstrap-editable-inline
-//= require select2
-//= require jquery.ui.nestedSortable
-//= require ab_admin/components/sortable_tree
-//= require ab_admin/components/google_translate
-//= require ab_admin/components/locator
-//= require ab_admin/components/admin_assets
-//= require ab_admin/components/gmaps
-//= require ab_admin/components/in_place_edit
-
-//= require ab_admin/core/init
-//= require ab_admin/inputs/datetime_input
-
+//= require ab_admin/main

data/app/assets/javascripts/ab_admin/components/admin_assets.js.coffee

@@ -8,7 +8,7 @@ class window.AdminAssets
 
   initHandlers: ->
     self = this
-    query = "#" + @element_id + " div.galery"
+    query = "##{@element_id} .fileupload-list"
     if @sortable
       $(".do_sort " + query).sortable
         revert: true
@@ -26,6 +26,34 @@ class window.AdminAssets
     if $.fn.fancybox
       @initFancybox(query)
 
+    unless window.admin_assets_first
+      window.admin_assets_first = true
+      @initMainImage()
+      @initRemove()
+      @initRotate()
+
+  initRemove: ->
+    $(document).on "ajax:complete", ".fileupload .del_asset", ->
+      $(this).closest("div.asset").remove()
+
+  initMainImage: ->
+    $(document).on 'click', '.fileupload.many_assets .main_image', ->
+      $asset = $(this).closest('.asset')
+      $curr_cont = $asset.closest('.fileupload')
+      $curr_list = $curr_cont.find('.fileupload-list')
+      asset_klass = $curr_cont.data('asset')
+      $main_list = $(".fileupload.one_asset[data-asset='#{asset_klass}'] .fileupload-list")
+
+      $.post "/admin/assets/#{$asset.data('id')}/main", ->
+        $main_list.find('.asset').appendTo($curr_list)
+        $asset.appendTo($main_list)
+
+  initRotate: ->
+    $(document).on 'click', '.fileupload .rotate_image', ->
+      $asset = $(this).closest('.asset')
+      $.post "/admin/assets/#{$asset.data('id')}/rotate", (data) ->
+        $asset.replaceWith $('#fileupload_tmpl').tmpl(data.asset)
+
   initFancybox: (query) ->
     $(query + " a.fancybox").fancybox
       titleShow: false
@@ -38,11 +66,6 @@ class window.AdminAssets
           obj.removeClass "drag_sort"
           false
 
-$ ->
-  $(".fileupload .asset a.del").live "ajax:complete", ->
-    $(this).closest("div.asset").remove()
-
-
 #class window.AssetDescription
 #  constructor: (@assoc, @assetable_type, @assetable_id, @guid) ->
 #    @cont = $("[id^='#{@assoc}_']")

data/app/assets/javascripts/ab_admin/components/gmaps.js.coffee

@@ -1,120 +1,116 @@
 class window.GeoInput
-  constructor: (@dom_lat, @dom_lon, @dom_zoom, @options={}) ->
+  @default_lat = 55.7427928
+  @default_lon = 55.7427928
+
+  constructor: (@cont, @options={}) ->
+    @prefix = @cont.attr('id').replace(/_geo_input$/, '')
     defaults =
-      lat: 55.7427928
-      lon: 37.61540089999994
-      zoom: 12
-      doom_map: 'admin_map'
-      types: ['geocode']
-      map_options: {}
+      lat: GeoInput.default_lat
+      lon: GeoInput.default_lon
+      autocomplete: true
+
     _.defaults(@options, defaults)
-    @callback = window[@options.callback] if _.isFunction(window[@options.callback])
-    @marker_callback = window[@options.marker_callback] if _.isFunction(window[@options.marker_callback])
-    @lat_el = $('#' + @dom_lat)
-    @lon_el = $('#' + @dom_lon);
-    @zoom_el = $('#' + @dom_zoom);
 
-    @lat = parseFloat(@lat_el.val()) or @options.lat
-    @lon = parseFloat(@lon_el.val()) or @options.lon
-    @zoom = parseInt(@zoom_el.val(), 10) or @options.zoom
-    @lat_lon = new google.maps.LatLng(@lat, @lon)
-    @initGMap()
+    @initElements()
+    @initPoint()
+    @initMap()
     @initMarker()
+    @initHandlers()
+    @initAutocomplete() if @options.autocomplete
 
-  initGMap: ->
-    map_options =
-      zoom: @zoom,
-      center: @lat_lon,
-      mapTypeId: google.maps.MapTypeId.ROADMAP
-#      scrollwheel: false
-    _.defaults(@options.map_options, map_options)
-    @map = new google.maps.Map(document.getElementById(@options.doom_map), @options.map_options)
-
-    google.maps.event.addListener @map, 'zoom_changed', =>
-      @zoom_el.val(@map.getZoom())
-
-  setInputs: (pos) ->
-    @lat_el.val(pos.lat())
-    @lon_el.val(pos.lng())
-    @zoom_el.val(@map.getZoom())
+  initElements: ->
+    for el in ['lat', 'lon', 'map', 'zoom', 'geo_ac']
+      @options["#{el}_id"] ||= "#{@prefix}_#{el}"
+      this["#{el}_el"] = $("##{@options["#{el}_id"]}")
 
-  initMarker: ->
-    marker_options =
-      position: @lat_lon,
-      map: @map,
-      draggable: true
+  initPoint: ->
+    @lat = parseFloat(@lat_el.val()) or @options.lat
+    @lon = parseFloat(@lon_el.val()) or @options.lon
+    @zoom = parseInt(@zoom_el.val(), 10) or 12
+    @point = new google.maps.LatLng(@lat, @lon)
 
-    @marker = new google.maps.Marker(marker_options)
-    @infowindow = new google.maps.InfoWindow()
+  initHandlers: ->
+    @cont.bind 'geo_input:zoom_changed', (e) =>
+      @zoom_el.val(e.zoom)
 
-    google.maps.event.addListener @marker, 'dragend', (event) =>
-      @marker_callback.call(this, event.latLng) if @marker_callback
-      @map.setCenter(event.latLng)
-      pos = @marker.getPosition()
-      @setInputs(pos)
+    @cont.bind 'geo_input:dragend', (e) =>
+      @map.setCenter(e.point)
+      @setInputs(e.point)
 
-  initAutocomplete: (dom_input='geo_autocomplete') ->
-    input = document.getElementById(dom_input)
-    opts =
-      types: @options.types
-      language: I18n.locale
-#      componentRestrictions: {country: 'ru'}
-    opts.types = @typesByPrefix() if @options.prefix
-#    log opts
-    autocomplete = new google.maps.places.Autocomplete(input, opts)
-    autocomplete.bindTo('bounds', @map)
-    google.maps.event.addListener autocomplete, 'place_changed', =>
-      place = autocomplete.getPlace()
-      @callback.call(this, place) if @callback
-      @setPlace(place)
+    @cont.bind 'geo_input:place_changed', (e) =>
+      @setPlace(e.place)
 
-    $('#'+ dom_input).live "keypress", (e) ->
+    @geo_ac_el.keypress (e) ->
       e.preventDefault() if e.keyCode == 13
 
   setPlace: (place) =>
     return unless place.geometry
-    pos = place.geometry.location
+    point = place.geometry.location
     if place.geometry.viewport
       @map.fitBounds(place.geometry.viewport)
     else
-      @map.setCenter(pos)
+      @map.setCenter(point)
       @map.setZoom(17)
 
-    @marker.setPosition(pos)
-    @setInputs(pos)
+    @marker.setPosition(point)
+    @setInputs(point)
+
+  setInputs: (point) ->
+    @lat_el.val(point.lat())
+    @lon_el.val(point.lng())
+    @zoom_el.val(@map.getZoom())
+
+  initMap: ->
+    map_defaults =
+      zoom: @zoom,
+      center: @point,
+      mapTypeId: google.maps.MapTypeId.ROADMAP
+      scrollwheel: false
 
+    @options.map_options ||= {}
+    _.defaults(@options.map_options, map_defaults)
+    @map = new google.maps.Map(@map_el[0], @options.map_options)
 
-  typesByPrefix: ->
-    if _.include(['region', 'district', 'sub_district'], @options.prefix)
-      ['(regions)']
-    else if _.include(['location'], @options.prefix)
-      ['(cities)']
-    else
-      ['geocode']
+    google.maps.event.addListener @map, 'zoom_changed', =>
+      @cont.trigger
+        type: 'geo_input:zoom_changed'
+        zoom: @map.getZoom()
+
+  initMarker: ->
+    marker_defaults =
+      position: @point,
+      map: @map,
+      draggable: true
+
+    @options.marker_options ||= {}
+    _.defaults(@options.marker_options, marker_defaults)
 
-  initAutocompleteCustom: (dom_input='geo_autocomplete') ->
-    input = document.getElementById(dom_input)
-    opts =
+    @marker = new google.maps.Marker(@options.marker_options)
+    @infowindow = new google.maps.InfoWindow()
+
+    google.maps.event.addListener @marker, 'dragend', (e) =>
+      @cont.trigger
+        type: 'geo_input:dragend'
+        point: e.latLng
+
+  initAutocomplete: ->
+    geo_ac_defaults =
+      language: I18n.locale
       types: ['geocode']
-#      componentRestrictions: {country: 'ru'}
-    autocomplete = new google.maps.places.Autocomplete(input, opts)
+
+    @options.geo_ac_options ||= {}
+    _.defaults(@options.geo_ac_options, geo_ac_defaults)
+    autocomplete = new google.maps.places.Autocomplete(@geo_ac_el[0], @options.geo_ac_options)
     autocomplete.bindTo('bounds', @map)
     google.maps.event.addListener autocomplete, 'place_changed', =>
-      place = autocomplete.getPlace()
-      @callback.call(this, place) if @callback
-      return unless place.geometry
-      pos = place.geometry.location
-      if place.geometry.viewport
-        @map.fitBounds(place.geometry.viewport)
-      else
-        @map.setCenter(pos)
-        @map.setZoom(17)
-
-      @marker.setPosition(pos)
-      @setInputs(pos)
-
-    $('#'+ dom_input).live "keypress", (e) ->
-      e.preventDefault() if e.keyCode == 13
+      @cont.trigger
+        type: 'geo_input:place_changed'
+        place: autocomplete.getPlace()
+
+$.fn.geoInput = (options) ->
+  $el = $(this)
+  $el.data('geoInput') or $el.data('geoInput', new GeoInput($el, options))
+
 
 window.codeLatLng = (lat, lng, callback = null) ->
   window.geocoder ||= new google.maps.Geocoder()
@@ -145,3 +141,36 @@ window.getPlaceComponent = (place, component) ->
   res[0]
 
 
+
+#  typesByPrefix: ->
+#    if _.include(['region', 'district', 'sub_district'], @options.prefix)
+#      ['(regions)']
+#    else if _.include(['location'], @options.prefix)
+#      ['(cities)']
+#    else
+#      ['geocode']
+
+#  initAutocompleteCustom: (dom_input='geo_autocomplete') ->
+#    input = document.getElementById(dom_input)
+#    opts =
+#      types: ['geocode']
+##      componentRestrictions: {country: 'ru'}
+#    autocomplete = new google.maps.places.Autocomplete(input, opts)
+#    autocomplete.bindTo('bounds', @map)
+#    google.maps.event.addListener autocomplete, 'place_changed', =>
+#      place = autocomplete.getPlace()
+#      @callback.call(this, place) if @callback
+#      return unless place.geometry
+#      pos = place.geometry.location
+#      if place.geometry.viewport
+#        @map.fitBounds(place.geometry.viewport)
+#      else
+#        @map.setCenter(pos)
+#        @map.setZoom(17)
+#
+#      @marker.setPosition(pos)
+#      @setInputs(pos)
+#
+#    $('#'+ dom_input).live "keypress", (e) ->
+#      e.preventDefault() if e.keyCode == 13
+

data/app/assets/javascripts/ab_admin/components/google_translate.js.coffee

@@ -39,9 +39,10 @@ $.fn.ck_val = (v = null) ->
     else
       $el.val()
 
-class GoogleLocaleTabs
+class window.GoogleLocaleTabs
+  @locales = ['ru', 'en', 'it']
   constructor: ->
-    @locales = ['ru', 'en', 'it']
+    @locales = GoogleLocaleTabs.locales
     @limit = 1000
     html = '<div class="t_locales">'
     for l in @locales

data/app/assets/javascripts/ab_admin/core/batch_actions.js.coffee

@@ -18,7 +18,7 @@ $ ->
         $form.append("<input type='checkbox' name='ids[]' checked='1' value='#{id}'/>") for id in ids
         $form.submit()
 
-    $('#list tbody tr').live 'click', (e) ->
+    $(document).on 'click', '#list tbody tr', (e) ->
       return true unless _.include(['TR', 'TD'], e.target.tagName)
       e.preventDefault()
       e.stopPropagation()
@@ -26,9 +26,6 @@ $ ->
       $el.closest('tr').toggleClass('active_row')
       $el.find('td:first input').attr 'checked', (i, v) -> !v
 
-    $('.batch_action_link').live
-      click: (e) ->
-        e.preventDefault()
-        submitBatch(this)
-      'confirm:success': ->
-        submitBatch(this)
+    $(document).on 'click confirm:success', '.batch_action_link', (e) ->
+      e.preventDefault()
+      submitBatch(this)

data/app/assets/javascripts/ab_admin/core/init.js.coffee

@@ -26,27 +26,25 @@ $ ->
       e.preventDefault()
       $(this).closest('tr').remove()
 
-
-  $(document).on 'admin:init', (e) ->
-    return unless window.viewType == 'form'
-    window.resource_id = $('form.simple_form').data('id')
-    $(document).trigger('admin:form_init')
-
-
   $(document).on 'admin:form_init', 'form', (e) ->
     focusInput($(this))
     initEditor()
     initFancySelect()
     inputSetToggle()
 
+  $(document).on 'admin:init', (e) ->
+    return unless window.viewType == 'form'
+    $form = $('form.simple_form')
+    window.resource_id = $form.data('id')
+    $form.trigger('admin:form_init')
+
   $(document).on 'pjax:end', ->
     $(document).trigger({type: 'admin:init', pjax: true})
   $(document).trigger({type: 'admin:init'})
 
   $(document).on 'dblclick', '#list tbody tr', (e) ->
     e.preventDefault()
-    $el = $(this)
-    $el.find('td a.resource_id_link').click()
+    $(this).find('td a.resource_id_link').toHref()
 
 
   initFancySelect()
@@ -55,7 +53,7 @@ $ ->
     $('body').css('background-color', "##{window.gon.bg_color.replace(/^#/, '')}")
 
   if window.gon?.hotkeys
-    $(document).bind 'keydown.alt_n', -> $('a.new_resource:first').click()
+    $(document).bind 'keydown.alt_n', -> $('a.new_resource:first').toHref()
     $(document).bind 'keydown.alt_left', -> $('a[rel^="prev"]:first').click()
     $(document).bind 'keydown.alt_right', -> $('a[rel="next"]:first').click()
     $(document).bind 'keydown.alt_s', -> $('#search_form').submit()

data/app/assets/javascripts/ab_admin/core/ui_utils.js.coffee

@@ -1,13 +1,3 @@
-window.initGeoInput = (prefix, autocomplete = true) ->
-  opts =
-    prefix: prefix
-    doom_map: "#{prefix}_map"
-    callback: "#{prefix}_geo_callback"
-    map_options:
-      {scrollwheel: false}
-  gmaps = new GeoInput("#{prefix}_lat", "#{prefix}_lon", "#{prefix}_zoom", opts)
-  gmaps.initAutocomplete("#{prefix}_geo_autocomplete") if autocomplete
-
 window.clonePagination = ->
   $('.pagination:first').clone().appendTo($('.batch_actions'))
 
@@ -15,20 +5,6 @@ window.initPopover = ->
   $('.popover').hide()
   $('a[rel=popover]').popover({trigger: 'hover'})
 
-window.initFancySelect = ->
-  return if gon.test
-  options =
-    formatNoMatches: -> I18n.t('admin_js.no_results')
-    placeholder: ' '
-    width: 'resolve'
-  $('form .fancy_select, .without_form.fancy_select, form .fancy_select_multi').select2(options)
-#  chosen_options =
-#    allow_single_deselect: true
-#    no_results_text: I18n.t('admin_js.no_results')
-#    placeholder_text_single: ' '
-#    placeholder_text_multiple: ' '
-#  $('form .do_chosen, .without_form.do_chosen, form .do_chosen_multi').chosen(chosen_options)
-
 window.initAcFileds = ->
   for el in $('.ac_field')
     $el = $(el)
@@ -68,3 +44,56 @@ window.flash = (type, message) ->
 
 window.focusInput = (scope=null) ->
   $('input[type="text"],input[type="string"],select:visible,textarea:visible', scope || $('form.simple_form:first')).get(0)?.focus()
+
+window.initFancySelect = ->
+  return if gon.test
+  defaults =
+    formatNoMatches: ->
+      I18n.t('admin_js.no_results')
+    placeholder: ' '
+    allowClear: true
+
+  $('form .fancy_select, form input.token, .without_form.fancy_select').each ->
+    $el = $(this)
+    return if $el.data('select2')
+    options = _.defaults({multiple: $el.data('multi')}, defaults)
+    options.width = $el[0].style.width || 'resolve'
+    if $el.data('class')
+      options.initSelection = (el, callback) ->
+        data = $el.data('pre')
+        if $el.data('multi')
+          data = $el.data('pre')
+        else
+          data = $el.data('pre')[0]
+        callback(data)
+      options.ajax =
+        url: "/admin/autocomplete",
+        data: (term, page) ->
+          cond = {}
+          if $el.data('c')
+            for kind in ['with', 'without']
+              if $el.data('c')[kind]
+                cond[kind] ||= {}
+                for attr, id of $el.data('c')[kind]
+                  cond[kind][attr] = $('#' + id).val()
+
+            for kind in ['with_term', 'without_term']
+              if $el.data('c')[kind]
+                cond[kind] ||= {}
+                for attr, value of $el.data('c')[kind]
+                  cond[kind][attr] = value
+
+          data = {q: term, class: $el.data('class'), token: true}
+          _.extend(data, cond)
+
+        results: (data, page) ->
+          results: data
+
+    $el.select2(options)
+
+#    $('#district_location_id').select2("data", {id: 123, text: '123'})
+#    $el.change (data) ->
+#      log data.val
+#    createSearchChoice: (term) ->
+#      log term
+#      {id: 3, text: '123'}