tribeca_cms 0.1.1

data/app/assets/javascripts/locomotive/views/pages/edit_view.js.coffee

@@ -0,0 +1,31 @@
+Locomotive.Views.Pages ||= {}
+
+class Locomotive.Views.Pages.EditView extends Locomotive.Views.Pages.FormView
+
+  save: (event) ->
+    event.stopPropagation() & event.preventDefault()
+
+    form = $(event.target).trigger('ajax:beforeSend')
+
+    @clear_errors()
+
+    @model.save {},
+      success: (model, response, xhr) =>
+        form.trigger('ajax:complete')
+
+        model._normalize()
+
+        if model.get('template_changed') == true
+          @reset_editable_elements()
+        else
+          @refresh_editable_elements()
+
+        # refresh the show link
+        @$('#local-actions-bar > a.show').attr('href', "/#{@model.get('fullpath')}")
+
+      error: (model, xhr) =>
+        form.trigger('ajax:complete')
+
+        errors = JSON.parse(xhr.responseText)
+
+        @show_errors errors

data/app/assets/javascripts/locomotive/views/pages/index_view.js.coffee

@@ -0,0 +1,11 @@
+Locomotive.Views.Pages ||= {}
+
+class Locomotive.Views.Pages.IndexView extends Backbone.View
+
+  el: '#content'
+
+  render: ->
+    @index_view = new Locomotive.Views.Pages.ListView()
+    @index_view.render()
+
+    return @

data/app/assets/javascripts/locomotive/views/pages/list_view.js.coffee

@@ -0,0 +1,40 @@
+Locomotive.Views.Pages ||= {}
+
+class Locomotive.Views.Pages.ListView extends Backbone.View
+
+  el: '#pages-list'
+
+  render: ->
+    @make_foldable()
+
+    @make_sortable()
+
+    return @
+
+  make_foldable: ->
+    @$('ul.folder .toggler').toggleMe()
+
+  make_sortable: ->
+    self = @
+
+    @$('ul.folder').sortable
+      handle: 'em'
+      axis:   'y'
+      update: (event, ui) -> self.call_sort $(@)
+
+  call_sort: (folder) ->
+    $.rails.ajax
+      url:        folder.attr('data-url')
+      type:       'post'
+      dataType:   'json'
+      data:
+        children: (_.map folder.sortable('toArray'), (el) -> el.replace('item-', ''))
+        _method:  'put'
+      success:    @.on_successful_sort
+      error:      @.on_failed_sort
+
+  on_successful_sort: (data, status, xhr) ->
+    $.growl('success', xhr.getResponseHeader('X-Message'))
+
+  on_failed_sort: (data, status, xhr) ->
+    $.growl('error', xhr.getResponseHeader('X-Message'))

data/app/assets/javascripts/locomotive/views/pages/new_view.js.coffee

@@ -0,0 +1,8 @@
+Locomotive.Views.Pages ||= {}
+
+class Locomotive.Views.Pages.NewView extends Locomotive.Views.Pages.FormView
+
+  save: (event) ->
+    @save_in_ajax event,
+      on_success: (response, xhr) ->
+        window.location.href = xhr.getResponseHeader('location')

data/app/assets/javascripts/locomotive/views/shared/asset_picker_view.js.coffee

@@ -0,0 +1,92 @@
+Locomotive.Views.Shared ||= {}
+
+class Locomotive.Views.Shared.AssetPickerView extends Backbone.View
+
+  tag: 'div'
+
+  initialize: ->
+    _.bindAll(@, 'add_assets', 'add_asset', 'remove_asset')
+    @collection.bind('reset', @add_assets)
+    @collection.bind('add', @add_asset)
+    @collection.bind('remove', @remove_asset)
+
+  render: ->
+    $(@el).html(@template()())
+
+    @create_dialog()
+
+    return @
+
+  template: ->
+    # please overide template
+
+  fetch_assets: ->
+    # please overide fetch_assets
+
+  build_uploader: (el, link) ->
+    # please overide build_uploader
+
+  create_dialog: ->
+    @dialog ||= $(@el).dialog
+      autoOpen: false
+      modal:    true
+      zIndex:   window.application_view.unique_dialog_zindex()
+      width:    650,
+      create: (event, ui) =>
+        $(@el).prev().find('.ui-dialog-title').html(@$('h2').html())
+        @$('h2').remove()
+        actions = @$('.dialog-actions').appendTo($(@el).parent()).addClass('ui-dialog-buttonpane ui-widget-content ui-helper-clearfix')
+
+        actions.find('#close-link').click (event) => @close(event)
+
+        input = actions.find('input[type=file]')
+        link  = actions.find('#upload-link')
+
+        @build_uploader(input, link)
+
+      open: (event, ui, extra) =>
+        $(@el).dialog('overlayEl').bind 'click', => @close()
+
+  open: ->
+    $(@el).dialog('open')
+
+  close: (event) ->
+    event.stopPropagation() & event.preventDefault() if event?
+    $(@el).dialog('overlayEl').unbind('click')
+    $(@el).dialog('close')
+
+  shake: ->
+    $(@el).parents('.ui-dialog').effect('shake', { times: 4 }, 100)
+
+  center: ->
+    $(@el).dialog('option', 'position', 'center')
+
+  add_assets: (collection) ->
+    collection.each (asset) =>
+      @add_asset(asset, true)
+
+    @_refresh()
+
+  add_asset: (asset, first) ->
+    # please overide add_asset (the 'first' param is to know if it comes from the first collection fetch)
+
+  remove_asset: (asset) ->
+    # please overide remove_asset
+
+  _move_to_last_asset: ->
+    limit = @$('ul.list li.clear').position()
+    @$('ul.list').animate(scrollTop: limit.top, 100) if limit?
+
+  _refresh: ->
+    if @collection.length == 0
+      @$('ul.list').hide() & @$('p.no-items').show()
+    else
+      @$('p.no-items').hide() & @$('ul.list').show()
+      @_on_refresh()
+
+    @center() if @dialog?
+
+  _on_refresh: ->
+
+  _reset: ->
+    # for nothing to do

data/app/assets/javascripts/locomotive/views/shared/fields/file_view.js.coffee

@@ -0,0 +1,88 @@
+Locomotive.Views.Shared ||= {}
+Locomotive.Views.Shared.Fields ||= {}
+
+class Locomotive.Views.Shared.Fields.FileView extends Backbone.View
+
+  tagName: 'span'
+
+  className: 'file'
+
+  states:
+    change: false
+    delete: false
+
+  events:
+    'click a.change': 'toggle_change'
+    'click a.delete': 'toggle_delete'
+
+  template: ->
+    ich["#{@options.name}_file_input"]
+
+  render: ->
+    url   = @model.get("#{@options.name}_url") || ''
+    data  =
+      filename: url.split('/').pop()
+      url:      url
+
+    $(@el).html(@template()(data))
+
+    # only in HTML 5
+    @$('input[type=file]').bind 'change', (event) =>
+      input = $(event.target)[0]
+
+      if input.files?
+        name  = $(input).attr('name')
+        hash  = {}
+        hash[name.replace("#{@model.paramRoot}[", '').replace(/]$/, '')] = input.files[0]
+        @model.set(hash)
+
+    return @
+
+  refresh: ->
+    @$('input[type=file]').unbind 'change'
+    @states = { 'change': false, 'delete': false }
+    @render()
+
+  reset: ->
+    @model.set_attribute @options.name, null
+    @model.set_attribute "#{@options.name}_url", null
+    @refresh()
+
+  toggle_change: (event) ->
+    @_toggle event, 'change',
+      on_change: =>
+        @$('a:first').hide() & @$('input[type=file]').show() & @$('a.delete').hide()
+      on_cancel: =>
+        @$('a:first').show() & @$('input[type=file]').hide() & @$('a.delete').show()
+
+  toggle_delete: (event) ->
+    @_toggle event, 'delete',
+      on_change: =>
+        @$('a:first').addClass('deleted') & @$('a.change').hide()
+        @$('input[type=hidden].remove-flag').val('1')
+        @model.set_attribute("remove_#{@options.name}", true)
+      on_cancel: =>
+        @$('a:first').removeClass('deleted') & @$('a.change').show()
+        @$('input[type=hidden].remove-flag').val('0')
+        @model.set_attribute("remove_#{@options.name}", false)
+
+  _toggle: (event, state, options) ->
+    event.stopPropagation() & event.preventDefault()
+
+    button  = $(event.target)
+    label   = button.attr('data-alt-label')
+
+    unless @states[state]
+      options.on_change()
+    else
+      options.on_cancel()
+
+    button.attr('data-alt-label', button.html())
+
+    button.html(label)
+
+    @states[state] = !@states[state]
+
+  remove: ->
+    @$('input[type=file]').unbind 'change'
+    super

data/app/assets/javascripts/locomotive/views/shared/fields/has_many_view.js.coffee

@@ -0,0 +1,125 @@
+Locomotive.Views.Shared ||= {}
+Locomotive.Views.Shared.Fields ||= {}
+
+class Locomotive.Views.Shared.Fields.HasManyView extends Backbone.View
+
+  tagName: 'div'
+
+  className: 'list'
+
+  events:
+    'click p.actions a.add':          'open_new_entry_view'
+    'click ul span.actions a.edit':   'edit_entry'
+    'click ul span.actions a.remove': 'remove_entry'
+
+  template: ->
+    ich["#{@options.name}_list"]
+
+  entry_template: ->
+    ich["#{@options.name}_entry"]
+
+  initialize: ->
+    _.bindAll(@, 'refresh_position_entries')
+
+    @collection = @model.get(@options.name)
+
+    @build_target_entry_view()
+
+  render: ->
+    $(@el).html(@template()())
+
+    @insert_entries()
+
+    @make_entries_sortable()
+
+    return @
+
+  ui_enabled: ->
+    @template()?
+
+  insert_entries: ->
+    if @collection.length > 0
+      @collection.each (entry) => @insert_entry(entry)
+    else
+      @$('.empty').show()
+
+  insert_entry: (entry) ->
+    unless @collection.get(entry.get('_id'))?
+      @collection.add(entry)
+
+    @$('.empty').hide()
+    entry_html = $(@entry_template()(label: entry.get('_label')))
+    entry_html.data('data-entry-id', entry.id)
+    @$('> ul').append(entry_html)
+
+  make_entries_sortable: ->
+    @sortable_list = @$('> ul').sortable
+      handle: '.handle'
+      items:  'li'
+      axis:   'y'
+      update: @refresh_position_entries
+
+  refresh_position_entries: ->
+    @$('> ul > li').each (index, entry_html) =>
+      id    = $(entry_html).data('data-entry-id')
+      entry = @collection.get(id)
+      entry.set_attribute "position_in_#{@options.inverse_of}", index
+
+  build_target_entry_view: ->
+    @target_entry_view = new Locomotive.Views.ContentEntries.PopupFormView
+      el:           $("##{@options.name}-template-entry")
+      parent_view:  @
+      model:        @options.new_entry.clone() # by default, it does not matter
+
+    @target_entry_view.render()
+
+  edit_entry: (event) ->
+    event.stopPropagation() & event.preventDefault()
+
+    entry = @get_entry_from_element($(event.target))
+
+    @target_entry_view.reset(entry)
+    @target_entry_view.open()
+
+  update_entry: (entry) ->
+    entry_html = $(_.detect @$('> ul > li'), (_entry_html) -> $(_entry_html).data('data-entry-id') == entry.id)
+
+    @collection.get(entry.id).set(entry.attributes) # sync
+
+    new_entry_html = $(@entry_template()(label: entry.get('_label')))
+    new_entry_html.data('data-entry-id', entry.id)
+
+    entry_html.replaceWith(new_entry_html)
+
+  insert_or_update_entry: (entry) ->
+    if @collection.get(entry.id)?
+      @update_entry(entry)
+    else
+      @insert_entry(entry)
+
+  remove_entry: (event) ->
+    event.stopPropagation() & event.preventDefault()
+
+    if confirm($(event.target).attr('data-confirm'))
+      entry = @get_entry_from_element($(event.target))
+      entry.set _destroy: true
+
+      $(event.target).closest('li').remove()
+      @$('.empty').show() if @$('> ul > li').size() == 0
+      @refresh_position_entries()
+
+  open_new_entry_view: (event) ->
+    event.stopPropagation() & event.preventDefault()
+
+    @target_entry_view.reset(@options.new_entry.clone())
+    @target_entry_view.open()
+
+  get_entry_from_element: (element) =>
+    entry_html  = $(element).closest('li')
+    id          = $(entry_html).data('data-entry-id')
+    @collection.get(id)
+
+
+
+
+

data/app/assets/javascripts/locomotive/views/shared/fields/many_to_many_view.js.coffee

@@ -0,0 +1,131 @@
+Locomotive.Views.Shared ||= {}
+Locomotive.Views.Shared.Fields ||= {}
+
+class Locomotive.Views.Shared.Fields.ManyToManyView extends Backbone.View
+
+  tagName: 'div'
+
+  className: 'list'
+
+  events:
+    'click .new-entry a.add':         'add_entry'
+    'keypress .new-entry select':     'add_entry'
+    'click ul span.actions a.remove': 'remove_entry'
+
+  template: ->
+    ich["#{@options.name}_list"]
+
+  entry_template: ->
+    ich["#{@options.name}_entry"]
+
+  initialize: ->
+    _.bindAll(@, 'refresh_position_entries')
+
+    @collection   = @model.get(@options.name)
+    @all_entries  = @options.all_entries
+
+  render: ->
+    $(@el).html(@template()())
+
+    @insert_entries()
+
+    @make_entries_sortable()
+
+    @refresh_select_field()
+
+    return @
+
+  ui_enabled: ->
+    @template()?
+
+  insert_entries: ->
+    if @collection.length > 0
+      @collection.each (entry) => @insert_entry(entry)
+    else
+      @$('.empty').show()
+
+  insert_entry: (entry) ->
+    unless @collection.get(entry.get('_id'))?
+      @collection.add(entry)
+
+    @$('.empty').hide()
+    entry_html = $(@entry_template()(label: entry.get('_label')))
+    entry_html.data('data-entry-id', entry.id)
+    @$('> ul').append(entry_html)
+
+  make_entries_sortable: ->
+    @sortable_list = @$('> ul').sortable
+      handle: '.handle'
+      items:  'li'
+      axis:   'y'
+      update: @refresh_position_entries
+
+  refresh_position_entries: ->
+    @$('> ul > li').each (index, entry_html) =>
+      id    = $(entry_html).data('data-entry-id')
+      entry = @collection.get(id)
+      entry.set_attribute "__position", index
+
+  add_entry: (event) ->
+    event.stopPropagation() & event.preventDefault()
+
+    entry_id  = @$('.new-entry select').val()
+    entry     = @get_entry_from_id(entry_id)
+
+    return unless entry?
+
+    @insert_entry(entry)
+    @refresh_select_field()
+
+  remove_entry: (event) ->
+    event.stopPropagation() & event.preventDefault()
+
+    if confirm($(event.target).attr('data-confirm'))
+      entry = @get_entry_from_element($(event.target))
+      @collection.remove(entry)
+
+      $(event.target).closest('li').remove()
+      @$('.empty').show() if @$('> ul > li').size() == 0
+
+      @refresh_position_entries() & @refresh_select_field()
+
+  refresh_select_field: ->
+    @$('.new-entry select optgroup, .new-entry select option').remove()
+
+    _.each @all_entries, (entry_or_group) =>
+      if _.isArray(entry_or_group.entries)
+        group_html = $('<optgroup/>').attr('label', entry_or_group.name)
+
+        _.each entry_or_group.entries, (entry) =>
+          unless @collection.get(entry._id)?
+            option = new Option(entry._label, entry._id, false)
+            group_html.append(option)
+
+        @$('.new-entry select').append(group_html)
+      else
+        unless @collection.get(entry_or_group._id)?
+          option = new Option(entry_or_group._label, entry_or_group._id, false)
+          @$('.new-entry select').append(option)
+
+  get_entry_from_element: (element) ->
+    entry_html  = $(element).closest('li')
+    id          = $(entry_html).data('data-entry-id')
+    @collection.get(id)
+
+  get_entry_from_id: (id) ->
+    entry = null
+
+    _.each @all_entries, (entry_or_group) =>
+      if _.isArray(entry_or_group.entries)
+        entry ||= _.detect(entry_or_group.entries, (_entry) => _entry._id == id)
+      else
+        entry = entry_or_group if entry_or_group._id == id
+
+    if entry?
+      new Locomotive.Models.ContentEntry(entry)
+    else
+      null
+
+
+
+