redditor 0.1.10 → 0.1.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: dea55399ec72c3758f76bcfa1c6affa14e795b1a
-  data.tar.gz: f9714cee23292cb0d62eca3109054194954ca7d1
+  metadata.gz: 139b02b3e8c540a2cb91a7ef7a5aaef880eb7f81
+  data.tar.gz: c78cbabea39fcd0361f680b6712fc3fc53e759f4
 SHA512:
-  metadata.gz: 9229d2406979e19c63d7ca55aa4069ec74068f04534ca55ee14f3690add41c1c4514dc10bda85ddecb0dbcec7ab65ce12482c2e33a1770d5cd605fe3abb4e0f3
-  data.tar.gz: e8257ebbfdff12044041686809819f5b7735ec053a813033fb576e1a8f0990efba5071016e9b2f44b746d2e759c014d362d42ce651c8ea9187e5b9c0fb19adb9
+  metadata.gz: 1f9e0b332fbe9778f9ab172689d902f6ca8529b5d7a98dbe629addb70c668ff42ba1fe5694a687abeb30d6b07f41228d61f5c4465f0dd4095497568df6daf845
+  data.tar.gz: 1f3646c53074378ae8709972f0fc6dbc1705a8badbfc7d0703fa58f5ee157401f992fe42843876a2918a6a23a341f72f9b1af2695da02621f4adfff57d6ae5df

data/.gitignore

@@ -23,5 +23,3 @@ tmp
 /spec/dummy/public/uploads
 /spec/dummy/log
 /spec/dummy/db/*sqlite3
-
-/spec/dummy/db/development.sqlite3

data/Gemfile

@@ -7,8 +7,9 @@ gem 'haml-rails'
 gem 'haml'
 gem 'coffee-rails'
 gem 'jquery-rails'
+gem 'jquery-ui-rails'
 gem 'sass-rails'
-gem 'fileapi', git: 'git@github.com:redde/fileapi.git'
+gem 'fileapi', github: 'redde/fileapi'
 
 # Declare your gem's dependencies in redditor.gemspec.
 # Bundler will treat runtime dependencies like base dependencies, and

data/README.md

@@ -17,12 +17,23 @@ todo: проверить вариант загрузки через fileapi c п
 
 Add gem to your Gemfile
 
+    gem 'fileapi'
     gem 'redditor'
 
+or
+
+    gem 'fileapi', :github => 'redde/fileapi'
+    gem 'redditor', :github => 'redde/redditor'
+
 and
 
     bundle
 
+### TODO:
+add **fileapi** to automation dependencies
+
+
+
 Then generate migrations
 
     bundle exec rake redditor:install:migrations
@@ -37,7 +48,7 @@ Add this to model
 
 In admin new/edit view if that model add
 
-    %div= render "redditor/admin/pages/page", {f: f}
+    %div= render "redditor/admin/page", {f: f}
 
 Add `multipart: true` to form of object with redditor
 
@@ -53,8 +64,11 @@ Add this line to edit action in controller (change @article to you model)
 
 Add redditor js to your js manifest file for admin (admin.js)
 
-    //= require redditor/application
+    //= require jquery
+    //= require jquery.ui.sortable
+    //= require redditor
 
 Add redditor styles to css manifest file for admin (admin.css)
 
-    //= require redditor/application
+    //= require fileapi
+    //= require redditor

data/app/assets/javascripts/redditor/init.coffee

@@ -0,0 +1,149 @@
+do ($ = jQuery)->
+  $.redditor =
+    sliderBlockImagesSortableParams:
+      scroll: false
+      dropOnEmpty: false
+      cursor: "crosshair"
+      opacity: 0.75
+      items: "li"
+      update: ->
+        self = $(@)
+        $.ajax
+          data: self.sortable('serialize') + '&authenticity_token=#{u(form_authenticity_token)}'
+          dataType: 'script'
+          url: self.data("sortable-url")
+        .done ->
+          return
+        .error ->
+          alert "Ошибка, данные не сохранены"
+
+    parameterizationForm: (box) ->
+      form = box.serializeForm()
+      formName = box.find("div.redditor__form").data("object-name")
+      firstProperty = formName.replace(/^(.*?)\[.*/,"$1")
+      nextProperties = formName.match(/\[(.*?)\]/g)
+      nextProperties = $.map nextProperties, (n)->
+        n.replace(/\[(.*)\]/,"$1")
+      params = form[firstProperty]
+      for i in nextProperties
+        params = params[i]
+      params = "content_block": params
+
+    setPositions: ->
+      $el = $.redditor.$el
+      $el.find($el.sortable("option", "items")).each (i) ->
+        $(@).find("input.redditor__position").val i
+
+    sortList: ->
+      sortArray = $.map $.redditor.$el.find("dd"), (n) ->
+        key = $(n).attr("class")
+        input = $(n).find("input[type=hidden][name='#{$(n).find("div.redditor__form").data("object-name")}[id]']")
+        value = input.val()
+        if value?
+          obj = {}
+          obj[key] =
+            index: value
+            position: $(n).index()      
+          obj
+        else
+          null
+
+      if sortArray.length
+        $.ajax
+          type: "post"
+          # data: self.sortable('serialize') + '&authenticity_token=<%= u(form_authenticity_token) %>',
+          data: {sort: sortArray}
+          dataType: "script"
+          url: $.redditor.$el.data("sort-url")
+        .done($.redditor.setPositions)
+      else
+        $.redditor.setPositions()
+
+    afterFunc: ->
+
+#! jquery-serializeForm - Make an object out of form elements - v1.1.1 - 2013-01-21
+#* https://github.com/danheberden/jquery-serializeForm
+#* Copyright (c) 2013 Dan Heberden; Licensed MIT 
+do ($ = jQuery) ->
+  $.fn.serializeForm = ->
+    
+    # don't do anything if we didn't get any elements
+    return false  if @length < 1
+    data = {}
+    lookup = data #current reference of data
+    selector = ":input[type!=\"checkbox\"][type!=\"radio\"], input:checked"
+    parse = ->
+      
+      # data[a][b] becomes [ data, a, b ]
+      named = @name.replace(/\[([^\]]+)?\]/g, ",$1").split(",")
+      cap = named.length - 1
+      $el = $(this)
+      
+      # Ensure that only elements with valid `name` properties will be serialized
+      if named[0]
+        i = 0
+
+        while i < cap
+          
+          # move down the tree - create objects or array if necessary
+          lookup = lookup[named[i]] = lookup[named[i]] or ((if named[i + 1] is "" then [] else {}))
+          i++
+        
+        # at the end, push or assign the value
+        if lookup.length isnt `undefined`
+          lookup.push $el.val()
+        else
+          lookup[named[cap]] = $el.val()
+        
+        # assign the reference back to root
+        lookup = data
+
+    
+    # first, check for elements passed into this function
+    @filter(selector).each parse
+    
+    # then parse possible child elements
+    @find(selector).each parse
+    
+    # return data
+    data
+
+$ ->
+  $.redditor.$el = $("#redditor")
+
+  if $.redditor.$el.length
+
+    $.redditor.$el.sortable
+      dropOnEmpty: false
+      cursor: "crosshair"
+      opacity: 0.75
+      handle: ".redditor__handle"
+      axis: "y"
+      items: "dd"
+      scroll: false
+      update: $.redditor.sortList
+      start: ->
+        # необходимо обновить, чтобы сортировака работала корректно, тк меняем высоту блоков
+        $(@).addClass("redditor_sortable").sortable( "refresh" )
+        return
+      stop: ->
+        $(@).removeClass("redditor_sortable")
+        return
+
+    .on "click", "a.redditor__update", (event) ->
+      event.preventDefault()
+      box = $(@).closest "dd"
+      params = $.redditor.parameterizationForm(box)
+      if params.content_block.id
+        $.extend params, _method: 'patch'
+      $.ajax
+        method: 'POST',
+        url: this.href,
+        data: params
+
+    $("ul.slider-block-images").sortable $.redditor.sliderBlockImagesSortableParams
+
+    $('div.redditor__add-blocks').on "ajax:beforeSend", "a.redditor__add", (event, xhr, status) ->
+      status.url += "?" + $.param(content_block: {temp_id: new Date().getTime()}) # generate uniq id
+
+    $.redditor.afterFunc()

data/app/assets/javascripts/{fileapi → redditor}/uploader.coffee

@@ -1,4 +1,4 @@
-window.FU =
+FU =
   config:
     maxFileSizeMB: 10
     messages:
@@ -84,14 +84,14 @@ window.FU =
             </div>'
 
 
-window.onFiles = (files, context) ->
+onFiles = (files, context) ->
   $context = $(context)
   if uploadUrl = $context.data("upload-url")
     FU.config.uploadUrl = uploadUrl
 
   if contentBlockId = $context.data("content-block-id")
     FU.config.data = ->
-      REDDE.redditor.parameterizationForm $context.closest("dd")
+      $.redditor.parameterizationForm $context.closest("dd")
   else
     FU.config.data = ->
   
@@ -102,7 +102,7 @@ window.onFiles = (files, context) ->
       $("#oooops").show()
       $("#buttons-panel").hide()
     else
-      $("#preview").append tmpl(window.FU.template,
+      $("#preview").append tmpl(FU.template,
         file: file
         icon: FU.icon
       )
@@ -117,20 +117,20 @@ $ ->
     ).insertAfter "#page-header" # если загрузка не поддерживается, то выводим сообщение
     $('#buttons-panel').hide()
 
-
-  if FileAPI.support.dnd
-    $('#drag-n-drop').show() #выводим текст с сообщение что работает dnd
-    $(document).dnd (over) ->
-      $('#drop-zone').toggleClass "active", over #Если кто-то перетащил файлы в браузер подсвечиваем область в которую их можно бросить
-      return
-    , ->
-    $('#drop-zone').dnd (over) ->
-      return
-    , (files) ->
-      onFiles files, this
-      return
-
-  $(document).on 'change', 'input.js-fileapi[type="file"]', (evt) ->
+  # закоментил, пока пересекается с fileapi
+  # if FileAPI.support.dnd
+  #   $('#drag-n-drop').show() #выводим текст с сообщение что работает dnd
+  #   $(document).dnd (over) ->
+  #     $('#drop-zone').toggleClass "active", over #Если кто-то перетащил файлы в браузер подсвечиваем область в которую их можно бросить
+  #     return
+  #   , ->
+  #   $('#drop-zone').dnd (over) ->
+  #     return
+  #   , (files) ->
+  #     onFiles files, this
+  #     return
+
+  $('#redditor').on 'change', 'input.redditor__js-fileapi[type="file"]', (evt) ->
     files = FileAPI.getFiles(evt)
     onFiles(files, this)
     FileAPI.reset(evt.currentTarget)

data/app/assets/javascripts/redditor.js.coffee

@@ -0,0 +1,3 @@
+#= require fileapi
+#= require redditor/uploader
+#= require redditor/init

data/app/assets/stylesheets/{redditor/redditor.css.scss → redditor.scss}

@@ -1,23 +1,24 @@
-//= require fileapi
-
 dl.redditor {
   dd {
     /*нельзя задавать position-relative, иначе глючит сортировка в хроме*/
     margin: 10px -10px; padding:10px; background:#efefef;
     border: 1px solid #e8e8e8;
-    .handle {
-      width:20px; height: 20px; float: left;
-      background: image-url('redditor/move_handler.png') center no-repeat;
-      cursor: move;
-    }
   }
-  &.now-sortable dd {
+  &.redditor_sortable dd {
     height: 50px !important; overflow: hidden;
-    .tit-form {display: block;}
   }
   .ui-sortable-helper, .ui-sortable-placeholder {
     /*max-height: 200px !important; overflow: hidden;*/
   }
+  .field_with_errors {
+    display: inline;
+  }
+}
+
+.redditor__handle {
+  width:20px; height: 20px; float: left;
+  background: image-url('redditor/move_handler.png') center no-repeat;
+  cursor: move;
 }
 
 ul.slider-block-images {
@@ -32,18 +33,26 @@ ul.slider-block-images {
   }
 }
 
+.redditor__sep {
+  margin:5px 0;
+  height:1px;
+  background:#ccc
+}
+
 .redditor__add-blocks {
   margin:10px -10px; padding:10px;
 }
 
 .redditor__control {float: right;}
-.redditor__delete, .redditor__update {
+.redditor__delete,
+.redditor__update {
   text-decoration: none;
   display: inline-block;
   text-align: center; min-width: 10px; padding: 0 5px;
   font-size: 10px; line-height: 20px;
   border: 1px solid #C2C2C2; border-radius: 15px;
   background: #F8F8F8;
+  text-decoration: none;
 }
 
 .redditor__delete {
@@ -55,14 +64,59 @@ ul.slider-block-images {
   &:before {content: '✔'}
 }
 
-.form-name {
+.redditor__form {
   margin-top: 25px;
 }
 
-.tit-form {
-  display: none; margin-top: -25px; text-align: center; font-size: 18px;
-  line-height: 30px; vertical-align: middle;
-  img { width: 30px; display: inline-block; vertical-align: middle;}
+.redditor__title {
+  visibility: hidden;
+  margin-top: -27px;
+  text-align: center;
+  font-size: 18px;
+  line-height: 32px;
+  vertical-align: middle;
+  &:after { 
+    width: 32px;
+    height: 32px;
+    display: inline-block;
+    vertical-align: middle;
+  }
+  .redditor_sortable & {
+    visibility: visible;
+  }
+}
+
+.redditor__title_slider:after {
+  content: image-url('redditor/big/slider.png');
+}
+
+.redditor__title_text:after {
+  content: image-url('redditor/big/text.png');
+}
+
+.redditor__title_video:after {
+  content: image-url('redditor/big/video.png');
+}
+
+.redditor__title_image:after {
+  content: image-url('redditor/big/image.png');
+}
+
+.redditor__textarea {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 100%;
+}
+
+.redditor__validate {
+  font-weight: bold;
+  font-style: italic;
+  color: #fff;
+  background: rgb(226, 40, 40);
+  padding: 10px 10px 10px 40px;
+  border-radius: 3px
 }
 
 .line-form {
@@ -93,29 +147,21 @@ ul.slider-block-images {
 .redditor__add_txt {
   background:#f5f5f5 image-url('redditor/add_txt.png') 3px center no-repeat;
   background: image-url('redditor/add_txt.png') 3px center no-repeat, -webkit-linear-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
-  background: image-url('redditor/add_txt.png') 3px center no-repeat, -moz-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
-  background: image-url('redditor/add_txt.png') 3px center no-repeat, -o-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
   background: image-url('redditor/add_txt.png') 3px center no-repeat, linear-gradient(to bottom, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
 }
 .redditor__add_video {
   background:#f5f5f5 image-url('redditor/add_video.png') 3px center no-repeat;
   background: image-url('redditor/add_video.png') 3px center no-repeat, -webkit-linear-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
-  background: image-url('redditor/add_video.png') 3px center no-repeat, -moz-linear-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
-  background: image-url('redditor/add_video.png') 3px center no-repeat, -o-linear-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
   background: image-url('redditor/add_video.png') 3px center no-repeat, linear-gradient(to bottom, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
 }
 .redditor__add_photo {
   background:#f5f5f5 image-url('redditor/add_photo.png') 3px center no-repeat;
   background: image-url('redditor/add_photo.png') 3px center no-repeat, -webkit-linear-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
-  background: image-url('redditor/add_photo.png') 3px center no-repeat, -moz-linear-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
-  background: image-url('redditor/add_photo.png') 3px center no-repeat, -o-linear-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
   background: image-url('redditor/add_photo.png') 3px center no-repeat, linear-gradient(to bottom, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
 }
 .redditor__add_slider {
   background:#f5f5f5 image-url('redditor/add_slider.png') 3px center no-repeat;
   background: image-url('redditor/add_slider.png') 3px center no-repeat, -webkit-linear-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
-  background: image-url('redditor/add_slider.png') 3px center no-repeat, -moz-linear-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
-  background: image-url('redditor/add_slider.png') 3px center no-repeat, -o-linear-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
   background: image-url('redditor/add_slider.png') 3px center no-repeat, linear-gradient(to bottom, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%);
 }
 
@@ -131,7 +177,7 @@ a.redactor_btn_divide {
 //   content: "class: " attr(class); display: block; padding: 2px; background: #fcc;
 // }
 
-// dl.redditor div.form-name:before {
+// dl.redditor div.redditor__form:before {
 //   content: "object-name: " attr(data-object-name) "\A id: " attr(id); display: block; padding: 2px; background: #ffc;
 //   white-space: pre;
 // }

data/app/controllers/redditor/admin/image_blocks_controller.rb

@@ -4,19 +4,19 @@ class Redditor::Admin::ImageBlocksController < Redditor::Admin::BaseController
 
   def new
     @content_block = @page.images.build(content_block_params)
-    render "redditor/admin/pages/new"
+    render "redditor/admin/new"
   end
 
   def update
     @content_block = @page.images.find(params[:id])
     @content_block.update_attributes(content_block_params)
-    render "redditor/admin/pages/wrapper"
+    render "redditor/admin/wrapper"
   end
 
   def create
     @content_block = @page.images.build(content_block_params)
     @content_block.update_attributes(src: params[:file])
-    render "redditor/admin/pages/wrapper"
+    render "redditor/admin/wrapper"
   end
 
   def destroy
@@ -31,7 +31,7 @@ class Redditor::Admin::ImageBlocksController < Redditor::Admin::BaseController
   def update_post
     @content_block = @page.images.find(params[:id])
     @content_block.update_attributes(src: params[:file])
-    render "redditor/admin/pages/wrapper"
+    render "redditor/admin/wrapper"
   end
 
 end

data/app/controllers/redditor/admin/images_controller.rb

@@ -17,7 +17,7 @@ class Redditor::Admin::ImagesController < Redditor::Admin::BaseController
     @slider_block = @page.slider_blocks.find(params[:slider_block_id])
     @image = @slider_block.images.build(src: params[:file])
     if @image.save
-      render "redditor/admin/pages/slider_block_image"
+      render "redditor/admin/slider_block_image"
     end
   end
 

data/app/controllers/redditor/admin/slider_blocks_controller.rb

@@ -4,20 +4,20 @@ class Redditor::Admin::SliderBlocksController < Redditor::Admin::BaseController
 
   def new
     @content_block = @page.slider_blocks.build(content_block_params)
-    render "redditor/admin/pages/new"
+    render "redditor/admin/new"
   end
 
   def update
     @content_block = @page.slider_blocks.find(params[:id])
     @content_block.update_attributes(content_block_params)
-    render "redditor/admin/pages/wrapper"
+    render "redditor/admin/wrapper"
   end
 
   def create
     temp_last_postion = @page.try(:content_blocks).try(:last).try(:position).to_i + 1
     @content_block = @page.slider_blocks.build(content_block_params)
     @content_block.update_attributes(position: temp_last_postion)
-    render "redditor/admin/pages/new"
+    render "redditor/admin/new"
   end
 
   def destroy

data/app/controllers/redditor/admin/text_blocks_controller.rb

@@ -4,19 +4,19 @@ class Redditor::Admin::TextBlocksController < Redditor::Admin::BaseController
 
   def new
     @content_block = @page.text_blocks.build(content_block_params)
-    render "redditor/admin/pages/new"
+    render "redditor/admin/new"
   end
 
   def update
     @content_block = @page.text_blocks.find(params[:id])
     @content_block.update_attributes(content_block_params)
-    render "redditor/admin/pages/wrapper"
+    render "redditor/admin/wrapper"
   end
 
   def create
     @content_block = @page.text_blocks.build(content_block_params)
     @content_block.save
-    render "redditor/admin/pages/wrapper"
+    render "redditor/admin/wrapper"
   end
 
   def destroy

data/app/controllers/redditor/admin/video_blocks_controller.rb

@@ -4,19 +4,19 @@ class Redditor::Admin::VideoBlocksController < Redditor::Admin::BaseController
 
   def new
     @content_block = @page.video_blocks.build(content_block_params)
-    render "redditor/admin/pages/new"
+    render "redditor/admin/new"
   end
 
   def update
     @content_block = @page.video_blocks.find(params[:id])
     @content_block.update_attributes(content_block_params)
-    render "redditor/admin/pages/wrapper"
+    render "redditor/admin/wrapper"
   end
 
   def create
     @content_block = @page.video_blocks.build(content_block_params)
     @content_block.save
-    render "redditor/admin/pages/wrapper"
+    render "redditor/admin/wrapper"
   end
 
   def destroy

data/app/helpers/redditor/application_helper.rb

@@ -1,4 +1,11 @@
 module Redditor
   module ApplicationHelper
+    def real_name content_block
+      content_block.class.name.underscore.sub('redditor/', '')
+    end
+
+    def redditor_validate f
+      render "redditor/admin/validate", {f: f} 
+    end
   end
 end

data/app/views/redditor/admin/_content_block.haml

@@ -0,0 +1,35 @@
+%dd{class: real_name(content_block)}
+  .redditor__handle
+
+  .redditor__control
+    - if content_block.new_record?
+      = link_to "", 
+        "javascript:void(0);", 
+        class: "redditor__delete",
+        onclick: "if (confirm('#{t "redditor.remove?"}')) $(this).closest('dd').remove();"
+      
+      = link_to "", 
+        [redditor, :admin, p.object, content_block], 
+        class: "redditor__update",
+        data: {:disable_with => t("redditor.saving")}
+
+    - else
+      = link_to "", 
+        [redditor, :admin, p.object, content_block], 
+        class: "redditor__delete",
+        :method => :delete, 
+        remote: true, 
+        data: {confirm: "Вы, действительно, хотите удалить контент-блок?", disable_with: t("redditor.deleting")}
+      
+      = link_to "", 
+        [redditor, :admin, p.object, content_block], 
+        class: "redditor__update", 
+        data: {disable_with: t("redditor.saving")}
+
+  = p.fields_for real_name(content_block).pluralize.to_sym, content_block, :include_id => false do |f|
+    %div.redditor__form{data: {"object-name" => f.object.temp_id.present? ? f.object_name.sub!(/\[\d*\]/, "[#{f.object.temp_id}]") : f.object_name}, id: "#{real_name(content_block)}_#{content_block.id.nil? ? f.object.temp_id : content_block.id}"}
+      = f.hidden_field :position, class: 'redditor__position'
+      = render :partial => "redditor/admin/#{real_name(content_block)}", locals: {f: f}
+      - unless f.object.new_record?
+        = f.hidden_field :id
+      = f.hidden_field :temp_id

data/app/views/redditor/admin/{pages/_image.haml → _image.haml}

@@ -1,18 +1,18 @@
-.tit-form
+.redditor__title.redditor__title_image
   = t 'redditor.title.image'
-  = image_tag 'redditor/add_photo_big.png'
+
 - if f.object.src.present?
   %div{style: "padding: 5px; border: 1px solid #ccc; background:#fff; margin: 5px 0;"}= image_tag f.object.src, style: "max-width: 100%"
 = redditor_validate f
 .condom{style: "margin:5px 0;"}
 = f.text_field :description, placeholder: t("redditor.description"), class: 'full-width'
 
-.condom{style: "margin:5px 0; height:1px; background:#ccc;"}
+.redditor__sep
 
 .b-button.js-fileapi-wrapper
   - if f.object.new_record?
     .b-button__text= t("redditor.add.upload_image")
-    = f.file_field :src, :class => "b-button__input js-fileapi", data: {"upload-url" => redditor.admin_page_image_blocks_path(f.object.imageable_id), "content-block-id" => true}
+    = f.file_field :src, :class => "b-button__input redditor__js-fileapi", data: {"upload-url" => redditor.admin_page_image_blocks_path(f.object.imageable_id), "content-block-id" => true}
   - else
     .b-button__text= t("redditor.add.change_image")
-    = f.file_field :src, :class => "b-button__input js-fileapi", data: {"upload-url" => redditor.update_post_admin_page_image_block_path(f.object.imageable_id, f.object)}
+    = f.file_field :src, :class => "b-button__input redditor__js-fileapi", data: {"upload-url" => redditor.update_post_admin_page_image_block_path(f.object.imageable_id, f.object)}