tribeca_cms 0.1.1

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

@@ -0,0 +1,83 @@
+Locomotive.Views.Shared ||= {}
+Locomotive.Views.Shared.Fields ||= {}
+
+class Locomotive.Views.Shared.Fields.SelectView extends Backbone.View
+
+  el: '#edit-select-option-entries'
+
+  select_options_view: null
+
+  initialize: ->
+    _.bindAll(@, 'save', 'on_save')
+
+    @create_dialog()
+
+    super()
+
+  render: ->
+    @render_select_options_view()
+
+    @open()
+
+  render_for: (name, callback) ->
+    @name = name; @on_save_callback = callback
+
+    @custom_field = @model.get('entries_custom_fields').find((field) => field.get('name') == @name)
+
+    @render()
+
+  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()
+
+        @$form =          @$('.placeholder').formSubmitNotification() # fake form
+        @$buttons_pane =  @$('.dialog-actions').appendTo($(@el).parent()).addClass('ui-dialog-buttonpane ui-widget-content ui-helper-clearfix')
+
+        @$buttons_pane.find('#close-link').click (event) => @close(event)
+        @$buttons_pane.find('input[type=submit]').click @save
+
+      open: (event, ui, extra) =>
+        $(@el).dialog('overlayEl').bind 'click', => @close()
+        # nothing to do
+
+  save: (event) ->
+    event.stopPropagation() & event.preventDefault()
+
+    @$form.trigger 'ajax:beforeSend'
+    $.rails.disableFormElements(@$buttons_pane)
+
+    @model.save {}, success: @on_save, error: @on_save
+
+  on_save: (model, response, xhr) =>
+    $.rails.enableFormElements(@$buttons_pane)
+    model._normalize()
+    @$form.trigger('ajax:complete')
+    @on_save_callback(@custom_field.get('select_options').sortBy((option) -> option.get('position'))) if @on_save_callback?
+    @close()
+
+  render_select_options_view: ->
+    @select_options_view.remove() if @select_options_view?
+
+    @select_options_view = new Locomotive.Views.ContentTypes.SelectOptionsView
+      model:      @custom_field
+      collection: @custom_field.get('select_options')
+
+    @$('.placeholder').append(@select_options_view.render().el)
+
+  open: ->
+    $(@el).dialog('open')
+
+  close: (event) ->
+    event.stopPropagation() & event.preventDefault() if event?
+    $(@el).dialog('overlayEl').unbind('click')
+    $(@el).dialog('close')
+
+  center: ->
+    $(@el).dialog('option', 'position', 'center')
+

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

@@ -0,0 +1,138 @@
+Locomotive.Views.Shared ||= {}
+
+class Locomotive.Views.Shared.FormView extends Backbone.View
+
+  el: '#content'
+
+  render: ->
+    # make title editable (if possible)
+    @make_title_editable()
+
+    @_hide_last_separator()
+
+    # make inputs foldable (if specified)
+    @make_inputs_foldable()
+
+    # allow users to save with CTRL+S or CMD+s
+    @enable_save_with_keys_combination()
+
+    # enable form notifications
+    @enable_form_notifications()
+
+    return @
+
+  save: (event) ->
+    # by default, follow the default behaviour
+
+  save_in_ajax: (event, options) ->
+    event.stopPropagation() & event.preventDefault()
+
+    form = $(event.target).trigger('ajax:beforeSend')
+
+    @clear_errors()
+
+    options ||= { headers: {}, on_success: null, on_error: null }
+
+    previous_attributes = _.clone @model.attributes
+
+    @model.save {},
+      headers:  options.headers
+      silent:   true # since we pass an empty hash above, no need to trigger the callbacks
+      success: (model, response, xhr) =>
+        form.trigger('ajax:complete')
+
+        model.attributes = previous_attributes
+
+        options.on_success(response, xhr) if options.on_success
+
+      error: (model, xhr) =>
+        form.trigger('ajax:complete')
+
+        errors = JSON.parse(xhr.responseText)
+
+        @show_errors errors
+
+        options.on_error() if options.on_error
+
+  make_title_editable: ->
+    title = @$('h2 a.editable')
+
+    if title.size() > 0
+      target = @$("##{title.attr('rel')}")
+      target.parent().hide()
+
+      title.click (event) =>
+        event.stopPropagation() & event.preventDefault()
+        newValue = prompt(title.attr('title'), title.html());
+        if newValue && newValue != ''
+          title.html(newValue)
+          target.val(newValue).trigger('change')
+
+  make_inputs_foldable: ->
+    self = @
+    @$('.formtastic fieldset.foldable.folded ol').hide()
+    @$('.formtastic fieldset.foldable legend').click ->
+      parent  = $(@).parent()
+      content = $(@).next()
+
+      if parent.hasClass 'folded'
+        parent.removeClass 'folded'
+        content.slideDown 100, -> self.after_inputs_fold(parent)
+      else
+        content.slideUp 100, -> parent.addClass('folded')
+
+  enable_save_with_keys_combination: ->
+    $.cmd 'S', (() =>
+      # make sure that the current text field gets saved too
+      input = @$('form input[type=text]:focus, form input[type=password]:focus')
+      input.trigger('change') if input.size() > 0
+
+      @$('form input[type=submit]').trigger('click')
+    ), [], ignoreCase: true
+
+
+  enable_form_notifications: ->
+    @$('form').formSubmitNotification()
+
+  after_inputs_fold: ->
+    # overide this method if necessary
+
+  clear_errors: ->
+    @$('.inline-errors').remove()
+
+  show_errors: (errors) ->
+    for attribute, message of errors
+      if _.isString(message[0])
+        html = $("<div class=\"inline-errors\"><p>#{message[0]}</p></div>")
+        @show_error attribute, message[0], html
+      else
+        @show_error attribute, message
+
+  show_error: (attribute, message, html) ->
+    input = @$("##{@model.paramRoot}_#{attribute}")
+    input = @$("##{@model.paramRoot}_#{attribute}_id") if input.size() == 0
+
+    return unless input.size() > 0
+
+    anchor = input.parent().find('.error-anchor')
+    anchor = input if anchor.size() == 0
+    anchor.after(html)
+
+  _enable_checkbox: (name, options) ->
+    options     ||= {}
+    model_name  = options.model_name || @model.paramRoot
+
+    @$("li##{model_name}_#{name}_input input[type=checkbox]").checkToggle
+      on_callback: =>
+        _.each options.features, (exp) -> @$("li##{model_name}_#{exp}_input").hide()
+        options.on_callback() if options.on_callback?
+        @_hide_last_separator()
+      off_callback: =>
+        _.each options.features, (exp) -> @$("li##{model_name}_#{exp}_input").show()
+        options.off_callback() if options.off_callback?
+        @_hide_last_separator()
+
+  _hide_last_separator: ->
+    _.each @$('fieldset'), (fieldset) =>
+      $(fieldset).find('li.last').removeClass('last')
+      $(_.last($(fieldset).find('li.input:visible'))).addClass('last')

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

@@ -0,0 +1,22 @@
+Locomotive.Views.Shared ||= {}
+
+class Locomotive.Views.Shared.ListItemView extends Backbone.View
+
+  tagName: 'li'
+
+  events:
+    'click a.remove': 'remove_item'
+
+  template: ->
+    # please overide template
+
+  render: ->
+    $(@el).html(@template()(@model.toJSON()))
+
+    return @
+
+  remove_item: (event) ->
+    event.stopPropagation() & event.preventDefault()
+
+    if confirm $(event.target).attr('data-confirm')
+      @model.destroy()

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

@@ -0,0 +1,53 @@
+Locomotive.Views.Shared ||= {}
+
+class Locomotive.Views.Shared.ListView extends Backbone.View
+
+  tagName: 'div'
+
+  _item_views = []
+
+  initialize: ->
+    _.bindAll(@, 'insert_item', 'remove_item')
+    @collection.bind('add', @insert_item)
+    @collection.bind('remove', @remove_item)
+
+  template: ->
+    # please overide template
+
+  item_view_class: ->
+    # please overide item_view_class
+
+  render: ->
+    $(@el).html(@template()())
+
+    @render_items()
+
+    return @
+
+  render_items: ->
+    if @collection.length == 0
+      @$('.no-items').show()
+    else
+      @collection.each (item) =>
+        @insert_item(item)
+
+  insert_item: (item) ->
+    klass = @item_view_class()
+    view = new klass model: item, parent_view: @
+
+    (@_item_views ||= []).push(view)
+
+    @$('.no-items').hide()
+    @$('ul').append(view.render().el)
+
+  remove_item: (item) ->
+    @$('.no-items').show() if @collection.length == 0
+    view = _.find @_item_views, (tmp) -> tmp.model == item
+    view.remove() if view?
+
+  remove: ->
+    _.each @_item_views, (view) => view.remove()
+    super
+
+
+

data/app/assets/javascripts/locomotive/views/sites/domain_entry_view.js.coffee

@@ -0,0 +1,26 @@
+Locomotive.Views.Sites ||= {}
+
+class Locomotive.Views.Sites.DomainEntryView extends Backbone.View
+
+  tagName: 'li'
+
+  className: 'domain'
+
+  events:
+    'change input[type=text]' : 'change'
+    'click a.remove':           'remove'
+
+  render: ->
+    $(@el).html(ich.domain_entry(@model.toJSON()))
+
+    return @
+
+  change: (event) ->
+    value = $(event.target).val()
+    @options.parent_view.change_entry(@model, value)
+
+  remove: (event) ->
+    event.stopPropagation() & event.preventDefault()
+    @$('input[type=text]').editableField('destroy')
+    @options.parent_view.remove_entry(@model)
+    super()

data/app/assets/javascripts/locomotive/views/sites/domains_view.js.coffee

@@ -0,0 +1,84 @@
+Locomotive.Views.Sites ||= {}
+
+class Locomotive.Views.Sites.DomainsView extends Backbone.View
+
+  tagName: 'div'
+
+  className: 'list'
+
+  _entry_views = []
+
+  events:
+    'click .new-entry a.add': 'add_entry'
+    'keypress .new-entry input[type=text]': 'add_on_entry_from_enter'
+
+  render: ->
+    $(@el).html(ich.domains_list(@model.toJSON()))
+
+    @render_entries()
+
+    @enable_ui_effects()
+
+    return @
+
+  add_entry: (event) ->
+    event.stopPropagation() & event.preventDefault()
+
+    input = @$('.new-entry input[name=domain]')
+
+    if input.val() != ''
+      domain = new Locomotive.Models.Domain name: input.val()
+
+      @model.get('domains').push(domain)
+
+      @_insert_entry(domain)
+
+      @$('ul li.domain:last input[type=text]').editableField()
+      @$('.empty').hide()
+
+      input.val('') # reset for further entries
+
+  add_on_entry_from_enter: (event) ->
+    return if event.keyCode != 13
+    @add_entry(event)
+
+  change_entry: (domain, value) ->
+    domain.set name: value
+
+  remove_entry: (domain) ->
+    list = _.reject @model.get('domains'), (_domain) => _domain == domain
+    @model.set domains: list
+    @$('.empty').show() if @model.get('domains').length == 0
+
+  render_entries: ->
+    if @model.get('domains').length == 0
+      @$('.empty').show()
+    else
+      _.each @model.get('domains'), (domain) =>
+        @_insert_entry(domain)
+
+      @show_errors()
+
+  show_errors: ->
+    _.each @options.errors.domain || [], (message) => @show_error(message)
+
+  show_error: (message) ->
+    _.each (@_entry_views || []), (view) ->
+      if new RegExp("^#{view.model.get('name')}").test message
+        html = $('<span></span>').addClass('inline-errors').html(message)
+        view.$('input[type=text].path').after(html)
+
+  enable_ui_effects: ->
+    @$('.domain input[type=text]').editableField()
+
+  _insert_entry: (domain) ->
+    view = new Locomotive.Views.Sites.DomainEntryView model: domain, parent_view: @
+
+    (@_entry_views ||= []).push(view)
+
+    @$('ul').append(view.render().el)
+
+
+
+
+

data/app/assets/javascripts/locomotive/views/sites/membership_entry_view.js.coffee

@@ -0,0 +1,31 @@
+Locomotive.Views.Sites ||= {}
+
+class Locomotive.Views.Sites.MembershipEntryView extends Backbone.View
+
+  className: 'entry'
+
+  events:
+    'change select' :   'change'
+    'click a.remove':   'remove'
+
+  render: ->
+    data        = @model.toJSON()
+    data.index  = @options.index
+
+    $(@el).html(ich.membership_entry(data))
+
+    $(@el).attr('data-role', @model.get('role'))
+
+    @$('select').val(@model.get('role'))
+
+    return @
+
+  change: (event) ->
+    value = $(event.target).val()
+    @options.parent_view.change_entry(@model, value)
+
+  remove: (event) ->
+    event.stopPropagation() & event.preventDefault()
+    @$('select').editableField('destroy')
+    @options.parent_view.remove_entry(@model)
+    super()

data/app/assets/javascripts/locomotive/views/sites/memberships_view.js.coffee

@@ -0,0 +1,41 @@
+Locomotive.Views.Sites ||= {}
+
+class Locomotive.Views.Sites.MembershipsView extends Backbone.View
+
+  tagName: 'div'
+
+  className: 'list'
+
+  _entry_views = []
+
+  render: ->
+    @render_entries()
+
+    @enable_ui_effects()
+
+    return @
+
+  change_entry: (membership, value) ->
+    membership.set role: value
+
+  remove_entry: (membership) ->
+    membership.set _destroy: true
+
+  render_entries: ->
+    @model.get('memberships').each (membership, index) =>
+      @_insert_entry(membership, index)
+
+  enable_ui_effects: ->
+    @$('.entry select').editableField()
+
+  _insert_entry: (membership, index) ->
+    view = new Locomotive.Views.Sites.MembershipEntryView model: membership, parent_view: @, index: index
+
+    (@_entry_views ||= []).push(view)
+
+    $(@el).append(view.render().el)
+
+
+
+
+