para 0.11.4 → 0.12.0

data/app/assets/javascripts/para/admin/tree.coffee

@@ -1,105 +0,0 @@
-class Para.ResourceTree
-  constructor: (@$el) ->
-    @initializeTree()
-
-  initializeTree: ->
-    @orderUrl = @$el.data('url')
-    @maxDepth = parseInt @$el.data('max-depth')
-
-    # Each is needed here as the sortable jQuery plugin doesn't loop over each found node
-    # but initializes the tree on the first found element.
-    $(".tree").each(@initializeSubTree)
-
-  initializeSubTree: (_i, el) =>
-    $(el).sortable(
-      group: "tree"
-      handle: ".handle"
-      draggable: ".node"
-      fallbackOnBody: true
-      swapThreshold: 0.65
-      animation: 150
-      onSort: @handleOrderUpdated
-      onMove: @isMovementValid
-    )
-
-  # Note : This method is called often (many times per second while we're dragging) and
-  # takes quite some processing.
-  isMovementValid: (e) =>
-    $movedNode = $(e.dragged)
-    $target = $(e.related)
-
-    # Calculate the deepness of the moved and target nodes
-    movedNodeDeepness = $movedNode.parents(".node").length - 1
-    # If the target is a node, the moved node root deepness is gonna be the same as the
-    # the target one, else the tree's parent node is counted also
-    targetDeepness = $target.parents(".node").length - 1
-
-    # Find the deepest node in the subtree of the moved node
-    $movedNodeSubtrees = $movedNode.find(".tree")
-    movedNodeTreeDeepness = 0
-
-    # The movedNodeTreeDeepness is the maximum deepness of a child node of the current
-    # moved node, relative to the moved node
-    $movedNodeSubtrees.each (i, el) =>
-      subtreeDeepness = $(el).parents(".node").length - 1
-      subtreeRelativeDeepness = subtreeDeepness - movedNodeDeepness
-      movedNodeTreeDeepness = Math.max(movedNodeTreeDeepness, subtreeRelativeDeepness)
-
-    # Calculate the final subtree deepness once we move the whole moved node subtree to
-    # its target position
-    finalSubtreeDeepnessAfterMove = movedNodeTreeDeepness + targetDeepness
-
-    # We finally validate the move only if the final subtree deepness is lower than the
-    # maximum allowed depth
-    finalSubtreeDeepnessAfterMove <= @maxDepth
-
-  handleOrderUpdated: (e) =>
-
-    # Get all involved tree leaves that may include a subtree
-    treeLeaves = [$(e.target), $(e.from), $(e.item).find('.tree')]
-
-    # Update their placeholder display wether they can be a drop target or not
-    @handlePlaceholder($el) for $el in treeLeaves
-    # Save the tree structure on the server
-    @updateOrder()
-
-  # This method checks wether a given tree leaf can be a drop target, depending
-  # on wether it's located at the maximum allowed depth for the tree or not, and adds or
-  # remove a the visual placeholder to indicate its droppable state.
-  #
-  handlePlaceholder: ($el) ->
-    $placeholder = $el.find("> .placeholder")
-    parentsCount = $el.parents('.node').length - 1
-    hasChildren = $el.find('> .node').length
-
-    if parentsCount >= @maxDepth or hasChildren
-      $placeholder.hide()
-      $el.children(".tree").each (index, el) => @handlePlaceholder($(el))
-    else
-      $placeholder.show()
-
-  updateOrder: ->
-    Para.ajax(
-      url: @orderUrl
-      method: 'patch'
-      data: { resources: @buildOrderedData() }
-      success: @orderUpdated
-    )
-
-  buildOrderedData: ->
-    data = {}
-    $(".node").each (index) ->
-      $this = $(this)
-      data[index] = {
-        id: $this.data("id"),
-        position: index,
-        parent_id: $this.parents(".node:first").data("id")
-      }
-    data
-
-  orderUpdated: =>
-    # TODO: Add flash message to display ordering success
-
-$(document).on 'page:change turbolinks:load', ->
-  $('.root-tree').each (i, el) ->
-    new Para.ResourceTree($(el))

data/app/assets/javascripts/para/admin.coffee

@@ -1,22 +0,0 @@
-#= require jquery
-#= require jquery_ujs
-#= require turbolinks
-#= require bootstrap
-#= require vertebra
-#= require jasny-bootstrap
-#= require simple_form_extension
-#= require jquery.scrollto
-#= require Sortable
-#= require jquery.sortable
-#= require cocoon
-#= require jquery.remote-modal-form
-#= require jquery.iframe-transport
-#= require_self
-#= require_tree ./lib
-#= require_tree ./inputs
-#= require_tree ./admin
-#= require ./plugins-includes
-#= require admin/app
-
-# Initialize scope
-window.Para = {}

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

@@ -1,13 +0,0 @@
-// This is a manifest file that'll be compiled into application.js, which will include all the files
-// listed below.
-//
-// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
-// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
-//
-// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
-// compiled file.
-//
-// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
-// about supported directives.
-//
-//= require_tree .

data/app/assets/javascripts/para/inputs/material-input.coffee

@@ -1,4 +0,0 @@
-$(document).on 'page:change turbolinks:load', ->
-  $('body').on 'focusin focusout', 'input, .redactor-editor, select, textarea', (e) ->
-    focused = e.type is 'focusin'
-    $(e.target).closest('.form-group').toggleClass('focused', focused)

data/app/assets/javascripts/para/inputs/multi-select-input.coffee

@@ -1,174 +0,0 @@
-class Para.MultiSelectInput extends Vertebra.View
-  events:
-    'keyup [data-search-field]': 'onSearchKeyUp'
-    'click [data-add-all]': 'onAllItemsAdded'
-    'click [data-remove-all]': 'onAllItemsRemoved'
-
-  initialize: ->
-    @$searchField = @$('[data-search-field]')
-    @$selectedItems = @$('[data-selected-items] tbody')
-    @$availableItems = @$('[data-available-items]')
-    @$input = @$('[data-multi-select-input-field]')
-
-    @searchURL = @$el.data('search-url')
-    @orderable = @$el.is('[data-orderable]')
-    @searchParam = @$searchField.attr('name')
-
-    @noSelectedItemsTemplate = @$('[data-no-selected-items]').data('no-selected-items')
-    @noAvailableItemsTemplate = @$('[data-no-available-items]').data('no-available-items')
-
-    @throttledTriggerSearch = throttle(@triggerSearch, 300, trailing: true)
-
-    @availableItems = []
-    @selectedItems = (@buildSelectedItem(el) for el in @$selectedItems.find('[data-selected-item-id]'))
-    @refreshSelectedItems()
-    @refreshAvailableItems()
-
-  onSearchKeyUp: ->
-    @throttledTriggerSearch()
-
-  triggerSearch: =>
-    @searchFor(@$searchField.val())
-
-  searchFor: (terms) ->
-    terms = trim(terms)
-    return if terms is @terms or (!terms and !@terms)
-    @terms = terms
-    @setLoading(true)
-    @_currentSearchXHR?.abort()
-    data = @$('[data-search-field-input]').serialize()
-    @_currentSearchXHR = $.get(@searchURL, data).done(@onSearchReturn)
-
-  onSearchReturn: (results) =>
-    @_currentSearchXHR = null
-    @setLoading(false)
-    @$('[data-available-items] tbody').html(results)
-    @refreshAvailableItems()
-
-  refreshAvailableItems: ->
-    item.destroy() for item in @availableItems
-    @availableItems = (@buildAvailableItem(el) for el in @$('[data-available-items] tr'))
-    @showEmptyListHint(@noAvailableItemsTemplate, @$availableItems) unless @availableItems.length
-
-  buildAvailableItem: (el) ->
-    availableItem = new Para.MultiSelectAvailableItem(el: el)
-    availableItem.setSelected(true) for selectedItem in @selectedItems when selectedItem.id is availableItem.id
-    @listenTo(availableItem, 'add', @onItemAdded)
-    availableItem
-
-  onItemAdded: (item) =>
-    @selectItem(item)
-
-  buildSelectedItem: (el) ->
-    selectedItem = new Para.MultiSelectSelectedItem(el: el)
-    @listenTo(selectedItem, 'remove', @onItemRemoved)
-    selectedItem
-
-  selectItem: (item) ->
-    return if @alreadySelected(item)
-
-    item.setSelected(true)
-    selectedItem = @buildSelectedItem(item.$el.attr('data-selected-item-template'))
-    @selectedItems.push(selectedItem)
-    @refreshSelectedItems()
-
-  alreadySelected: (item) ->
-    return true for selectedItem in @selectedItems when selectedItem.id is item.id
-    false
-
-  refreshSelectedItems: ->
-    @$selectedItems.empty()
-    selectedItem.renderTo(@$selectedItems) for selectedItem in @selectedItems
-
-    selectedItemIds = (selectedItem.id for selectedItem in @selectedItems).join(', ')
-    @$input.val(selectedItemIds)
-
-    if @selectedItems.length
-      @initializeOrderable()
-    else
-      @showEmptyListHint(@noSelectedItemsTemplate, @$selectedItems)
-
-  showEmptyListHint: (template, $container) ->
-    $(template).appendTo($container)
-
-  onItemRemoved: (selectedItem) =>
-    itemIndex = index for item, index in @selectedItems when item.id is selectedItem.id
-    @selectedItems.splice(itemIndex, 1)
-    selectedItem.destroy()
-    @refreshSelectedItems()
-
-    availableItem = item for item in @availableItems when item.id is selectedItem.id
-    availableItem.setSelected(false) if availableItem
-
-  onAllItemsAdded: ->
-    return unless @availableItems.length
-
-    @selectItem(availableItem) for availableItem in @availableItems
-
-  onAllItemsRemoved: ->
-    return unless @selectedItems.length
-
-    @selectedItems = []
-    @refreshSelectedItems()
-
-    item.setSelected(false) for item in @availableItems
-
-  initializeOrderable: ->
-    return unless @orderable
-
-    columnsCount = @$selectedItems.find('> tr > td').length
-
-    @$selectedItems.sortable('destroy')
-
-    @$selectedItems.sortable
-      handle: '.order-anchor'
-      animation: 150
-
-    @$selectedItems.on('sort', @selectedItemsSorted)
-
-  selectedItemsSorted: =>
-    indices = {}
-    indices[$(el).data('selected-item-id')] = index for el, index in @$selectedItems.find('[data-selected-item-id]')
-
-    @selectedItems.sort (a, b) =>
-      aIndex = indices[a.id]
-      bIndex = indices[b.id]
-      if aIndex > bIndex then 1 else -1
-
-    @refreshSelectedItems()
-
-  setLoading: (state) ->
-    @$el.toggleClass('loading', state)
-    @$('.fa-search').toggleClass('fa-spin', state)
-
-class Para.MultiSelectAvailableItem extends Vertebra.View
-  events:
-    'click [data-add-item]': 'addItem'
-
-  initialize: ->
-    @id = @$el.data('available-item-id')
-
-  addItem: ->
-    @trigger('add', this)
-
-  setSelected: (@selected) ->
-    @$el.toggleClass('selected', @selected)
-
-
-class Para.MultiSelectSelectedItem extends Vertebra.View
-  initialize: ->
-    @id = @$el.data('selected-item-id')
-
-  bindEvents: ->
-    @$('[data-remove-item]').on 'click', @removeItem
-
-  renderTo: ($container) ->
-    @$el.appendTo($container)
-    @bindEvents()
-
-  removeItem: (e) =>
-    @trigger('remove', this)
-
-
-$.simpleForm.onDomReady ($document) ->
-  $document.find('[data-multi-select-input]').each (i, el) -> new Para.MultiSelectInput(el: el)

data/app/assets/javascripts/para/inputs/nested_many.coffee

@@ -1,108 +0,0 @@
-class Para.NestedManyField
-  constructor: (@$field) ->
-    @$fieldsList = @$field.find('.fields-list')
-
-    @initializeOrderable()
-    @initializeCocoon()
-
-    @$field.on 'shown.bs.collapse', @stoppingPropagation(@collapseShown)
-
-  initializeOrderable: ->
-    @orderable = @$field.hasClass('orderable')
-    return unless @orderable
-
-    @$fieldsList.sortable
-      handle: '.order-anchor'
-      animation: 150
-      onUpdate: $.proxy(@handleOrderingUpdated, this)
-
-  handleOrderingUpdated: ->
-    formFields = []
-
-    @$fieldsList.find('.form-fields:visible').each (_i, el) ->
-      isNestedField = $parent.find(el).length for $parent in formFields
-      return if isNestedField
-
-      $el = $(el)
-      $el.find('.resource-position-field:eq(0)').val(formFields.length)
-      formFields.push($el)
-
-  initializeCocoon: ->
-    @$fieldsList.on 'cocoon:after-insert', @stoppingPropagation(@afterInsertField)
-    @$fieldsList.on 'cocoon:before-remove', @stoppingPropagation(@beforeRemoveField)
-    @$fieldsList.on 'cocoon:after-remove', @stoppingPropagation(@afterRemoveField)
-
-  stoppingPropagation: (callback) =>
-    (e, args...) =>
-      e.stopPropagation()
-      callback(e, args...)
-
-  afterInsertField: (e, $element) =>
-    if ($collapsible = $element.find('[data-open-on-insert="true"]')).length
-      @openInsertedField($collapsible)
-
-    if @orderable
-      @$fieldsList.sortable('destroy')
-      @initializeOrderable()
-      @handleOrderingUpdated()
-
-    $element.simpleForm()
-
-  beforeRemoveField: (e, $element) =>
-    $nextEl = $element.next()
-    # Remove attributes mappings field for new records since it will try to
-    # create an empty nested resource otherwise
-    $nextEl.remove() if $nextEl.is('[data-attributes-mappings]') and not $element.is('[data-persisted]')
-
-  # When a sub field is removed, update every sub field position
-  afterRemoveField: =>
-    @handleOrderingUpdated();
-
-  openInsertedField: ($field) ->
-    $target = $($field.attr('href'))
-    $target.collapse('show')
-
-  collapseShown: (e) =>
-    $target = $(e.target)
-
-    if $target.is("[data-rendered]") or $target.data("rendered")
-      @initializeCollapseContent($target)
-    else
-      @loadCollapseContent($target)
-      @scrollToTarget($target)
-
-  initializeCollapseContent: ($target) ->
-    @scrollToTarget($target)
-    @focusFirstField($target)
-
-  scrollToTarget: ($target) ->
-    $field = @$field.find("[data-toggle='collapse'][href='##{ $target.attr('id') }']")
-    scrollOffset = -($('[data-header]').outerHeight() + 30)
-
-    if ($affixNavTabs = $("[data-tabs-nav-affix]:eq(0)")).length
-      scrollOffset -= $affixNavTabs.outerHeight()
-
-    $.scrollTo($field, 200, offset: scrollOffset)
-
-  focusFirstField: ($target) ->
-    $target.find('input, textarea, select').eq('0').focus()
-
-  loadCollapseContent: ($target) ->
-    targetUrl = $target.data("render-path")
-    return unless targetUrl
-
-    data = {
-      "id": $target.data("id")
-      "object_name": $target.data("object-name")
-      "model_name": $target.data("model-name")
-    }
-
-    $.get(targetUrl, data).then (resp) =>
-      $content = $(resp)
-      $target.find("[data-nested-form-container]:eq(0)").html($content)
-      $content.simpleForm()
-      @focusFirstField($target)
-      $target.data("rendered", true)
-
-$.simpleForm.onDomReady ($document) ->
-  $document.find('.nested-many-field').each (i, el) -> new Para.NestedManyField($(el))

data/app/assets/javascripts/para/lib/ajax.coffee

@@ -1,11 +0,0 @@
-Para.ajax = (options = {}) ->
-  csrfParam = $('meta[name="csrf-param"]').attr('content')
-  csrfToken = $('meta[name="csrf-token"]').attr('content')
-
-  csrfOptions = {}
-  csrfOptions[csrfParam] = csrfToken if csrfParam and csrfToken
-
-  unless options.method and options.method.match(/get/i)
-    options = $.extend(csrfOptions, options)
-
-  $.ajax(options)

data/app/assets/javascripts/para/lib/remote-file-forms.coffee

@@ -1,59 +0,0 @@
-# This class handles rails' remote form 'ajax:aborted:file' event to serialize
-# forms with files and send them through ajax using the `FormData` HTML5
-# feature.
-#
-# The general approach and request implementation respects the same lifecycle
-# of original rails' remote form requests, to allow existing handling code
-# to run without any modification.
-#
-class @RemoteFileForm extends Vertebra.View
-  @supported = FormData isnt undefined
-  
-  initialize: (options = {}) ->
-    @submitForm() if $.rails.fire(@$el, 'ajax:before')
-
-  submitForm: ->
-    formData = new FormData(@$el[0])
-    url = @$el.attr('action')
-    method = @$el.attr('method')
-
-    Para.ajax
-      url: url
-      method: method
-      data: formData
-      cache: false
-      contentType: false
-      processData: false
-      xhr: @buildXHR
-      beforeSend: @beforeSend
-      success: @success
-      complete: @complete
-      error: @error
-      crossDomain: $.rails.isCrossDomain?(url)
-
-  buildXHR: =>
-    xhr = $.ajaxSettings.xhr()
-    $(xhr.upload).on('progress', @progress) if xhr.upload
-    xhr
-
-  beforeSend: (xhr, settings) =>
-    if $.rails.fire(@$el, 'ajax:beforeSend', [xhr, settings])
-      @$el.trigger('ajax:send', xhr)
-    else
-      return false
-
-  success: (data, status, xhr) =>
-    @$el.trigger('ajax:success', [data, status, xhr])
-
-  complete: (xhr, status) =>
-    @$el.trigger('ajax:complete', [xhr, status])
-
-  error: (xhr, status, error) =>
-    @$el.trigger('ajax:error', [xhr, status, error])
-
-  progress: (e) =>
-    @trigger('progress', e)
-
-$(document).on 'ajax:aborted:file', (e) ->
-  new RemoteFileForm(el: e.target)
-  return false

data/app/assets/javascripts/para/lib/turbolinks-forms.coffee

@@ -1,23 +0,0 @@
-class Turbolinks.Form
-  constructor: (@$form) ->
-    @$form.on('submit', (e) => @submit(e))
-
-  submit: (e) ->
-    e.preventDefault()
-    @visit(@buildUrl())
-
-  buildUrl: ->
-    url  = @$form.attr('action')
-    url += if url.indexOf('?') is -1 then '?' else '&'
-    url +  @$form.serialize()
-
-  visit: (url) ->
-    Turbolinks.visit(url);
-
-
-$(document).on "submit", "form[method='get']:not([data-no-turboform])", (e) ->
-  $form = $(e.currentTarget)
-  unless (turboform = $form.data('turboform-instance'))
-    turboform = new Turbolinks.Form($form)
-    $form.data('turboform-instance', turboform)
-    turboform.submit(e)

data/app/assets/javascripts/para/lib/turbolinks-loading.coffee

@@ -1,25 +0,0 @@
-class Para.TurbolinksLoading
-  start: =>
-    @addLoadingMarkup()
-
-  stop: =>
-    @removeLoadingMarkup()
-
-  addLoadingMarkup: ->
-    $('<div/>', class: 'loading-overlay', 'data-loading-overlay': true)
-      .prependTo('body')
-    $('<div/>', class: 'loading-spinner', 'data-loading-spinner': true)
-      .prependTo('body')
-
-  removeLoadingMarkup: ->
-    $('[data-loading-overlay]').remove()
-    $('[data-loading-spinner]').remove()
-
-# Global loading manager allowing to
-Para.loadingManager = new Para.TurbolinksLoading()
-
-$(document).on('page:fetch', Para.loadingManager.start)
-
-$(document).on 'page:change turbolinks:load', ->
-  Para.loadingManager.stop()
-  $('body').on('submit', '[data-para-form]:not([data-remote])', Para.loadingManager.start)

data/app/assets/javascripts/para/lib/turbolinks-reloader.coffee

@@ -1,19 +0,0 @@
-class TurbolinksReloader
-  run: (options = {}) ->
-    options.keepScrollPosition ?= true
-
-    if options.keepScrollPosition
-      $(document).one('page:before-unload', $.proxy(@beforeUnload, this))
-      $(document).one('page:load', $.proxy(@onChange, this))
-
-    Turbolinks.visit(window.location.href)
-
-  beforeUnload: ->
-    @scrollPosition = $(document).scrollTop()
-
-  onChange: ->
-    $(document).scrollTop(@scrollPosition)
-
-$ ->
-  Turbolinks.reloadPage = (options = {}) ->
-    new TurbolinksReloader().run(options)

data/app/assets/stylesheets/para/admin/main.sass

@@ -1,33 +0,0 @@
-@charset "UTF-8"
-//** Import google font
-@import url('//fonts.googleapis.com/css?family=Roboto:300,400,500,700,900')
-
-@import "src/variables"
-@import "bootstrap"
-
-@import "src/mixins"
-@import "src/common"
-@import "src/base"
-@import "src/buttons"
-@import "src/form"
-@import "src/nested_one"
-@import "src/table"
-@import "src/list"
-@import "src/panel"
-@import "src/affix"
-@import "src/alert"
-@import "src/dropdown"
-@import "src/multi-select"
-@import "src/nested-many"
-@import "src/checkable"
-@import "src/sorting"
-@import "src/orderable"
-@import "src/pagination"
-@import "src/tree"
-@import "src/navigation"
-@import "src/breadcrumb"
-@import "src/navtabs"
-@import "src/statcard"
-@import "src/page-loading"
-@import "src/responsive"
-@import "src/well"

data/app/assets/stylesheets/para/admin/src/_affix.sass

@@ -1,4 +0,0 @@
-@media (max-width: $screen-md-min)
-  .affix
-    &.affix-no-mobile
-      position: static

data/app/assets/stylesheets/para/admin/src/_alert.sass

@@ -1,17 +0,0 @@
-//
-// Alert
-// --------------------------------------------------
-
-//== Main style
-//
-//##
-
-.page-content
-  .alert
-    +first-child()
-      margin-right: -15px
-      margin-left: -15px
-      margin-bottom: 0
-      border-radius: 0
-    &.no-results
-      margin: 15px 0 0 0

data/app/assets/stylesheets/para/admin/src/_base.sass

@@ -1,54 +0,0 @@
-//
-// Base
-// --------------------------------------------------
-
-//== Layout
-//
-//##
-
-html *
-  outline: 0!important
-
-body, html
-  min-height: 100%
-  position: relative
-  -webkit-font-smoothing: antialiased
-  -moz-osx-font-smoothing: grayscale
-
-.body-full-height
-  height: 100%
-  body
-    height: 100%
-
-body
-  padding: $navbar-height 0 0 0
-  background: image_url('para/admin/tangram-mosaic.png') repeat top left $gray-light
-  background-size: 128px 128px
-
-//== Page content
-//
-//##
-
-.page-title
-  background-color: #fff
-  padding: 15px 25px 15px 25px
-  z-index: $zindex-navbar-fixed + 1
-  +material-box-shadow-soft(2)
-  h1
-    margin: 0
-    font-weight: 300
-    float: left
-    line-height: 34px
-
-.admin-main-page-content
-  position: relative
-
-.page-content-wrap
-  margin: 25px 10px 25px 10px
-  background-color: #fff
-  border-radius: $border-radius-small
-  +material-box-shadow-soft
-  padding: 25px
-
-b, strong
-  font-weight: 500