cmsimple 0.2.0

data/app/assets/javascripts/cmsimple/panels/publish.coffee

@@ -0,0 +1,32 @@
+#= require cmsimple/models/page
+
+class CMSimple.Panels.Publish extends Spine.Controller
+
+  elements:
+    '.mercury-modal-content' : 'content'
+
+  events:
+    'submit form' : 'submit'
+
+  constructor: (container, @modal)->
+    super el: container
+    @el.off 'ajax:beforeSend'
+
+  submit: (e)->
+    e.preventDefault()
+    form = $(e.target)
+    @page = CMSimple.Editor.current_page.fromForm(form)
+    @page.save
+      ajax:
+        error: @proxy @error
+      success: @proxy @success
+
+  success: ->
+    @modal.hide()
+    Mercury.silent = true
+    @page.reload()
+
+  error: (event, data)->
+    @content.html event.responseText
+    alert('The current page was unable to be published')
+

data/app/assets/javascripts/cmsimple/panels/redirects/form.coffee

@@ -0,0 +1,51 @@
+#= require cmsimple/models/page
+#= require cmsimple/models/path
+
+class CMSimple.Panels.Redirects.Form extends Spine.Controller
+  elements:
+    '.add' : 'addButton'
+    '.cancel' : 'cancelButton'
+    'form' : 'form'
+
+  events:
+    'click .add' : 'addNewRedirect'
+    'click .cancel' : 'hideRedirectForm'
+    'submit form' : 'create'
+
+  constructor: (el)->
+    super el: $(el)
+
+  create: (e)->
+    e.preventDefault()
+    @path?.unbind()
+    @path = CMSimple.Path.fromForm(@form)
+    @path.bind 'error', @proxy @validationError
+    @path.save
+      success: @proxy @success
+      ajax:
+        error: @proxy @error
+
+  success: ->
+    @hideRedirectForm()
+
+  error: (xhr, status, message)->
+    errors = JSON.parse(xhr.responseText).errors
+    message = []
+    message.push "#{field} : #{error}" for field, error of errors
+    alert(message.join('\n'))
+    @path.destroy(ajax: false)
+
+  validationError: (record, message)->
+    alert(message)
+
+  addNewRedirect: (e)->
+    e.preventDefault()
+    @addButton.hide()
+    $('form').show()
+
+  hideRedirectForm: (e)->
+    e.preventDefault() if e
+    @addButton.show()
+    $('form').hide()
+    $('form input[type="text"]').val('')
+

data/app/assets/javascripts/cmsimple/panels/redirects/index.coffee

@@ -0,0 +1,2 @@
+#= require cmsimple/lib/namespaces
+#= require ./panel

data/app/assets/javascripts/cmsimple/panels/redirects/list.coffee

@@ -0,0 +1,34 @@
+#= require cmsimple/models/page
+#= require cmsimple/models/path
+#= require cmsimple/views/redirects/_path
+
+class CMSimple.Panels.Redirects.List extends Spine.Controller
+  events:
+    'click a.remove' : 'destroy'
+
+  constructor: (el)->
+    super el: $(el)
+
+    CMSimple.Path.bind 'refresh change', => @render()
+
+  refresh: ->
+    # TODO: should this be a model method?
+    if CMSimple.Page.count() > 1
+      CMSimple.Path.fetch()
+    else
+      CMSimple.Page.one 'refresh', -> CMSimple.Path.fetch()
+      CMSimple.Page.fetch()
+
+  render: ->
+    @html('')
+    @addPath path for path in CMSimple.Path.allRedirects()
+
+  addPath: (path)->
+    @append JST['cmsimple/views/redirects/_path'](path)
+
+  destroy: (e)->
+    e.preventDefault()
+    item = $(e.target)
+    id = item.data('id') || $(item.parents('[data-id]')[0]).data('id')
+    CMSimple.Path.destroy(id)
+

data/app/assets/javascripts/cmsimple/panels/redirects/panel.coffee

@@ -0,0 +1,39 @@
+#= require_self
+#= require cmsimple/models/page
+#= require cmsimple/models/path
+#= require cmsimple/panels/redirects/list
+#= require cmsimple/panels/redirects/form
+
+#= require cmsimple/views/redirects/list
+#= require cmsimple/views/redirects/_path
+
+class CMSimple.Panels.Redirects extends Mercury.Panel
+
+  constructor: ()->
+    super(null, 'redirects', title: 'Redirects', closeButton: true)
+    @button = $('.mercury-redirects-button')
+    @loadContent JST['cmsimple/views/redirects/list']()
+
+    @form = new CMSimple.Panels.Redirects.Form($('.add-redirect-form'))
+    @list = new CMSimple.Panels.Redirects.List($('ul.redirects', @element))
+
+  toggle: ->
+    super
+    if @visible
+      @list.refresh()
+      @resize()
+
+  # Overwriting the bindEvents to prevent the mousedown trap in the parent class
+  bindEvents: ->
+    Mercury.on 'resize', => @position(@visible)
+
+    Mercury.on 'hide:panels', (event, panel) =>
+      return if panel == @
+      @button.removeClass('pressed')
+      @hide()
+
+    @titleElement.find('.mercury-panel-close').on 'click', (event) ->
+      event.preventDefault()
+      Mercury.trigger('hide:panels')
+
+

data/app/assets/javascripts/cmsimple/panels/sitemap/index.coffee

@@ -0,0 +1,2 @@
+#= require cmsimple/lib/namespaces
+#= require ./panel

data/app/assets/javascripts/cmsimple/panels/sitemap/panel.coffee

@@ -0,0 +1,40 @@
+#= require_self
+#= require cmsimple/models/page
+#= require cmsimple/panels/sitemap/tree
+#= require cmsimple/panels/sitemap/sortable
+#= require cmsimple/views/sitemap/tree
+#= require cmsimple/views/sitemap/_page
+
+class CMSimple.Panels.Sitemap extends Mercury.Panel
+  constructor: ->
+    super(null, 'Sitemap', title: 'Site Map', appendTo: '.mercury-toolbar-container', closeButton: true)
+    @button = $('.mercury-sitemap-button')
+    @render()
+    @initializeTree()
+
+  initializeTree: ->
+    @tree = new CMSimple.Panels.Sitemap.Tree(@element)
+    # @tree.bind 'redraw', => @resize()
+
+  render: ->
+    @loadContent JST['cmsimple/views/sitemap/tree']()
+
+  # Overwriting the bindEvents to prevent the mousedown trap in the parent class
+  bindEvents: ->
+    Mercury.on 'resize', => @position(@visible)
+
+    Mercury.on 'hide:panels', (event, panel) =>
+      return if panel == @
+      @button.removeClass('pressed')
+      @hide()
+
+    @titleElement.find('.mercury-panel-close').on 'click', (event) ->
+      event.preventDefault()
+      Mercury.trigger('hide:panels')
+
+  toggle: ->
+    unless @visible
+      @tree.refresh()
+    super
+    @resize()
+

data/app/assets/javascripts/cmsimple/panels/sitemap/sortable.coffee

@@ -0,0 +1,55 @@
+#= require cmsimple/models/page
+
+class CMSimple.Panels.Sitemap.Sortable extends Spine.Controller
+  constructor: (@el)->
+    super el: @el
+    @setup()
+
+  setup: ->
+    @el.nestedSortable
+              connectWith: 'ul.child'
+              forcePlaceholderSize: true
+              handle: 'article'
+              helper: 'clone'
+              items: 'li'
+              listType: 'ul'
+              stop: @proxy @update
+              activate: @proxy @activate
+              deactivate: @proxy @deactivate
+              tolerance: 'pointer',
+              toleranceElement: '> article'
+
+    @el.disableSelection()
+
+    @el.bind 'sortable:refresh', => @el.nestedSortable('refreshPositions')
+
+  activate: ->
+    @el.find('> li').on 'hover', @over
+
+  deactivate: ->
+    @el.find('> li').off 'hover'
+
+  over: ->
+    item = $(@)
+
+    return if item.hasClass('ui-sortable-helper')
+
+    unless item.hasClass('open')
+      item.addClass('open')
+      item.find('ul.hidden').removeClass('hidden')
+      item.trigger('sortable:refresh')
+
+  update: (e, sortable)->
+    @updatePagePositions()
+    @updatePageParent(sortable.item)
+
+  updatePageParent: (el)->
+    page_id = el.data('id')
+    parent_id = el.parents('li').data('id') || null
+    page = CMSimple.Page.find(page_id)
+    page.updateAttributes(parent_id: parent_id)
+
+  updatePagePositions: ->
+    ids = _($('li', @el)).map (el) -> $(el).data('id')
+    CMSimple.Page.updatePositions(ids)
+

data/app/assets/javascripts/cmsimple/panels/sitemap/tree.coffee

@@ -0,0 +1,61 @@
+#= require cmsimple/panels/sitemap/sortable
+#= require cmsimple/models/page
+#= require cmsimple/views/sitemap/_page
+
+class CMSimple.Panels.Sitemap.Tree extends Spine.Controller
+  elements:
+    'ul.sitemap': 'sitemap'
+
+  events:
+    'click article .caret' : 'toggleChildren'
+
+  constructor: (@el)->
+    super el: @el
+    @bindEvents()
+    @openPages = {}
+
+  bindEvents: ->
+    $('button.add', @el).click @proxy @addNewPage
+    CMSimple.Page.bind 'refresh change', _.debounce (=> @render()), 100
+
+  refresh: ->
+    CMSimple.Page.fetch()
+
+  render: ->
+    @sitemap.html ''
+    @renderPages(@sitemap, CMSimple.Page.roots())
+    $('li', @sitemap).click @proxy @pageClick
+    @initializeSortable()
+    @trigger 'redraw'
+
+  initializeSortable: ->
+    new CMSimple.Panels.Sitemap.Sortable(@sitemap)
+
+  renderPages: (container, pages)->
+    for page in pages
+      item = @renderPage(page)
+      container.append(item)
+      if page.children().first()
+        @renderPages($('ul.child', item), page.sortedChildren())
+
+  renderPage: (page)->
+    $(JST['cmsimple/views/sitemap/_page'](page: page, open: @openPages[page.id]))
+
+  pageClick: (e)->
+    target = $(e.target)
+    unless target.hasClass('caret')
+      page_id = target.data('id') || $($(e.target).parents('[data-id]')).data('id')
+      @navigate(CMSimple.Page.find(page_id).editPath())
+
+  addNewPage: ->
+    Mercury.trigger 'action', action: 'newPage'
+
+  toggleChildren: (e)->
+    item = $(e.target).closest('[data-id]')
+    item.find('> ul.child').toggleClass('hidden')
+    item.find('> article .caret').toggleClass('north')
+    @toggleOpenReference(item.data('id'))
+
+  toggleOpenReference: (page_id)->
+    @openPages[page_id] = !@openPages[page_id]
+

data/app/assets/javascripts/cmsimple/panels/versions/index.coffee

@@ -0,0 +1,2 @@
+#= require cmsimple/lib/namespaces
+#= require ./panel

data/app/assets/javascripts/cmsimple/panels/versions/list.coffee

@@ -0,0 +1,51 @@
+#= require cmsimple/models/page
+#= require cmsimple/models/version
+#= require cmsimple/panels/versions/list
+#= require cmsimple/views/versions/_item
+
+class CMSimple.Panels.Versions.List extends Spine.Controller
+  events:
+    'click .view' : 'viewVersion'
+    'click .revert' : 'revertVersion'
+
+  constructor: (el)->
+    super el: $(el)
+
+    CMSimple.Version.bind 'refresh change', => @render()
+
+  render: ->
+    @html('')
+    @addVersion version for version in CMSimple.Editor.current_page.versions()
+
+  addVersion: (version)->
+    @append JST['cmsimple/views/versions/_item'](version)
+
+  viewVersion: (e)->
+    e.preventDefault()
+    button = $(e.target)
+    id = @idFromTarget(button)
+    CMSimple.Editor.current_page.trigger('version', id)
+    @toggleViewButton(button)
+    @trigger 'viewVersion'
+
+  revertVersion: (e)->
+    e.preventDefault()
+    if confirm 'Are you sure you would like to revert to this version?'
+      button = $(e.target)
+      id = @idFromTarget(button)
+      CMSimple.Version.find(id).revertTo()
+      @toggleViewButton(button)
+
+  idFromTarget: (target)->
+    item = target
+    id = item.data('id') || $(item.parents('[data-id]')[0]).data('id')
+
+  toggleViewButton: (button)->
+    @reset()
+    $('.btn', button.parent()).show()
+    button.hide()
+
+  reset: ->
+    @$('.revert').hide()
+    @$('.view').show()
+

data/app/assets/javascripts/cmsimple/panels/versions/panel.coffee

@@ -0,0 +1,53 @@
+#= require_self
+#= require cmsimple/models/page
+#= require cmsimple/models/version
+#= require cmsimple/panels/versions/list
+#= require cmsimple/views/versions/list
+#= require cmsimple/views/versions/_item
+
+class CMSimple.Panels.Versions extends Mercury.Panel
+
+  constructor: ()->
+    super(null, 'historyPanel', title: 'History', closeButton: true)
+
+    @button = $('.mercury-historyPanel-button')
+
+    @loadContent JST['cmsimple/views/versions/list']()
+    @panelActions = $('.panel-actions', @element)
+    @viewCurrentButton = $('.view-current', @panelActions)
+
+    @list = new CMSimple.Panels.Versions.List($('ul.versions', @element))
+    @list.bind 'viewVersion', => @showActionsPanel()
+
+    @bindPanelEvents()
+
+  toggle: ->
+    super
+    if @visible
+      CMSimple.Version.fetch(CMSimple.Editor.current_page)
+      @resize()
+
+  # Overwriting the bindEvents to prevent the mousedown trap in the parent class
+  bindEvents: ->
+    Mercury.on 'resize', => @position(@visible)
+
+    Mercury.on 'hide:panels', (event, panel) =>
+      return if panel == @
+      @button.removeClass('pressed')
+      @hide()
+
+    @titleElement.find('.mercury-panel-close').on 'click', (event) ->
+      event.preventDefault()
+      Mercury.trigger('hide:panels')
+
+  bindPanelEvents: ->
+    @viewCurrentButton.on 'click', (e)=> @reset()
+
+  reset: ->
+    @list.reset()
+    @panelActions.hide()
+    CMSimple.Editor.current_page.reload()
+
+  showActionsPanel: ->
+    @panelActions.show()
+

data/app/assets/javascripts/cmsimple/views/image_library/_item.jst.hamlc

@@ -0,0 +1,24 @@
+%li(data-id="#{@id}")
+  .media-item
+    .media-info
+      %dl
+        %dt Title
+        %dd= @title
+        %dt Url
+        %dd= @attachment.url
+        -# %dt Meta Tags
+        -# %dd burritos, salsa, queso, healthy
+      %a.close(href="#") ×
+
+    %img(src="#{@attachment.panel.url}" alt="#{@title}" data-id="#{@id}" data-full-url="#{@attachment.url}")
+  .media-caption
+    %p.media-name
+      %strong=@title
+    %p.media-size #{@width} x #{@height}
+    %p.media-actions
+      %a.info(href="#") info
+      |
+      -# %a.edit(href="#") edit
+      -# |
+      %a.delete(href="#") delete
+