spina 2.0.2 → 2.1.0

data/app/assets/javascripts/spina/admin/forms.coffee

@@ -1,7 +0,0 @@
-$(document).on 'click', '.structure-form-menu ul li a', (e) ->
-  $structureForm = $(this).parents('.structure-form')
-  $(this).parent('li').siblings().removeClass('active')
-  $(this).parent('li').addClass('active')
-  $structureForm.find('.structure-form-pane').removeClass('active')
-  $($(this).attr('href')).addClass('active')
-  e.preventDefault()

data/app/assets/javascripts/spina/admin/media_gallery.coffee

@@ -1,62 +0,0 @@
-$(document).on 'direct-uploads:start', 'form', (e) ->
-  $(this).find('.customfile').addClass('loading')
-
-$(document).on 'direct-uploads:end', 'form', (e) ->
-  $(this).find('.customfile').removeClass('loading')
-
-$(document).on 'change', 'input[type="file"]', (e) ->
-  $form = $(this).parents('form')
-  $form.find('input[type="submit"]').click()
-
-$(document).on 'click', '.organize-switch', (e) ->
-  $items = $('.gallery .infinite-scroll .item')
-  disabled = $items.draggable('option', 'disabled')
-  if disabled 
-    $(this).addClass('button-success')
-    $(this).text($(this).attr('data-done-organizing'))
-    $(this).prepend('<i class="icon icon-random"></i>')
-  else 
-    $(this).removeClass('button-success')
-    $(this).text($(this).attr('data-organize-images'))
-    $(this).prepend('<i class="icon icon-random"></i>')
-  $items.draggable('option', 'disabled', !disabled)
-  e.preventDefault()
-
-ready = ->
-  $('.media-folder').droppable(
-    drop: (event, ui) ->
-      url = $(this).attr('data-add-to-media-folder-url')
-      image_id = $(ui.draggable).attr('data-image-id')
-
-      $.ajax
-        url: url,
-        type: 'PUT',
-        data: {
-          image_id: image_id
-        },
-        dataType: 'json',
-        success: (result) =>
-          $(ui.draggable).addClass('dropped').fadeOut()
-          imageCount = parseInt($(this).find('.media-folder-thumbnail').attr('data-badge'))
-          imgSrc = $(ui.draggable).find('img').attr('src')
-
-          $(this).removeClass('dropping')
-          $(this).find('.media-folder-thumbnail').attr('data-badge', imageCount + 1)
-          $(this).find('.media-folder-thumbnail img').attr('src', imgSrc)
-
-    over: (event, ui) ->
-      $(ui.draggable).addClass('dropping')
-
-      $(this).addClass('dropping')
-    out: (event, ui) ->
-      $(ui.draggable).removeClass('dropping')
-
-      $(this).removeClass('dropping')
-  )
-
-  $('.gallery .infinite-scroll .item').draggable(
-    revert: 'invalid',
-    disabled: true
-  )
-
-$(document).on 'turbolinks:load', ready

data/app/assets/javascripts/spina/admin/modal.coffee

@@ -1,53 +0,0 @@
-# jQuery plugin
-$.hideModal = ->
-  hideModal()
-
-$.fn.modal = ->
-  showModal($(this))
-
-$(document).on 'click', 'a[data-toggle="modal"]', ->
-  link = $(this)
-  modal = $(link.attr('href'))
-  showModal(modal)
-
-$(document).on 'click', 'body.overlay', ->
-  hideModal()
-
-$(document).on 'click', '[data-dismiss="modal"]', ->
-  hideModal()
-
-$(document).on 'keyup', 'body.overlay', (e) ->
-  hideModal() if e.keyCode == 27
-
-$(document).on 'click', '.modal', (e) ->
-  e.stopPropagation()
-
-hideModal = ->
-  $('body').removeClass('overlay')
-  $('#overlay .modal').addClass('flyOut')
-  $('#overlay').fadeOut 300, ->
-    $(this).remove()
-  return false
-
-showModal = (element) ->
-  modal = element.clone()
-  modal.addClass('animated flyIn')
-
-  if $('#overlay').length < 1
-    $('body').append('<div id="overlay"></div>')
-  else
-    $('#overlay').html('')
-
-  maxheight = window.innerHeight - (window.innerHeight / 8) - 150
-
-  modal.css({"margin-top": window.innerHeight / 8})
-  modal.find('section').css({"max-height": maxheight})
-
-  modal.appendTo('#overlay')
-  $('#overlay').fadeIn(400)
-  modal.show()
-
-  modal.find('input[type="file"][data-customfileinput]').customFileInput()
-
-  $('body').addClass('overlay')
-  return false

data/app/assets/javascripts/spina/admin/navigation.coffee

@@ -1,45 +0,0 @@
-ready = ->
-  if $('nav#primary ul li ul li.active').length > 0
-    $('nav#primary > ul > li').removeClass('active')
-    $('nav#primary ul li ul li.active').parents('li').addClass('active')
-
-$(document).on 'turbolinks:load', ready
-
-$(document).on 'click', 'nav#primary a.back-to-main-menu', (e) ->
-  $('nav#primary').addClass('animated')
-  $('nav#primary').removeClass('transformed')
-  e.preventDefault()
-
-$(document).on 'click', 'nav#primary a:not(.back-to-main-menu)', (e) ->
-  $('nav#primary ul li ul li').removeClass('active')
-  $(this).parent().addClass('active')
-  clearTimeout(navigationTimer)
-
-$(document).on 'click', 'nav#primary > ul > li > a', (e) ->
-  if $(this).parent().find('ul').length > 0
-    e.preventDefault()
-
-    $(this).parent().siblings().removeClass('active')
-    $(this).parent().addClass('active')
-
-# Clicking something from the primary menu adds the animation
-$(document).on 'click', 'nav#primary:not(.transformed) > ul > li > a', (e) ->
-  $('nav#primary').addClass('animated').addClass('transformed')
-
-# Clicking directly on the primary menu when it's transformed removes the animation
-$(document).on 'click', 'nav#primary.transformed > ul > li > a', (e) ->
-  $('nav#primary').removeClass('animated')
-  $('nav#primary ul li ul li').removeClass('active')
-  $(this).parent().find('ul li:first-child').addClass('active')
-
-delay = 200
-navigationTimer = null
-
-$(document).on 'mouseenter', 'nav#primary.transformed > ul > li:not(.active) > a', (e) ->
-  navigationTimer = setTimeout(->
-    $('nav#primary').addClass('animated')
-    $('nav#primary').removeClass('transformed')
-  , delay)
-
-$(document).on 'mouseleave', 'nav#primary.transformed > ul > li:not(.active) > a', (e) ->
-  clearTimeout(navigationTimer)

data/app/assets/javascripts/spina/admin/notifications.coffee

@@ -1,7 +0,0 @@
-$(document).on 'click', '.notification [data-close-notification]', (e) ->
-  $notification = $(this).parents('.notification')
-  $notification.removeClass('fadeInLeft').addClass('fadeOutLeft')
-  setTimeout ->
-    $notification.remove()
-  , 400
-  e.preventDefault()

data/app/assets/javascripts/spina/admin/pages.coffee.erb

@@ -1,65 +0,0 @@
-ready = ->
-  if $.isFunction($.fn.nestable)
-    $('.dd').nestable
-      maxDepth: "<%= Spina.config.max_page_depth %>"
-
-  $('.sortable-grid').sortable().bind 'sortupdate', (e) ->
-    position_array = []
-    $(e.target).find('li.image').each (index) ->
-      position_array.push $(this).data('image-id')
-    $(e.target).parents('.horizontal-form-content').find('.image-positions').val(position_array.join(","))
-
-$(document).on 'turbolinks:load', ready
-
-# Dynamically add and remove structures
-$(document).on 'click', 'form .add_structure_item_fields', (event) ->
-  $structureForm = $(this).parents('.structure-form')
-
-  time = new Date().getTime()
-  regexp = new RegExp("#{$(this).data('id')}|new_association", 'g')
-  $fields = $($(this).data('fields').replace(regexp, time))
-  $structureForm.find('.structure-form-content').append($fields)
-
-  $link = $("<li data-part-id='#{time}'><a href='#structure_form_pane_#{time}'><i class='icon icon-bars'></i> </a></li>")
-
-  $structureForm.find('.structure-form-menu ul').append($link)
-  $fields.attr('id', "structure_form_pane_#{time}")
-
-  $link.find('a').click()
-
-  # Fire event
-  $structureForm.trigger('spina:structure_added')
-
-  event.preventDefault()
-
-$(document).on 'click', 'form .remove_structure_item_fields', (event) ->
-  $(this).prev('input[type=hidden]').val('1')
-  $pane = $(this).closest('.structure-form-pane')
-  $link = $("a[href='##{$pane.attr('id')}']").parents('li')
-  $previousLink = $link.siblings('li:visible')
-
-  $previousLink.find('a').trigger('click')
-  $link.hide()
-  $pane.hide()
-  $link.remove()
-  $pane.remove()
-  event.preventDefault()
-
-$(document).on 'change', '.structure-form-pane .structure-form-part:first-child input', (event) ->
-  value = $(this).val()
-  $pane = $(this).parents('.structure-form-pane')
-  $link = $("a[href='##{$pane.attr('id')}']")
-  $link.html("<i class='icon icon-bars'></i> #{value}")
-
-# Sort pages
-$(document).on 'click', '.sort-switch', (event) ->
-  $($(this).attr('href') + ' .dd-item-inner').toggleClass('dd-handle')
-  if $(this).hasClass('button-success')
-    $(this).removeClass('button-success')
-    $(this).text($(this).data('change-order'))
-    $(this).prepend('<i class="icon icon-random"></i>')
-  else
-    $(this).addClass('button-success')
-    $(this).text($(this).data('done-changing-order'))
-    $(this).prepend('<i class="icon icon-check"></i>')
-  return false

data/app/assets/javascripts/spina/admin/scaffold.coffee

@@ -1,87 +0,0 @@
-# Scaffold
-$(document).on 'click', '.table-clickable tr', (e) ->
-  $row = $(this).closest('tr')
-  link = $row.find('a.table-link:first')[0]
-  if link
-    link.click()
-  else
-    checkbox = $(this).find('input[type="checkbox"]:first, input[type="radio"]:first')
-
-    if checkbox.length > 0
-
-      # Get shifty
-      if !checkbox.prop("checked") && e.shiftKey
-        $firstRow = $('.table-clickable tr input[type="checkbox"]:checked:first').closest('tr')
-
-        if $firstRow.index() < $row.index()
-          $firstRow.nextUntil($row).each ->
-            $(this).find('input[type="checkbox"]:first').prop("checked", true)
-        else
-          $firstRow.prevUntil($row).each ->
-            $(this).find('input[type="checkbox"]:first').prop("checked", true)
-        document.getSelection().removeAllRanges()
-
-      checkbox.prop("checked", !checkbox.prop("checked"))
-      checkbox.trigger('checked')
-      e.stopPropagation()
-
-$(document).on 'click', '.table-clickable .table-link', (e) ->
-  e.stopPropagation()
-
-$(document).on 'click', '.table-clickable tr input', (e) ->
-  e.stopPropagation()
-
-# Search inputs
-$(document).on 'keyup', '.search-input input', (e) ->
-  $(this).parent().removeClass('animated small-shake')
-  if $(this).val() == ""
-    $(this).parent().find('.clear-input').fadeOut(200)
-    if e.keyCode == 13
-      $(this).parent().addClass('animated small-shake')
-  else
-    $(this).parent().find('.clear-input').fadeIn(200)
-
-$(document).on 'click', '.clear-input', ->
-  link = $(this)
-  input = link.siblings('input')
-  input.val("")
-  input.focus()
-  input.trigger("keyup")
-  link.fadeOut(200)
-  return false
-
-$(document).on 'keyup + change', '.table-container .search-input input', ->
-  datatable = $(this).parent().parent().find('table.datatable').dataTable()
-  datatable.fnFilter($(this).val())
-
-$(document).on 'change', '.dd', ->
-  serialized = $(this).nestable('serialize')
-  sort_url = $(this).data('sort-url')
-  $.post sort_url, { list: serialized }
-
-ready = ->
-
-  # Set paddingTop for section#main
-  if header = document.getElementById('header')
-    headerHeight = header.getBoundingClientRect().height
-    $('section#main').css({paddingTop: headerHeight})
-    $('section#main trix-toolbar').css({top: headerHeight + 15})
-
-  # Login wrapper
-  $('#login_wrapper').css('margin-top', $(document).innerHeight() / 8)
-
-  # Custom file
-  $('input[type="file"][data-customfileinput]:visible').each ->
-    $(this).customFileInput()
-
-  # Switch
-  if $('input[data-switch]').length > 0
-    $('input[data-switch]').spinaSwitch()
-
-  # Datepicker
-  if $('.datepicker').length > 0
-    $('.datepicker').datepicker
-      dateFormat: "dd-mm-yy"
-      firstDay: 1
-
-$(document).on 'turbolinks:load', ready

data/app/assets/javascripts/spina/admin/switch.coffee

@@ -1,43 +0,0 @@
-# jQuery plugin checkbox
-$.fn.spinaSwitch = ->
-  return this.each ->
-    unless $(this).attr('data-plugin-switch')
-      input = $(this)
-      input.attr('data-plugin-switch', true)
-      input.hide()
-
-      # Check if it is checked
-      if input.is(':checked')
-        klass = "switch active"
-      else
-        klass = "switch"
-
-      # Insert new HTML into the DOM
-      input.after('<a href="#' + input.attr("id") + '" class="' + klass + '">
-                    <span class="knob"></span>
-                  </a>')
-
-# Click handlers for checkbox
-$(document).on 'click', 'a.switch', (e) ->
-  toggleSwitch(e)
-
-$(document).on 'touchend', 'a.switch', (e) ->
-  toggleSwitch(e)
-
-toggleSwitch = (e) ->
-  checkbox = $(e.currentTarget)
-  input = $(checkbox.attr("href"))
-
-  if checkbox.hasClass('activated') || checkbox.hasClass('active') 
-    checkbox.removeClass('active')
-    checkbox.removeClass('activated')
-    checkbox.addClass('deactivated')
-    input.prop("checked", false)
-  else
-    checkbox.addClass('activated')
-    checkbox.removeClass('deactivated')
-    input.prop("checked", true)
-
-  input.trigger('change')
-
-  return false

data/app/assets/javascripts/spina/admin/tabs.coffee

@@ -1,13 +0,0 @@
-$(document).on 'click', '.tabs li a[href^="#"]', ->
-  link = $(this)
-  tabs = link.parents('.tabs')
-  
-  # Remove active
-  $('.tab-content').removeClass('active')
-  tabs.find('li').removeClass('active')
-
-  # Add active
-  link.parent('li').addClass('active')
-  $(link.attr('href')).addClass('active')
-
-  return false

data/app/assets/javascripts/spina/admin/trix.coffee.erb

@@ -1,114 +0,0 @@
-window.Spina = {}
-
-Trix.config.blockAttributes = $.extend Trix.config.blockAttributes, {
-  heading2:
-    tagName: "h2"
-    terminal: true
-    breakOnReturn: true
-    group: false
-  heading3:
-    tagName: "h3"
-    terminal: true
-    breakOnReturn: true
-    group: false
-  heading4:
-    tagName: "h4"
-    terminal: true
-    breakOnReturn: true
-    group: false
-  heading5:
-    tagName: "h5"
-    terminal: true
-    breakOnReturn: true
-    group: false
-  heading6:
-    tagName: "h6"
-    terminal: true
-    breakOnReturn: true
-    group: false
-}
-
-Trix.config.lang = $.extend Trix.config.lang, {
-  image: "Image"
-  heading1: "H1"
-  heading2: "H2"
-  heading3: "H3"
-  heading4: "H4"
-  heading5: "H5"
-  heading6: "H6"
-}
-
-Trix.config.toolbar =
-  getDefaultHTML: -> """
-    <div class="trix-button-row">
-      <span class="trix-button-group trix-button-group--text-tools" data-trix-button-group="text-tools">
-        <button type="button" class="trix-button trix-button--icon trix-button--icon-bold" data-trix-attribute="bold" data-trix-key="b" title="#{Trix.config.lang.bold}" tabindex="-1">#{Trix.config.lang.bold}</button>
-        <button type="button" class="trix-button trix-button--icon trix-button--icon-italic" data-trix-attribute="italic" data-trix-key="i" title="#{Trix.config.lang.italic}" tabindex="-1">#{Trix.config.lang.italic}</button>
-        <button type="button" class="trix-button trix-button--icon trix-button--icon-link" data-trix-attribute="href" data-trix-action="link" data-trix-key="k" title="#{Trix.config.lang.link}" tabindex="-1">#{Trix.config.lang.link}</button>
-      </span>
-      <span class="trix-button-group trix-button-group--block-tools" data-trix-button-group="block-tools">
-        <button type="button" class="trix-button trix-button--text" data-trix-attribute="heading1" title="#{Trix.config.lang.heading1}" tabindex="-1">#{Trix.config.lang.heading1}</button>
-        <button type="button" class="trix-button trix-button--text" data-trix-attribute="heading2" title="#{Trix.config.lang.heading2}" tabindex="-1">#{Trix.config.lang.heading2}</button>
-        <button type="button" class="trix-button trix-button--text" data-trix-attribute="heading3" title="#{Trix.config.lang.heading3}" tabindex="-1">#{Trix.config.lang.heading3}</button>
-        <button type="button" class="trix-button trix-button--text" data-trix-attribute="heading4" title="#{Trix.config.lang.heading4}" tabindex="-1">#{Trix.config.lang.heading4}</button>
-      </span>
-
-      <span class="trix-button-group trix-button-group--block-tools">
-        <button type="button" class="trix-button trix-button--icon trix-button--icon-image" data-trix-attribute="image" data-trix-action="image" title="#{Trix.config.lang.image}" tabindex="-1">#{Trix.config.lang.image}</button>
-        <button type="button" class="trix-button trix-button--icon trix-button--icon-quote" data-trix-attribute="quote" title="#{Trix.config.lang.quote}" tabindex="-1">#{Trix.config.lang.quote}</button>
-        <button type="button" class="trix-button trix-button--icon trix-button--icon-code" data-trix-attribute="code" title="#{Trix.config.lang.code}" tabindex="-1">#{Trix.config.lang.code}</button>
-        <button type="button" class="trix-button trix-button--icon trix-button--icon-bullet-list" data-trix-attribute="bullet" title="#{Trix.config.lang.bullets}" tabindex="-1">#{Trix.config.lang.bullets}</button>
-        <button type="button" class="trix-button trix-button--icon trix-button--icon-number-list" data-trix-attribute="number" title="#{Trix.config.lang.numbers}" tabindex="-1">#{Trix.config.lang.numbers}</button>
-        <button type="button" class="trix-button trix-button--icon trix-button--icon-decrease-nesting-level" data-trix-action="decreaseNestingLevel" title="#{Trix.config.lang.outdent}" tabindex="-1">#{Trix.config.lang.outdent}</button>
-        <button type="button" class="trix-button trix-button--icon trix-button--icon-increase-nesting-level" data-trix-action="increaseNestingLevel" title="#{Trix.config.lang.indent}" tabindex="-1">#{Trix.config.lang.indent}</button>
-      </span>
-
-      <span class="trix-button-group-spacer"></span>
-    </div>
-    <div class="trix-button-row">
-      
-    </div>
-    <div class="trix-dialogs" data-trix-dialogs>
-      <div class="trix-dialog trix-dialog--link" data-trix-dialog="href" data-trix-dialog-attribute="href">
-        <div class="trix-dialog__link-fields">
-          <input type="text" name="href" class="trix-input trix-input--dialog" placeholder="#{Trix.config.lang.urlPlaceholder}" aria-label="#{Trix.config.lang.url}" required data-trix-input>
-          <div class="trix-button-group">
-            <input type="button" class="trix-button trix-button--dialog" value="#{Trix.config.lang.link}" data-trix-method="setAttribute">
-            <input type="button" class="trix-button trix-button--dialog" value="#{Trix.config.lang.unlink}" data-trix-method="removeAttribute">
-          </div>
-        </div>
-      </div>
-    </div>
-  """
-
-class Spina.TrixAttachment
-  @imageSelect: (e) ->
-    toolbar_id = $(this).closest('trix-toolbar').attr('id')
-    $.getScript("<%= Spina::Engine.routes.url_helpers.admin_media_picker_path %>" + "?input=#{toolbar_id}&mode=trix")
-
-  @imageInsert: (e) ->
-    labels = []
-    labels.push "✍️ #{e.detail.alt}" if e.detail.alt != ""
-    labels.push "🔗 #{e.detail.link_to_url}" if e.detail.link_to_url != ""
-    label = labels.join("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;")
-
-    if e.detail.link_to_url != ""
-      attachment = new Trix.Attachment({content: "<a href='#{e.detail.link_to_url}' class='trix-attachment-spina-image' data-label='#{label}'>
-        <img src='#{e.detail.url}' alt='#{e.detail.alt}' />
-      </a>"})
-    else
-      attachment = new Trix.Attachment({content: "<span class='trix-attachment-spina-image' data-label='#{label}'>
-        <img src='#{e.detail.url}' alt='#{e.detail.alt}' />
-      </span>"})
-
-    this.editor.insertAttachment(attachment)
-
-document.addEventListener 'trix-file-accept', (e) ->
-  e.preventDefault()
-
-$(document).on 'click', '[data-trix-attribute="image"]', Spina.TrixAttachment.imageSelect
-
-$(document).on 'image-insert', 'trix-editor', Spina.TrixAttachment.imageInsert
-
-$(document).on 'click', 'a.trix-attachment-spina-image', (e) ->
-  e.preventDefault()