georgia 0.7.0

data/app/assets/javascripts/georgia/components/portlets/slide.js.coffee

@@ -0,0 +1,38 @@
+# FIXME: Use PositionSort
+class @SlidePortlet
+
+  constructor: (element) ->
+    @element = $(element)
+    @slideList = @element.find('.js-sortable')
+    @addSlideBtn = $('.js-add-slide')
+
+    @setBindings()
+
+  setBindings: () =>
+    @addSlideBtn.on('click', @addSlide)
+    @element.on('click', '.js-remove-slide', @removeSlide)
+    @slideList.sortable(axis: 'y')
+    @slideList.on( "sortupdate", @updatePosition)
+
+  addSlide: (event) =>
+    event.preventDefault()
+    $.ajax(
+      url: "/admin/slides/new"
+    ).done( (data) => @slideList.append(data) )
+
+  removeSlide: (event) =>
+    event.preventDefault()
+    portlet = $(event.currentTarget).closest('.portlet')
+    portlet.find('input.js-destroy').val('1')
+    portlet.hide()
+
+  updatePosition: (event, ui) =>
+    @slideList.find('.js-position').each((index, el) -> $(el).val(index+1))
+
+$.fn.slidePortlet = () ->
+  @each ->
+    new SlidePortlet($(this))
+
+jQuery ->
+  $(".js-slides").each () ->
+    $(this).slidePortlet()

data/app/assets/javascripts/georgia/components/portlets/widget.js.coffee

@@ -0,0 +1,47 @@
+# FIXME: Use PositionSort
+class @WidgetPortlet
+
+  constructor: (element) ->
+    @element = $(element)
+    @widgetList = @element.find('.js-sortable')
+    @selectTag  = @element.find('select')
+
+    @setBindings()
+
+  setBindings: () =>
+    @element.on('click', '.js-add-widget', @addWidget)
+    @element.on('click', '.js-remove-widget', @removeWidget)
+    @widgetList.sortable(axis: 'y')
+    @widgetList.on( "sortupdate", @updatePosition)
+
+  getWidgetId: () =>
+    @selectTag.val()
+
+  getData: () =>
+    ui_section_id: @element.data('ui-section')
+    revision_id: @element.data('revision')
+    widget_id: @getWidgetId()
+
+  addWidget: (event) =>
+    event.preventDefault()
+    $.ajax(
+      url: "/admin/ui-associations/new"
+      data: @getData()
+    ).done( (data) => @widgetList.append(data) )
+
+  removeWidget: (event) =>
+    event.preventDefault()
+    portlet = $(event.currentTarget).closest('.portlet')
+    portlet.find('input.js-destroy').val('1')
+    portlet.hide()
+
+  updatePosition: (event, ui) =>
+    @widgetList.find('.js-position').each((index, el) -> $(el).val(index+1))
+
+$.fn.widgetPortlet = () ->
+  @each ->
+    new WidgetPortlet($(this))
+
+jQuery ->
+  $(".js-nested-widgets").each () ->
+    $(this).widgetPortlet()

data/app/assets/javascripts/georgia/components/position_sort.js.coffee

@@ -0,0 +1,20 @@
+class @PositionSort
+
+  constructor: (element) ->
+    @element = $(element)
+    @setBindings()
+
+  setBindings: () =>
+    @element.sortable(axis: 'y')
+    @element.on( "sortupdate", @updatePosition)
+
+  updatePosition: (event, ui) =>
+    @element.find('.js-position').each((index, el) -> $(el).val(index+1))
+
+$.fn.positionSort = () ->
+  @each ->
+    new PositionSort($(this))
+
+jQuery ->
+  $(".js-position-sort").each () ->
+    $(this).positionSort()

data/app/assets/javascripts/georgia/components/tables/checkbox.js.coffee

@@ -0,0 +1,123 @@
+class @Checkboxable
+
+  constructor: (element) ->
+    @element            = $(element)
+    @selectAllCheckbox  = @element.find("[data-checkbox='all']")
+    @checkboxes         = @element.find("[data-checkbox='child']")
+    @selectAllLink      = @element.find('.js-select-all')
+    @selectNoneLink     = @element.find('.js-select-none')
+    @selectSpamLink     = @element.find('.js-select-spam')
+    @setBindings()
+
+  setBindings: () =>
+    @selectAllCheckbox.bind('click', @updateCheckboxes)
+    @checkboxes.bind('click', @update)
+    @selectAllLink.on('click', @selectAll)
+    @selectNoneLink.on('click', @selectNone)
+    @selectSpamLink.on('click', @selectSpam)
+
+  selectAll: () =>
+    @check(@selectAllCheckbox)
+    @check(@checkboxes)
+    @checkboxes.trigger('change')
+
+  selectNone: () =>
+    @uncheck(@selectAllCheckbox)
+    @uncheck(@checkboxes)
+    @checkboxes.trigger('change')
+
+  selectSpam: () =>
+    @uncheck(@checkboxes)
+    @check(@element.find("tr[data-status='spam'] input:checkbox"))
+    @updateSelectAll()
+    @checkboxes.trigger('change')
+
+  update: (event) =>
+    checkbox = $(event.currentTarget)
+    @updateCheckbox(checkbox)
+    @updateSelectAll()
+
+  updateCheckboxes: (event) =>
+    event.stopPropagation()
+    switch @getState(@selectAllCheckbox)
+      # uncheck, going checked
+      when 'unchecked'
+        @check(@selectAllCheckbox)
+        @check(@checkboxes) if @checkboxes.length
+      # indeterminate, going unchecked
+      when 'indeterminate'
+        @uncheck(@selectAllCheckbox)
+        @uncheck(@checkboxes) if @checkboxes.length
+      # checked, going unchecked
+      else
+        @uncheck(@selectAllCheckbox)
+        @uncheck(@checkboxes) if @checkboxes.length
+
+  updateCheckbox: (el) =>
+    switch @getState(el)
+      # uncheck, going checked
+      when 'unchecked'
+        @check(el)
+      # checked, going unchecked
+      else
+        @uncheck(el)
+
+
+  updateSelectAll: () =>
+    # gather all siblings states
+    states = @checkboxes.map (i, c) => @getState(c)
+    # get unique values
+    states = @distinct(states)
+    # if not all siblings share the same state, go indeterminate
+    if states.length > 1
+      @indeterminate(@selectAllCheckbox)
+    else
+      # all siblings are sharing the same state
+      switch states[0]
+        # if all unchecked, set parent as unchecked
+        when 'unchecked' then @uncheck(@selectAllCheckbox)
+        # if all checked, set parent as checked
+        when 'checked' then @check(@selectAllCheckbox)
+
+  check: (el) =>
+    $(el).each (index, e) =>
+      @setState(e, 'checked')
+      $(e).prop('indeterminate', false)
+      $(e).prop('checked', true)
+      $(e).closest('tr').addClass('is-selected')
+
+  uncheck: (el) =>
+    $(el).each (index, e) =>
+      @setState(e, 'unchecked')
+      $(e).prop('indeterminate', false)
+      $(e).prop('checked', false)
+      $(e).closest('tr').removeClass('is-selected')
+
+  indeterminate: (el) =>
+    $(el).each (i, e) =>
+      @setState(e, 'indeterminate')
+      $(e).prop('indeterminate', true)
+
+  # Keep only distinct/unique values for an Array
+  distinct: (array) ->
+    result = []
+    $.each(array, (i,v) ->
+      result.push(v) if ($.inArray(v, result) == -1)
+    )
+    result
+
+  getCheckbox: (event)  -> $(event.currentTarget).closest('tr').find("[data-checkbox='child']").first()
+  getState: (el)        -> $(el).data('state')
+  setState: (el, state) -> $(el).data('state', state)
+
+  stopEvent: (event) ->
+    event.stopPropagation()
+    event.preventDefault()
+
+$.fn.actsAsCheckboxable = () ->
+  @each ->
+    new Checkboxable($(this))
+
+jQuery ->
+  $("table.js-checkboxable").each ->
+    $(this).actsAsCheckboxable()

data/app/assets/javascripts/georgia/components/tables/media.js.coffee

@@ -0,0 +1,59 @@
+class @MediaTable
+
+  constructor: (element) ->
+    @element      = $(element)
+    @checkboxes   = @element.find("input:checkbox")
+    @downloadBtn  = $('.js-download')
+    @deleteBtn    = $('.js-delete')
+    @setBindings()
+
+  setBindings: () =>
+    @checkboxes.on('click', @update)
+    @deleteBtn.on('click', @destroy)
+
+  update: () =>
+    @updateDownloadableIds()
+    if @getChecked().length
+      @enableActions()
+    else
+      @disableActions()
+
+  # TODO: Should mark item while request is sent. Should sent one request per selected asset for faster feedback
+  destroy: (event) =>
+    @stopEvent(event)
+    $.ajax(
+      type: 'DELETE'
+      url: '/admin/media'
+      data:
+        id: @getIds()
+      dataType: 'JSON'
+    ).always(() =>
+      $.each @getIds(), (index, id) -> $("#asset_#{id}").remove()
+    )
+
+  updateDownloadableIds: () =>
+    $('.downloadable-ids').val(@getIds())
+
+  enableActions: () =>
+    @downloadBtn.removeClass('disabled').addClass('btn-info')
+    @deleteBtn.removeClass('disabled').addClass('btn-danger')
+
+  disableActions: () =>
+    @downloadBtn.addClass('disabled').removeClass('btn-info')
+    @deleteBtn.addClass('disabled').removeClass('btn-danger')
+
+  stopEvent: (event) ->
+    event.stopPropagation()
+    event.preventDefault()
+
+  getChecked: () => @element.find("input:checkbox:checked[data-checkbox='child']")
+  getId:      (c) => $(c).data('id')
+  getIds:     () => $.map(@getChecked(), (c) => @getId(c))
+
+$.fn.actsAsMediaTable = () ->
+  @each ->
+    new MediaTable($(this))
+
+jQuery ->
+  $("table.assets.js-checkboxable").each ->
+    $(this).actsAsMediaTable()

data/app/assets/javascripts/georgia/components/tables/messages.js.coffee

@@ -0,0 +1,59 @@
+class @MessagesTable
+
+  constructor: (element) ->
+    @element          = $(element)
+    @checkboxes       = @element.find("input:checkbox")
+    @deleteBtn        = @element.find('.js-delete')
+    @spamBtn          = @element.find('.js-spam')
+    @hamBtn           = @element.find('.js-ham')
+    @setBindings()
+
+  setBindings: () =>
+    @checkboxes.on('change', @update)
+    @deleteBtn.on('click', @delete)
+    @spamBtn.on('click', @spam)
+    @hamBtn.on('click', @ham)
+
+  update: () =>
+    if @getChecked().length then @enableActions() else @disableActions()
+
+  delete: (event) =>
+    @stopEvent(event)
+    $.ajax(
+      url: "/admin/messages/#{@getIds()}"
+      type: 'DELETE'
+    )
+
+  spam: (event) ->
+    @stopEvent(event)
+    # TODO: send event to controller
+
+  ham: (event) ->
+    @stopEvent(event)
+    # TODO: send event to controller
+
+  enableActions: () =>
+    @spamBtn.removeClass('disabled').addClass('btn-warning')
+    @hamBtn.removeClass('disabled').addClass('btn-warning')
+    @deleteBtn.removeClass('disabled').addClass('btn-danger')
+
+  disableActions: () =>
+    @spamBtn.addClass('disabled').removeClass('btn-warning')
+    @hamBtn.addClass('disabled').removeClass('btn-warning')
+    @deleteBtn.addClass('disabled').removeClass('btn-danger')
+
+  stopEvent: (event) ->
+    event.stopPropagation()
+    event.preventDefault()
+
+  getChecked: () => @element.find("input:checkbox:checked[data-checkbox='child']")
+  getId:      (c) => $(c).data('id')
+  getIds:     () => $.map(@getChecked(), (c) => @getId(c))
+
+$.fn.actsAsMessagesTable = () ->
+  @each ->
+    new MessagesTable($(this))
+
+jQuery ->
+  $("table.messages.js-checkboxable").each ->
+    $(this).actsAsMessagesTable()

data/app/assets/javascripts/georgia/components/tables/pages.js.coffee

@@ -0,0 +1,93 @@
+class @PagesTable
+
+  constructor: (element) ->
+    @element      = $(element)
+    @checkboxes   = @element.find("input:checkbox")
+    @deleteBtn    = $('.js-delete')
+    @publishBtn   = $('.js-publish')
+    @unpublishBtn = $('.js-unpublish')
+    @flushCacheBtn = $('.js-flush-cache')
+    @setBindings()
+
+  setBindings: () =>
+    @checkboxes.on('click', @update)
+    @deleteBtn.on('click', @destroy)
+    @publishBtn.on('click', @publish)
+    @unpublishBtn.on('click', @unpublish)
+    @flushCacheBtn.on('click', @flushCache)
+
+  update: () =>
+    if @getChecked().length
+      @enableActions()
+    else
+      @disableActions()
+
+  destroy: (event) =>
+    @stopEvent(event)
+    $.ajax(
+      type: 'DELETE'
+      url: "/admin/pages"
+      data: {id: @getIds()}
+      dataType: 'JSON'
+    ).always(() =>
+      $.each @getIds(), (index, id) -> $("#page_#{id}").remove()
+    )
+
+  flushCache: (event) =>
+    @stopEvent(event)
+    $.ajax(
+      type: "POST"
+      url: "/admin/pages/flush-cache"
+      data: {id: @getIds()}
+      dataType: 'JSON'
+    )
+
+  publish: (event) =>
+    @stopEvent(event)
+    $.ajax(
+      type: "POST"
+      url: "/admin/pages/publish"
+      data: {id: @getIds()}
+      dataType: 'JSON'
+    ).always(() =>
+      $.each @getIds(), (index, id) -> $("#page_#{id}").removeClass('private').addClass('public')
+    )
+
+  unpublish: (event) =>
+    @stopEvent(event)
+    $.ajax(
+      type: "POST"
+      url: "/admin/pages/unpublish"
+      data: {id: @getIds()}
+      dataType: 'JSON'
+    ).always(() =>
+      $.each @getIds(), (index, id) -> $("#page_#{id}").addClass('private').removeClass('public')
+    )
+
+  enableActions: () =>
+    @deleteBtn.removeClass('disabled').addClass('btn-danger')
+    @publishBtn.removeClass('disabled').addClass('btn-warning')
+    @unpublishBtn.removeClass('disabled').addClass('btn-warning')
+    @flushCacheBtn.removeClass('disabled').addClass('btn-warning')
+
+  disableActions: () =>
+    @deleteBtn.addClass('disabled').removeClass('btn-danger')
+    @publishBtn.addClass('disabled').removeClass('btn-warning')
+    @unpublishBtn.addClass('disabled').removeClass('btn-warning')
+    @flushCacheBtn.addClass('disabled').removeClass('btn-warning')
+
+  stopEvent: (event) ->
+    event.stopPropagation()
+    event.preventDefault()
+
+  getChecked: () => @element.find("input:checkbox:checked[data-checkbox='child']")
+  getId:      (c) => $(c).data('id')
+  getIds:     () => $.map(@getChecked(), (c) => @getId(c))
+
+$.fn.actsAsPagesTable = () ->
+  @each ->
+    new PagesTable($(this))
+
+jQuery ->
+  $("table.pages.js-checkboxable").each ->
+    $(this).actsAsPagesTable()