noodall-ui 0.0.2

data/public/javascripts/admin/application.js

@@ -0,0 +1,586 @@
+// Turn off fnacy box keypresses
+$.fn.fancybox.defaults.enableEscapeButton = false;
+
+// We should remove once JQuery UI is updated
+$.extend($.ui.autocomplete, {
+  escapeRegex: function(value) {
+    return value.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1");
+  },
+  filter: function(array, term) {
+    var matcher = new RegExp($.ui.autocomplete.escapeRegex(term), "i");
+    return $.grep(array, function(value) {
+      return matcher.test(value.label || value.value || value);
+    });
+  }
+});
+
+Cufon.replace('#content h1', {
+  hover: 'true',
+  fontFamily: 'Gotham Book'
+});
+
+Cufon.replace('#header h1', {
+  hover: 'true',
+  fontFamily: 'Gotham Bold'
+});
+
+function setup_tooltips() {
+  // tooltip for question mark icons
+  var version = parseInt($.browser.version.substr(0, 1));
+  var tooltip_elements = 'span.tooltip';
+  if ($.browser.msie && version == 6) {
+    return false;
+  }
+  else {
+    $(tooltip_elements).unbind();
+    $(tooltip_elements).hover(
+    function() {
+      this.tip = this.title;
+      $(this).append('<div class="tooltip-show">' + this.tip + '</div>');
+      this.title = "";
+      this.width = $(this).width();
+      $(this).find('.tooltip-show').css({
+        left: this.width - 22
+      });
+      $('.tooltip-show').fadeIn(400);
+    },
+    function() {
+      $('.tooltip-show').fadeOut(400);
+      $(this).children().remove();
+      this.title = this.tip;
+    });
+  }
+}
+
+$(document).ready(function() {
+
+  //video previews
+  domain = window.location.href.replace(/http:\/\/([^\/]+)\/.*/i,'$1');
+  var videoUrl = 'video=http://'+ domain + escape($('a.lightboxVideo').attr('href')) + '&standalone=true';
+  
+  $('a.lightboxVideo').fancybox({
+    'padding': 10,
+    'autoScale': true,
+    'transitionIn': 'elastic',
+    'transitionOut': 'elastic',
+    'title': false,
+    'titleShow': false,
+    'width': 700,
+    'height': 400,
+    'type': 'swf',
+
+    'swf': {
+      'allowFullScreen': true,
+      'flashvars': videoUrl,
+      wmode: 'transparent'
+    },
+
+    'href': '/flash/video.swf',
+    'centerOnScroll': true
+  });
+
+  setup_tooltips();
+  // Template Choices
+  $('.template label img').hide();
+  $('.template label img').css({
+    position: 'absolute'
+  });
+  $('.template input:radio:checked').parent().children('img').show();
+  $('.template input').click(function() {
+    $('.template label img').hide();
+    $(this).parent().children('img').fadeIn('fast');
+  });
+
+  //Field Types on form creator
+  if ($('#field-type').length > 0) {
+
+    var current_help = '';
+    $('.field-help').hide();
+    $('#' + $('#field-type option:selected').val()).show();
+
+    current_help = $('#' + $('#field-type option:selected').val());
+
+    $('#field-type').change(function() {
+      $(current_help).hide('fast');
+      $('#' + $('#field-type option:selected').val()).show('fast');
+      current_help = $('#' + $('#field-type option:selected').val());
+    });
+  }
+
+  // Advanced Publishing Options
+  //hide the options if you click outside of the grey box (needs improving to include the tinymce window)
+  $('#main-form').click(function(e) {
+    //Hide the menus if visible
+    if ($(".show-advanced a.advanced").hasClass('open')) {
+      e.stopPropagation();
+      $("#advanced").stop(true, true).slideUp("fast");
+      $(".show-advanced a.advanced").removeClass("open");
+    }
+  });
+
+  $("#advanced").hide();
+  $("legend.advanced").hide();
+    
+  $(".show-advanced").append("<a class='advanced' href='#advanced'>Advanced</a>");
+
+  $(".show-advanced a.advanced").click(
+  function() {
+    if ($(".show-advanced a.advanced").hasClass('open')) {
+      $("#advanced").stop(true, true).slideUp("fast");
+      $(".show-advanced a.advanced").removeClass("open");
+    } else {
+      $("#advanced").stop(true, true).slideDown("fast");
+      $(".show-advanced a.advanced").addClass("open");
+      $(".show-advanced a.advanced.open").fadeIn("fast");
+    }
+  });
+  
+  
+  
+  
+  
+
+  $('body#assets.index .file').click(function() {
+    document.location = $(this).find("a.show").attr('href');
+  });
+
+  // slot form lightbox, used in nodes cms forms
+  $('a.slot_link').fancybox({
+    'autoScale': false,
+    // 'transitionIn'  : 'none',
+    // 'transitionOut'  : 'none',
+    'title': false,
+    'centerOnScroll': true,
+    'hideOnOverlayClick': true,
+    'hideOnContentClick': false,
+    'onComplete': Component.fancy_open_slot
+  });
+
+  // Preview
+  preview_link = $('<a class="preview" href="#preview-pane" title="Content Preview">Preview</a>');
+
+  $("body#nodes.show #node_submit").after(preview_link);
+
+  // Using selectors as latest version of webkit does not like binding to objects
+  $('a.preview').fancybox({
+    'autoDimensions': false,
+    'width': '95%',
+    'height': '95%'
+  });
+  $('a.preview').click(get_preview_html);
+  // Original code
+  // preview_link.fancybox({
+  //      'autoDimensions' : false,
+  //      'width'          : '95%',
+  //      'height'         : '95%'
+  // });
+  // preview_link.click(get_preview_html);
+  // Change the component
+  $('select.component-selector').bind('change', open_component_form);
+
+  // Set up table
+  initComponentTable();
+
+  // Set up multi files
+  // Hide the last multi file li which is empty and used as a template
+  $('li.multi-file:last-child').hide();
+  // Hide the file details elements
+  $('li.multi-file .file-form').hide();
+  // Make them sortable
+  $('.multi-file-files ol').sortable({
+    axis: 'y',
+    handle: 'img'
+  });
+
+  // Add emptys div for browsers/preview
+  $('body').append('<div style="display:none;"><div id="asset-browser"></div><div id="tree-browser"></div><div id="preview-pane"><iframe name="preview-frame" src="about:blank"/></div></div>');
+});
+
+function get_preview_html(e) {
+  preview_params = $('div#content form').serializeArray();
+  var preview_form = $("<form>").attr("method", "post").attr("sytle", "display:none;").attr("target", "preview-frame").attr("action", $('div#content form').attr('action') + "/preview");
+  $.each(preview_params, function(i, element) {
+    if (element.name != '_method') {
+      $("<input type='hidden'>").attr("name", element.name).attr("value", element.value).appendTo(preview_form);
+    }
+  });
+  preview_form.appendTo("body");
+  preview_form.submit();
+  preview_form.remove();
+};
+
+function initComponentTable() {
+  // Mark slots that have content as filled
+  $('table.component-table td a').each(function(i, link) {
+    target = '#' + this.href.split('#').pop();
+    if ($(target + ' .component_form_detail').text().replace(/[\s\t]/g, '') != "") {
+      $(this).addClass('filled');
+    }
+  });
+}
+
+var Node = {
+  id: function() {
+    return $('form#node-form').attr('action').split('/').pop();
+  }
+};
+
+var Component = {
+  last_slot_index: 0,
+  last_slot_type: null,
+  last_component_type: null,
+  set_slot: function(select_tag) {
+    target = $(select_tag);
+    Component.last_component_type = target.val();
+    Component.last_slot_type = target.attr('id').replace(/([^_]+)_slot_\d+_type/i, "$1");
+    Component.last_slot_index = target.attr('id').replace(/[^_]+_slot_(\d+)_type/i, "$1");
+  },
+  fancy_open_slot: function(args) {
+    Component.open_slot(args[0]);
+  },
+  open_slot: function(slot_link) {
+    Component.slot_form_id = '#' + $(slot_link).attr('href').split('#').pop();
+    Component.slot_form = $(Component.slot_form_id);
+    Component.slot_reset = Component.slot_form.clone();
+
+    //trigger load events attached to any textareas (tinymce)
+    Component.slot_reset.find('textarea.lite-editor').tinymce(lite_tiny_mce_config);
+  },
+  reopen_slot: function(e) {
+    // reopen the last form
+    $.fancybox({
+      'href': Component.slot_form_id,
+      'onComplete': function(){ $(Component.slot_form_id + ' textarea.lite-editor').tinymce(lite_tiny_mce_config); }
+    });
+  },
+  reset_slot: function(e) {
+    $.fancybox.close();
+    Component.slot_form.replaceWith(Component.slot_reset.clone());
+
+    // Reset
+    Component.slot_form = $(Component.slot_form_id);
+    
+    // Make file selectors sortable
+    Component.slot_form.find('.multi-file-files ol').sortable({
+      axis: 'y',
+      handle: 'img'
+    });
+    Component.slot_form.find('select.component-selector').bind('change', open_component_form);
+
+    $('#' + Component.last_slot_type + '_slot_' + Component.last_slot_index + '_tag').html(Component.slot_form.find('select.component-selector').val());
+    return false;
+  },
+  add_asset: function(asset_id) {
+    file_form = Component.slot_form.find('.multi-file:last').first().clone();
+    file_form.prepend(Browser.assets_to_add_html[asset_id]);
+    file_form.find('.asset_id').val(asset_id);
+    Component.slot_form.find('.multi-file-files ol li:last').before(file_form); // Before the last as the last is the hidden emtpty
+    file_form.show();
+    // Hide the file details elements
+    Component.slot_form.find('li.multi-file .file-form').hide();
+  },
+  add_all_assets: function() {
+    $.each(Browser.assets_to_add, function(i, asset_id){
+       Component.add_asset(asset_id); 
+    });
+    Component.reopen_slot();
+  }
+};
+
+var Browser = {
+  assets_to_add: [],
+  assets_to_add_html: [],
+  allowed_types: [],
+  mode: 'single', // Single or Multi
+  set_opener: function(opening_tag) {
+    Browser.opener = opening_tag;
+    types_text = Browser.opener.siblings('.types').text();
+    if (types_text && types_text.length > 0) {
+      Browser.allowed_types = types_text.toLowerCase().split(', ');
+    } else {
+      Browser.allowed_types = [];
+    }
+  },
+  toggle_added_asset: function(id) {
+    id_in_array = Browser.assets_to_add.indexOf(id);
+    if (id_in_array == -1) {
+      Browser.assets_to_add.push(id);
+      Browser.assets_to_add_html[id] = $('#asset-' + asset_id ).clone();
+    } else {
+      Browser.assets_to_add.splice(id_in_array,1);
+      Browser.assets_to_add_html.splice(id_in_array,1);
+    }
+    if (Browser.mode == 'single') {
+      Browser.do_action_and_close();
+    }
+  },
+  toggle_from_link: function(e) {
+    // Get the id from the href
+    asset_id = $(this).siblings('a.show').attr('href').split('?')[0].split('/').pop();
+    $(this).toggleClass('selected');
+    Browser.toggle_added_asset(asset_id);
+    return false;
+  },
+  attach_asset: function() {
+    asset_id = Browser.assets_to_add[0];
+    if (asset_id) {
+        // Remove the current
+      $(Browser.opener).closest('.file-selectable').find('.file-detail').remove();
+      // Set the detail
+      $(Browser.opener).closest('.file-selectable').prepend(Browser.assets_to_add_html[asset_id]);
+      // Stick it in the asset_id
+      $(Browser.opener).closest('.file-selectable').find('.asset_id').val(asset_id);
+    }
+    return false;
+  },
+  close: function() {
+    Browser.before_close();
+    $('#asset-browser').removeClass(Browser.mode);
+    Browser.assets_to_add = [];
+    Browser.allowed_types = [];
+    Browser.mode = 'single';
+    Browser.after_close();
+    // Reset callbacks
+    Browser.before_close = $.noop;
+    Browser.after_close = $.noop;
+    return false;
+  },
+  open: function() {
+    // open asset lightbox
+    action = '/';
+    if (Browser.allowed_types.length > 0) {
+      action += Browser.allowed_types[0];
+    } 
+    $.get("/admin/assets" + action, {
+      allowed_types: Browser.allowed_types,
+      mode: Browser.mode,
+      readonly:true
+    },
+    function() {
+      // reopen the opening form if you close this form
+      $.fancybox({
+        href: '#asset-browser',
+        onClosed: Browser.close
+      });
+      $('#asset-browser').addClass(Browser.mode);
+    },
+    'script');
+
+    return false;
+  },
+  after_ajax: function() {
+    if (Browser.mode == 'multi') {
+      $.each(Browser.assets_to_add, function(i, asset_id){
+        $('#asset-' + asset_id).siblings('a.add').addClass('selected'); 
+      }); 
+    }
+  },
+  do_action_and_close: function() {
+    Browser.action();
+    Browser.close();
+  },
+  // Callback stubs to be overridden
+  before_close: $.noop,
+  after_close: $.noop,
+  action: $.noop
+};
+
+function open_component_form(e) {
+  Component.set_slot(e.target);
+
+  form_detail = $(e.target).closest('div.component_form').find('.component_form_detail');
+
+  // Set the slot to nil to clear on save
+  form_detail.html('<input name="node[' + Component.last_slot_type + '_slot_' + Component.last_slot_index + ']" type="hidden" value=""/>');
+
+  table_cell = $("table.component-table td a[href$='" + Component.slot_form_id + "']");
+
+  if (Component.last_component_type == '') {
+    $('#' + Component.last_slot_type + '_slot_' + Component.last_slot_index + '_tag').html('');
+    // Mark table cell as filled
+    table_cell.removeClass('filled');
+    return;
+  }
+  table_cell.addClass('filled');
+
+  prefix = target.attr('id').replace(/([^_]+_slot_\d+)_type/i, "$1");
+
+  // get module html
+  $.get('/admin/components/form/' + Component.last_component_type.toLowerCase().replace(/\s/g, '_'), {
+    slot: Component.last_slot_type + '_slot_' + Component.last_slot_index
+  },
+  function(data) {
+    form_detail.html(data);
+    $('#' + Component.last_slot_type + '_slot_' + Component.last_slot_index + '_tag').html(Component.last_component_type);
+    Component.slot_form.find('li.multi-file').last().hide();
+    Component.slot_form.find('textarea.lite-editor').tinymce(lite_tiny_mce_config);
+  });
+};
+
+function clear_component_form(e) {
+  slot_form = $(e.target).closest('div.component_form');
+  select_tag = slot_form.find('select.component-selector');
+  select_tag.val('');
+  select_tag.trigger('change');
+  $.fancybox.close();
+    //remove filled indicator
+  $("table.component-table td a[href$='#" + slot_form.attr('id') + "']").removeClass('filled');
+}
+
+function detach_asset_browser_image(event) {
+  form_detail = $(event.target).closest('.component_form_detail');
+
+  if (form_detail.find('input.asset_id').size() > 2) {
+    //remove this one
+  } else {
+
+  }
+}
+
+
+// LIVE ELEMENTS
+// Comment delete buttons
+$('table.comments a.delete').live('click', function() {
+  if (confirm('Are you sure you wish to delete this comment?')) {
+    $.ajax({
+      url: $(this).attr('href'),
+      type: 'DELETE',
+      contentType: 'text/javascript'
+    });
+  }
+  return false;
+});
+
+// the button at the bottom of ever component lightbox that does the same thing as the lightbox close button
+$('.form-save').live('click', $.fancybox.close);
+
+// the button at the bottom of every component lightbox that clears component
+$('.form-reset').live('click', Component.reset_slot);
+
+// the button at the bottom of every component lightbox that clears component
+$('.form-delete').live('click', clear_component_form);
+
+// Cancel button
+$('#asset-browser li.cancel a').live('click', Browser.close);
+
+// Action button
+$('#asset-browser li.action a').live('click', Browser.do_action_and_close);
+
+// Open the file select 
+$('span.select-file').live('click', function(event) {
+  Browser.set_opener($(this));
+  Browser.action = Browser.attach_asset;
+  Browser.open();
+});
+// After close the file select in component form reopen slot form
+$('.component_form span.select-file').live('click', function(event) {
+  Browser.after_close = Component.reopen_slot;
+});
+
+// Open the file select for multi file component
+$('.add-multi-asset').live('click', function(event) {
+  Browser.mode = 'multi';
+  Browser.set_opener($(this));
+  Browser.action = Component.add_all_assets;
+  Browser.after_close = Component.reopen_slot;
+  Browser.open();
+});
+
+// Mark an asset to be added an asset into the component
+$('#asset-browser a.add').live('click', Browser.toggle_from_link);
+
+// Remove multi file
+$('li.multi-file span.done').live('click', function(e) {
+  $(this).closest('.multi-file').find('.file-form').hide();
+});
+
+$('li.multi-file span.edit').live('click', function(e) {
+  $(this).closest('.multi-file').find('.file-form').toggle();
+});
+
+$("li.multi-file span.delete").live("click", function(e) {
+  $(this).closest('li.multi-file').remove();
+});
+
+// Node mover and shaker
+$('span.node-mover, #parent-title').live('click', function(event) {
+  node_id = $(this).closest('form').attr('action').split('/').pop();
+  // open asset lightbox
+  $.get("/admin/nodes/tree", {
+    allowed_types: $('#parent_types').val().split(','),
+    not_branch: node_id
+  },
+  function() {
+    // reopen the opening form if you close this form
+    $.fancybox({
+      href: '#tree-browser',
+      title: "Select a parent"
+    });
+    $('#tree-browser').attr('class', 'parent');
+    $('#tree-browser .tree:first').append('<li><a id="id-none">Root</a></li>');
+  },
+  'script');
+
+  event.stopImmediatePropagation();
+  return false;
+});
+
+$('#tree-browser ol.tree span.expand').live('click', function(e) {
+  $(this).toggleClass('expanded').siblings('ol.tree').toggle();
+});
+
+$('#tree-browser.parent a').live('click', function(e) {
+  id = this.id.replace('id-', '');
+  $('#node_parent').val(id);
+  $('#parent-title').html($(this).text() + '<a class="edit-item">Edit</a>');
+  $.fancybox.close();
+  return false;
+});
+
+// Node Linker
+$('span.link-node').live('click', function(event) {
+  Component.link_input = $(this).siblings('input').first();
+  // open asset lightbox
+  $.get("/admin/nodes/tree", function() {
+    // reopen the opening form if you close this form
+    $.fancybox({
+      href: '#tree-browser',
+      title: "Link to content"
+    });
+    $('#tree-browser').attr('class', 'link');
+  },
+  'script');
+
+  event.stopImmediatePropagation();
+  return false;
+});
+
+$('#tree-browser.link a').live('click', function(e) {
+  $(Component.link_input).val($(this).attr('href'));
+  Component.reopen_slot();
+  return false;
+});
+
+// Asset Linker
+$('span.link-asset').live('click', {readonly:true}, function(event) {
+  Component.link_input = $(this).siblings('input').first();
+  Component.allowed_types = [];
+  // open asset lightbox
+  $.get("/admin/assets", function() {
+    // reopen the opening form if you close this form
+    $.fancybox({
+      href: '#asset-browser'
+    });
+    $('#asset-browser').attr('class', 'link');
+  },
+  'script');
+
+  event.stopImmediatePropagation();
+  return false;
+});
+
+$('#asset-browser.link a.add').live('click', function(e) {
+  $(Component.link_input).val($(this).attr('href'));
+  Component.reopen_slot();
+  return false;
+});

data/public/javascripts/admin/asset_edit.js

@@ -0,0 +1,30 @@
+function tagsAutocomplete() {
+  $.get('/admin/assets/tags.json', function(data) {
+    $("input#asset_tag_list").autocomplete({
+      minLength: 0,
+      source: function(request, response) {
+        // delegate back to autocomplete, but extract the last term
+        response($.ui.autocomplete.filter(data, request.term.split(/,\s*/).pop()));
+      },
+      focus: function() {
+        // prevent value inserted on focus
+        return false;
+      },
+      select: function(event, ui) {
+        var terms = this.value.split(/,\s*/);
+        // remove the current input
+        terms.pop();
+        // add the selected item
+        terms.push( ui.item.value );
+        // add placeholder to get the comma-and-space at the end
+        terms.push("");
+        this.value = terms.join(", ");
+        return false;
+      }
+    });
+  });
+}
+
+$(function() {
+  tagsAutocomplete();
+});