tribeca_cms 0.1.1

data/app/assets/javascripts/locomotive/views/content_assets/picker_item_view.js.coffee

@@ -0,0 +1,30 @@
+Locomotive.Views.ContentAssets ||= {}
+
+class Locomotive.Views.ContentAssets.PickerItemView extends Backbone.View
+
+  tagName: 'li'
+
+  className: 'asset'
+
+  events:
+    'click h4 a, .icon, .image':  'select_asset'
+    'click a.remove':             'remove_asset'
+
+  render: ->
+    $(@el).html(ich.content_asset(@model.toJSON()))
+
+    return @
+
+  select_asset: (event) ->
+    event.stopPropagation() & event.preventDefault()
+    @on_select(@model)
+
+  on_select: ->
+    @options.parent.options.on_select(@model) if @options.parent.options.on_select
+
+  remove_asset: (event) ->
+    event.stopPropagation() & event.preventDefault()
+
+    message = $(event.target).attr('data-confirm') || $(event.target).parent().attr('data-confirm')
+
+    @model.destroy() if confirm(message)

data/app/assets/javascripts/locomotive/views/content_assets/picker_view.js.coffee

@@ -0,0 +1,58 @@
+#= require ../shared/asset_picker_view
+
+Locomotive.Views.ContentAssets ||= {}
+
+class Locomotive.Views.ContentAssets.PickerView extends Locomotive.Views.Shared.AssetPickerView
+
+  number_items_per_row: 4
+
+  _item_views: []
+
+  template: ->
+    ich.content_asset_picker
+
+  fetch_assets: ->
+    @_reset()
+    @collection.fetch
+      success: () =>
+        @open()
+
+  build_uploader: (el, link) ->
+    link.bind 'click', (event) ->
+      event.stopPropagation() & event.preventDefault()
+      el.click()
+
+    el.bind 'change', (event) =>
+      _.each event.target.files, (file) =>
+        asset = new Locomotive.Models.ContentAsset(source: file)
+        asset.save {},
+          headers:  { 'X-Flash': true }
+          success:  (model, response) => @collection.add(model.prepare())
+          error:    => @shake()
+
+  add_asset: (asset, first) ->
+    view = new Locomotive.Views.ContentAssets.PickerItemView model: asset, parent: @
+
+    (@_item_views ||= []).push(view)
+    @$('ul.list .clear').before(view.render().el)
+
+    @_refresh()
+
+    @_move_to_last_asset() unless first == true
+
+  remove_asset: (asset) ->
+    view = _.find @_item_views, (tmp) -> tmp.model == asset
+    view.remove() if view?
+    @_refresh()
+
+  _on_refresh: ->
+    self = @
+    @$('ul.list li.asset').each (index) ->
+      if (index + 1) % self.number_items_per_row == 0
+        $(@).addClass('last')
+      else
+        $(@).removeClass('last')
+
+  _reset: ->
+    _.each @_item_views || [], (view) -> view.remove()
+    super()

data/app/assets/javascripts/locomotive/views/content_entries/_form_view.js.coffee

@@ -0,0 +1,144 @@
+#= require ../shared/form_view
+
+Locomotive.Views.ContentEntries ||= {}
+
+class Locomotive.Views.ContentEntries.FormView extends Locomotive.Views.Shared.FormView
+
+  el: '#content'
+
+  _select_field_view: null
+
+  _file_field_views: []
+
+  _has_many_field_views: []
+
+  _many_to_many_field_views: []
+
+  events:
+    'submit': 'save'
+
+  initialize: ->
+    @content_type ||= new Locomotive.Models.ContentType(@options.content_type)
+
+    @model ||= new Locomotive.Models.ContentEntry(@options.content_entry)
+
+    Backbone.ModelBinding.bind @
+
+  render: ->
+    super()
+
+    @enable_checkboxes()
+
+    @enable_datepickers()
+
+    @enable_richtexteditor()
+
+    @enable_select_fields()
+
+    @enable_file_fields()
+
+    @enable_has_many_fields()
+
+    @enable_many_to_many_fields()
+
+    @slugify_label_field()
+
+    return @
+
+  enable_checkboxes: ->
+    @$('li.input.toggle input[type=checkbox]').checkToggle()
+
+  enable_datepickers: ->
+    @$('li.input.date input[type=text]').datepicker()
+
+  enable_richtexteditor: ->
+    _.each @$('li.input.rte textarea.html'), (textarea) =>
+      settings = _.extend {}, @tinyMCE_settings(),
+        oninit: ((editor) =>
+          $.cmd 'S', (() =>
+            editor.save()
+            $(textarea).trigger('changeSilently')
+            @$('form').trigger('submit')
+          ), [], ignoreCase: true, document: editor.dom.doc),
+        onchange_callback: (editor) =>
+          editor.save()
+          $(textarea).trigger('changeSilently')
+
+      $(textarea).tinymce(settings)
+
+  enable_select_fields: ->
+    @_select_field_view = new Locomotive.Views.Shared.Fields.SelectView model: @content_type
+
+    _.each @model.get('select_custom_fields'), (name) =>
+      $input_wrapper = @$("##{@model.paramRoot}_#{name}_id_input")
+
+      $input_wrapper.append(ich.edit_select_options_button())
+
+      $input_wrapper.find('a.edit-options-button').bind 'click', (event) =>
+        event.stopPropagation() & event.preventDefault()
+
+        @_select_field_view.render_for name, (options) =>
+          # refresh the options of the select box
+          $select = $input_wrapper.find('select')
+          $select.find('option[value!=""]').remove()
+
+          _.each options, (option) =>
+            unless option.destroyed()
+              $select.append(new Option(option.get('name'), option.get('id'), false, option.get('id') == @model.get("#{name}_id")))
+
+  enable_file_fields: ->
+    _.each @model.get('file_custom_fields'), (name) =>
+      view = new Locomotive.Views.Shared.Fields.FileView model: @model, name: name
+
+      @_file_field_views.push(view)
+
+      @$("##{@model.paramRoot}_#{name}_input label").after(view.render().el)
+
+  enable_has_many_fields: ->
+    unless @model.isNew()
+      _.each @model.get('has_many_custom_fields'), (field) =>
+        name = field[0]; inverse_of = field[1]
+        new_entry = new Locomotive.Models.ContentEntry(@options["#{name}_new_entry"])
+        view      = new Locomotive.Views.Shared.Fields.HasManyView model: @model, name: name, new_entry: new_entry, inverse_of: inverse_of
+
+        if view.ui_enabled()
+          @_has_many_field_views.push(view)
+
+          @$("##{@model.paramRoot}_#{name}_input label").after(view.render().el)
+
+  enable_many_to_many_fields: ->
+    _.each @model.get('many_to_many_custom_fields'), (field) =>
+      name = field[0]
+      view = new Locomotive.Views.Shared.Fields.ManyToManyView model: @model, name: name, all_entries: @options["all_#{name}_entries"]
+
+      if view.ui_enabled()
+        @_many_to_many_field_views.push(view)
+
+        @$("##{@model.paramRoot}_#{name}_input label").after(view.render().el)
+
+  slugify_label_field: ->
+    @$('li.input.highlighted > input[type=text]').slugify(target: @$('#content_entry__slug'))
+
+  refresh_file_fields: ->
+    _.each @_file_field_views, (view) => view.refresh()
+
+  refresh: ->
+    @$('li.input.toggle input[type=checkbox]').checkToggle('sync')
+    _.each @_file_field_views, (view) => view.refresh()
+
+  reset: ->
+    @$('li.input.string input[type=text], li.input.text textarea, li.input.date input[type=text]').val('').trigger('change')
+    _.each @$('li.input.rte textarea.html'), (textarea) => $(textarea).tinymce().setContent(''); $(textarea).trigger('change')
+    _.each @_file_field_views, (view) => view.reset()
+    @$('li.input.toggle input[type=checkbox]').checkToggle('sync')
+
+  remove: ->
+    @_select_field_view.remove()
+    _.each @_file_field_views, (view) => view.remove()
+    _.each @_has_many_field_views, (view) => view.remove()
+    _.each @_many_to_many_field_views, (view) => view.remove()
+    super
+
+  tinyMCE_settings: ->
+    window.Locomotive.tinyMCE.defaultSettings
+

data/app/assets/javascripts/locomotive/views/content_entries/_popup_form_view.js.coffee

@@ -0,0 +1,90 @@
+#= require ../shared/form_view
+
+Locomotive.Views.ContentEntries ||= {}
+
+class Locomotive.Views.ContentEntries.PopupFormView extends Locomotive.Views.ContentEntries.FormView
+
+  initialize: ->
+    @create_dialog()
+
+    super()
+
+  render: ->
+    super()
+
+    return @
+
+  save: (event) ->
+    @save_in_ajax event,
+      headers:  { 'X-Flash': true }
+      on_success: (response, xhr) =>
+        entry = new Locomotive.Models.ContentEntry(response)
+        @options.parent_view.insert_or_update_entry(entry)
+        @close()
+
+  create_dialog: ->
+    @dialog = $(@el).dialog
+      autoOpen: false
+      modal:    true
+      zIndex:   window.application_view.unique_dialog_zindex()
+      width:    770,
+      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)
+        actions.find('input[type=submit]').click (event) =>
+          # since the submit buttons are outside the form, we have to mimic the behaviour of a basic form
+          $form = @el.find('form'); $buttons_pane = $(event.target).parent()
+
+          $.rails.disableFormElements($buttons_pane)
+
+          $form.trigger('submit').bind 'ajax:complete', => $.rails.enableFormElements($buttons_pane)
+
+      open: (event, ui, extra) =>
+        $(@el).dialog('overlayEl').bind 'click', => @close()
+        # nothing to do
+
+  open: ->
+    parent_el = $(@el).parent()
+    if @model.isNew()
+      parent_el.find('.edit-section').hide()
+      parent_el.find('.new-section').show()
+    else
+      parent_el.find('.new-section').hide()
+      parent_el.find('.edit-section').show()
+
+    @clear_errors()
+
+    $(@el).dialog('open')
+
+  close: (event) ->
+    event.stopPropagation() & event.preventDefault() if event?
+    @clear_errors()
+    $(@el).dialog('overlayEl').unbind('click')
+    $(@el).dialog('close')
+
+  center: ->
+    $(@el).dialog('option', 'position', 'center')
+
+  reset: (entry) =>
+    @model.set entry.attributes
+
+    if entry.isNew()
+      @model.id = null
+      super()
+    else
+      @refresh()
+
+  slugify_label_field: ->
+    # disabled in a popup form
+
+  enable_has_many_fields: ->
+    # disabled in a popup form
+
+  enable_many_to_many_fields: ->
+    # disabled in a popup form
+
+  tinyMCE_settings: ->
+    _.extend { language: window.locale }, window.Locomotive.tinyMCE.popupSettings

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

@@ -0,0 +1,9 @@
+Locomotive.Views.ContentEntries ||= {}
+
+class Locomotive.Views.ContentEntries.EditView extends Locomotive.Views.ContentEntries.FormView
+
+  save: (event) ->
+    @save_in_ajax event,
+      on_success: (response, xhr) =>
+        @model.update_attributes(response)
+        @refresh_file_fields()

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

@@ -0,0 +1,36 @@
+Locomotive.Views.ContentEntries ||= {}
+
+class Locomotive.Views.ContentEntries.IndexView extends Backbone.View
+
+  el: '#content'
+
+  render: ->
+    @make_sortable()
+
+    return @
+
+  make_sortable: ->
+    self = @
+
+    @$('ul#entries-list.sortable').sortable
+      handle: 'span.handle'
+      items:  'li.item'
+      axis:   'y'
+      update: (event, ui) -> self.call_sort $(@)
+
+  call_sort: (folder) ->
+    $.rails.ajax
+      url:        folder.attr('data-url')
+      type:       'post'
+      dataType:   'json'
+      data:
+        entries: (_.map folder.sortable('toArray'), (el) -> el.replace('entry-', ''))
+        _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/content_entries/new_view.js.coffee

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

data/app/assets/javascripts/locomotive/views/content_types/_form_view.js.coffee

@@ -0,0 +1,86 @@
+#= require ../shared/form_view
+
+Locomotive.Views.ContentTypes ||= {}
+
+class Locomotive.Views.ContentTypes.FormView extends Locomotive.Views.Shared.FormView
+
+  el: '#content'
+
+  events:
+    'submit': 'save'
+
+  initialize: ->
+    @model = new Locomotive.Models.ContentType(@options.content_type)
+
+    Backbone.ModelBinding.bind @
+
+  render: ->
+    super()
+
+    @render_custom_fields()
+
+    @slugify_name() # slugify the slug field from name
+
+    @enable_liquid_editing() # turn textarea into editable liquid code zone
+
+    @enable_public_submission_checkbox()
+
+    @enable_order_by_toggler()
+
+    return @
+
+  render_custom_fields: ->
+    @custom_fields_view = new Locomotive.Views.ContentTypes.CustomFieldsView model: @model, inverse_of_list: @options.inverse_of_list
+
+    @$('#custom_fields_input').append(@custom_fields_view.render().el)
+
+  slugify_name: ->
+    @$('#content_type_name').slugify(target: @$('#content_type_slug'), sep: '_')
+
+  enable_liquid_editing: ->
+    input = @$('#content_type_raw_item_template')
+    @editor = CodeMirror.fromTextArea input.get()[0],
+      mode:             'liquid'
+      autoMatchParens:  false
+      lineNumbers:      false
+      passDelay:        50
+      tabMode:          'shift'
+      theme:            'default'
+      onChange: (editor) => @model.set(raw_item_template: editor.getValue())
+
+  after_inputs_fold: ->
+    @editor.refresh()
+
+  enable_public_submission_checkbox: ->
+    @_enable_checkbox 'public_submission_enabled',
+      on_callback: => @$('#content_type_public_submission_accounts_input').show()
+      off_callback: => @$('#content_type_public_submission_accounts_input').hide()
+
+  enable_order_by_toggler: ->
+    @$('#content_type_order_by_input').bind 'change', (event) =>
+      target = @$('#content_type_order_direction_input')
+      if $(event.target).val() == '_position'
+        target.hide()
+      else
+        target.show()
+
+  show_error: (attribute, message, html) ->
+    if attribute != 'entries_custom_fields'
+      super
+    else
+      return if _.isEmpty(message)
+
+      _.each _.keys(message), (key) =>
+        _messages = message[key]
+
+        if key == 'base'
+          html = $("<div class=\"inline-errors\"><p>#{_messages[0]}</p></div>")
+          @$('#custom_fields_input .list').after(html)
+        else
+          view = @custom_fields_view.find_entry_view(key)
+          view.show_error(_messages[0]) if view?
+
+  remove: ->
+    @custom_fields_view.remove()
+    super
+