ab_admin 0.1.0

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

@@ -0,0 +1,48 @@
+class window.CroppableImage
+  constructor: (@uploader_el) ->
+    @uploader_api = qq.FileUploader.instances[@uploader_el.attr('id')]
+    @initHandelers()
+    @uploader_el.bind 'fileupload:onComplete', @refreshHandlers
+
+  initHandelers: =>
+    @el = $('.fileupload-file.fancybox', @uploader_el)
+    @fancybox_api = @el.data('fancybox')
+    @fancybox_api?.onComplete = @fancyboxHandler
+    @fancybox_api?.onClosed = -> $('#fancybox-content').css({'z-index': 1102})
+
+  fancyboxHandler: =>
+    $img = $('#fancybox-img')
+    $img.Jcrop
+      aspectRatio: 760 / 350
+      setSelect: [0, 0, 760, 350]
+      onSelect: @setCropData
+      onChange: @setCropData
+    $cont = $('#fancybox-content')
+    $cont.css({'z-index': 1103})
+    $img.load =>
+      setTimeout((=>
+        $cont.height (i, v) -> v + 35
+        $btn = $("<a href='#' class='btn btn-primary' id='crop_button'>Обрезать</a>")
+        $cont.append($btn)
+        $btn.click @cropHandler
+      ), 300)
+
+  setCropData: (coords) =>
+    @cropData = coords
+
+  render: (data) =>
+    $(@uploader_api._listElement).html $(@uploader_api._options.template_id).tmpl(data.asset)
+    $.fancybox.close()
+    @refreshHandlers()
+
+  refreshHandlers: =>
+    Manage.initFancybox('#' + @uploader_el.attr('id'))
+    @initHandelers()
+
+  cropHandler: (e) =>
+    e.preventDefault()
+    action = @uploader_api._options.action
+    data =
+      img_url: @el.attr('href')
+      crop_attrs: @cropData
+    $.post action, data, @render, 'json'

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

@@ -0,0 +1,147 @@
+class window.GeoInput
+  constructor: (@dom_lat, @dom_lon, @dom_zoom, @options={}) ->
+    defaults =
+      lat: 55.7427928
+      lon: 37.61540089999994
+      zoom: 12
+      doom_map: 'admin_map'
+      types: ['geocode']
+      map_options: {}
+    _.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()
+    @initMarker()
+
+  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())
+
+  initMarker: ->
+    marker_options =
+      position: @lat_lon,
+      map: @map,
+      draggable: true
+
+    @marker = new google.maps.Marker(marker_options)
+    @infowindow = new google.maps.InfoWindow()
+
+    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)
+
+  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)
+
+    $('#'+ dom_input).live "keypress", (e) ->
+      e.preventDefault() if e.keyCode == 13
+
+  setPlace: (place) =>
+    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)
+
+
+  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
+
+window.codeLatLng = (lat, lng, callback = null) ->
+  window.geocoder ||= new google.maps.Geocoder()
+  lat = parseFloat(lat)
+  lng = parseFloat(lng)
+  latlng = new google.maps.LatLng(lat, lng)
+  window.geocoder.geocode {latLng: latlng}, (results, status) ->
+    if status is google.maps.GeocoderStatus.OK
+#      log results[1]
+      results[1]
+      callback(results[1]) if callback
+    else
+      false
+
+window.codeAddress = (address, callback = null) ->
+#  log address
+  window.geocoder ||= new google.maps.Geocoder()
+  window.geocoder.geocode {address: address}, (results, status) ->
+    if status is google.maps.GeocoderStatus.OK
+#      log results
+      callback(_.first(results)) if callback
+    else
+      false
+
+window.getPlaceComponent = (place, component) ->
+  res = _.filter place.address_components, (el) ->
+    _.include(el.types, component)
+  res[0]
+
+

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

@@ -0,0 +1,75 @@
+# direct to Google API
+window.translate = (text, element, from, to) ->
+  $.ajax
+    url: "https://www.googleapis.com/language/translate/v2"
+    dataType: "jsonp"
+    data:
+      key: 'www'
+      q: text
+      source: from
+      target: to
+
+    success: (result) ->
+      translated = result.data.translations[0].translatedText
+      element.ck_val $.unescape(translated)
+
+    error: (XMLHttpRequest, textStatus, errorThrown) ->
+      alert "Error translate " + text + " message " + textStatus
+
+# throught Rack endpoint
+window.google_t = (text, element, from, to) ->
+  return '' unless $.trim(text)
+  opts = {q: text, from: from, to: to}
+  $.post '/admin/translate', opts, ((data) =>
+    element.ck_val $.unescape(data.text).replace(/%\s{/g, ' %{')), 'json'
+
+# get value of text field or CKEDITOR area
+$.fn.ck_val = (v = null) ->
+  $el = $(this)
+  el_id = $el.attr('id')
+  ck_obj = CKEDITOR?.instances[el_id]
+  if ck_obj
+    if v
+      ck_obj.setData(v)
+    else
+      ck_obj.getData()
+  else
+    if v
+      $el.val(v)
+    else
+      $el.val()
+
+class GoogleLocaleTabs
+  constructor: ->
+    @locales = ['ru', 'en', 'it']
+    @limit = 1000
+    html = '<div class="t_locales">'
+    for l in @locales
+      html += "<div class='t_locale t_locale_#{l}'></div>"
+    html += '</div>'
+    @html = $(html)
+    $('.locale_tabs:not(".no_translate") .tab-pane').prepend(@html)
+    @initHandlers()
+
+  initHandlers: ->
+    _.each $('form .locale_tabs:not(".no_translate")'), (tabs) =>
+      $tabs = $(tabs)
+      return if $tabs.hasClass('locale_tabs_done')
+      $tabs.addClass('locale_tabs_done')
+      _.each @locales, (to) =>
+        _.each @locales, (from) =>
+          $cont_to = $tabs.find(".tab_#{to}")
+          $cont_from = $tabs.find(".tab_#{from}")
+          $el = $cont_to.find(".t_locale_#{from}")
+          $el.click =>
+            for el_to in $cont_to.find("input.string, textarea")
+              $el_to = $(el_to)
+              regexp = RegExp("#{to}$")
+              el_from_id = $el_to.attr('id').replace(regexp, from)
+              $el_from = $("##{el_from_id}")
+              if $el_from.ck_val().length < @limit
+                google_t($el_from.ck_val(), $el_to, from, to)
+
+$ ->
+  if $('.locale_tabs')[0]
+    window.locale_tabs = new GoogleLocaleTabs()

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

@@ -0,0 +1,39 @@
+class window.GridInput
+  constructor: (el) ->
+    @cont = $(el)
+    @ids = @cont.data('val')
+    @attr = @cont.data('attr')
+    @active_css = 'active'
+    @initHandlers()
+    @initData()
+
+  initHandlers: ->
+    self = this
+    @cont.on 'click', '.grid_input-item', (e) ->
+      e.preventDefault()
+      $el = $(this)
+      $el.toggleClass(self.active_css)
+      el_val = $el.data('id')
+      active = $el.hasClass(self.active_css)
+      if active
+        self.ids.push(el_val)
+      else
+        self.ids = _.without(self.ids, el_val)
+      $el.find('input').prop('checked', active)
+
+    @cont.on 'click', '.grid_input-item input', (e) ->
+      e.preventDefault()
+
+    @cont.closest('form').submit(@serialize) if @attr
+
+  initData: ->
+    @cont.find("[data-id=#{id}]").click() for id in @ids
+
+  serialize: =>
+    @cont.children('input.grid_input-input').remove()
+    @cont.prepend("<input class='grid_input-input' type='hidden' name='#{@attr}' value='#{id}'>") for id in @ids
+
+$.fn.gridInput = ->
+  @each ->
+    $el = $(this)
+    $el.data('GridInput') or $el.data('GridInput', new GridInput(this))

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

@@ -0,0 +1,39 @@
+class window.Locator
+  constructor: ->
+    @to_locale = $('#edit_locale_name').val()
+    @from_locale = $('#main_locale_name').val()
+    @initHandlers()
+
+  initHandlers: ->
+    self = this
+
+    $('#show_all').click ->
+      $('#locale_data tr').show()
+
+    $('#show_incomplete').click ->
+      $('#locale_data tr').hide()
+      $('#locale_data tr.error').show()
+
+    $('#show_complete').click ->
+      $('#locale_data tr').hide()
+      $('#locale_data tr.ready').show()
+
+    $('#translate_incomplete').click ->
+      empty_areas = _.filter $("#locale_data tr textarea:enabled"), (el) ->
+        not $.trim($(el).val())
+      for el in empty_areas
+        $(el).closest('tr').find('.auto_translate').trigger('click')
+
+    $('#locale_data .auto_translate').click (e) ->
+      e.preventDefault()
+      $cont = $(this).closest('tr')
+      $input_to = $cont.find('textarea:enabled')
+      $input_from = $cont.find('textarea:disabled')
+      window.google_t($input_from.val(), $input_to, self.from_locale, self.to_locale)
+
+    $('.filter_field').change ->
+      $el = $(this)
+      ind = $el.closest('th').index() + 1
+      text = $el.val().replace(/'/, '\'')
+      $('#locale_data tr').hide()
+      $("#locale_data td:nth-child(#{ind}):contains('#{text}')").parent().show()

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

@@ -0,0 +1,54 @@
+class window.SortableTree
+  constructor: (@cont) ->
+    @url = @cont.data('url')
+    @max_levels = @cont.data('max_levels')
+    @initTree()
+
+  initTree: ->
+    @cont.nestedSortable
+      items: 'li'
+      helper: 'clone'
+      handle: 'i.icon-move'
+      tolerance: 'pointer'
+      maxLevels: @max_levels
+      revert: 250
+      tabSize: 25
+      opacity: 0.6
+      placeholder: 'placeholder'
+      disableNesting: 'no-nest'
+      toleranceElement: '> div'
+      forcePlaceholderSize: true
+
+    @cont.on 'sortupdate', (event, ui) =>
+      item = ui.item
+      item_id = item.data('id')
+      prev_id = item.prev().data('id')
+      next_id = item.next().data('id')
+      parent_id = item.parent().parent().data('id')
+
+      @rebuild(item_id, parent_id, prev_id, next_id)
+
+  rebuild: (item_id, parent_id, prev_id, next_id) =>
+    $.ajax
+      type: 'POST'
+      dataType: 'script'
+      url: @url
+      data:
+        id: item_id
+        parent_id: parent_id
+        prev_id: prev_id
+        next_id: next_id
+
+      beforeSend: (xhr) ->
+        $('.sortable_tree i.handle').hide()
+
+      success: (data, status, xhr) ->
+        $('.sortable_tree i.handle').show()
+
+      error: (xhr, status, error) ->
+        console.log error
+
+$.fn.sortableTree = ->
+  @each ->
+    $el = $(this)
+    $el.data('sortableTree') or $el.data('sortableTree', new SortableTree($el))

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

@@ -0,0 +1,31 @@
+$ ->
+  if $('#list')[0]
+    $("#list input.toggle").live "click", ->
+      checked = $(this).is(":checked")
+      $("#list [name='ids[]']").attr "checked", checked
+      $('#list tbody tr').toggleClass('active_row', checked)
+
+    $("#list tbody input").live "click", ->
+      $(this).closest('tr').toggleClass('active_row')
+
+    submitBatch = (el) ->
+      if $("#list [name='ids[]']:checked")[0]
+        $el = $(el)
+        action = $el.data('action')
+        $('#batch_action').val(action)
+        $('#batch_action_form').submit()
+
+    $('#list tbody tr').live 'click', (e) ->
+      return true unless _.include(['TR', 'TD'], e.target.tagName)
+      e.preventDefault()
+      e.stopPropagation()
+      $el = $(this)
+      $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)

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

@@ -0,0 +1,72 @@
+class window.ColumnsHider
+  constructor: ->
+    @store_key = 'cols'
+    @data_el = $('#columns_hider_data')
+    @data = @getData()
+    @collection_name = $('html').attr('id').replace(/^controller_/, '')
+    @column_names = @columnNames()
+    @initButtons()
+    @initHandlers()
+    @refreshColumns()
+
+  setData: ->
+    res = {}
+    _.each @data, (v, k) ->
+      res[k] = v.join('_')
+    @storeData(res)
+
+  getData: ->
+    data = {}
+    raw = $.parseJSON(@fetchData()) || {}
+    _.each raw, (v, k) ->
+      data[k] = []
+      _.each v.split('_'), (el) ->
+        data[k].push to_i(el) if el
+    data
+
+  fetchData: ->
+    window.localStorage?[@store_key] or $.cookie(@store_key)
+
+  storeData: (data) ->
+    str = JSON.stringify(data)
+    if window.localStorage
+      window.localStorage[@store_key] = str
+    else
+      $.cookie(@store_key, str, {path: '/'})
+
+  initButtons: ->
+    @data_el.empty()
+    for name, i in @column_names
+      css_class = if _.include(@data[@collection_name], i) then 'active' else ''
+      html = "<button class='btn btn-primary #{css_class}' data-val='#{i}'>#{name}</button>"
+      @data_el.append(html)
+
+  columnNames: ->
+    _.map $('#list th'), (el) ->
+      $el = $(el)
+      $.trim($el.text().replace(/[▼▲]/g, ''))
+
+  initHandlers: ->
+    $('#submit_columns_hider').click =>
+      col_ids = _.map $('#columns_hider_data .active'), (el) -> $(el).data('val')
+      @data[@collection_name] = col_ids
+      $('#columns_hider').modal('hide')
+      @refreshColumns()
+      @setData()
+    $(document).on 'pjax:end', =>
+      @refreshColumns()
+
+  refreshColumns: ->
+    if @data[@collection_name]
+      @showAll()
+      for i in @data[@collection_name]
+        @hideByIndex(i + 1)
+
+  hideByIndex: (i) ->
+    $("#list tr th:nth-child(#{i}), #list tr td:nth-child(#{i})").hide()
+
+  showAll: ->
+    $("#list tr th, #list tr td").show()
+
+$ ->
+  window.columns_hider = new ColumnsHider()