refinerycms 0.9.5.31 → 0.9.6

data/public/javascripts/refinery/admin.js

@@ -1,65 +1,636 @@
-init_tooltips = function(args){
-  jQuery(jQuery(args != null ? args : 'a[title], #image_grid img[title]')).each(function(index, element)
-  {
-    new Tooltip(element, {mouseFollow:false, delay: 0, opacity: 1, appearDuration:0, hideDuration: 0, rounded: false});
-  });
-};
+$(document).ready(function(){
 
-FastInit.addOnLoad(function()
-{
+  init_flash_messages();
+  init_delete_confirmations();
+  init_sortable_menu();
+  init_submit_continue();
+  init_modal_dialogs();
   init_tooltips();
+
   // focus first field in an admin form.
-  jQuery('form input[type=text]:first').focus();
+  $('form input[type=text]:first').focus();
+});
+
+init_delete_confirmations = function() {
+  $('a.confirm-delete').click(function(e) {
+    if (confirm("Are you sure you want to " + (t=$(this).attr('title'))[0].toLowerCase() + t.substring(1) + "?")) {
+      $("<form method='POST' action='" + $(this).attr('href') + "'></form>")
+        .append("<input type='hidden' name='_method' value='delete' />")
+        .append("<input type='hidden' name='authenticity_token' value='" + $('#admin_authenticity_token').val() + "'/>")
+        .appendTo('body').submit();
+    }
+    e.preventDefault();
+  });
+}
+
+init_flash_messages = function(){
+  $('#flash').fadeIn(550);
+  $('#flash_close').click(function(e) {
+     $('#flash').fadeOut({duration: 330});
+     e.preventDefault();
+  });
+}
 
-  jQuery('a[href*="dialog=true"]').each(function(i, anchor)
+init_modal_dialogs = function(){
+  $('a[href*="dialog=true"]').each(function(i, anchor)
   {
-    ['modal=true', 'width=928', 'height=473', 'titlebar=true', 'draggable=true'].each(function(feature)
-    {
-      if (anchor.href.indexOf(feature.split('=')[0] + '=') == -1)
-      {
-        anchor.href += "&" + feature;
-      }
+    $(anchor).click(function(e){
+      iframe = $("<iframe id='dialog_iframe' src='" + $(this).attr('href') + "'></iframe>");
+      iframe.dialog({
+        title: $(anchor).attr('title') || $(anchor).attr('name') || $(anchor).html() || null,
+        modal: true,
+        resizable: false,
+        autoOpen: true,
+        width: (parseInt($(anchor.href.match("width=([0-9]*)")).last().get(0))||928),
+        height: (parseInt($(anchor.href.match("height=([0-9]*)")).last().get(0))||473)
+      });
+      e.preventDefault();
+    });
+  });
+}
+
+init_sortable_menu = function(){
+  var $menu = $('#menu');
+
+  if($menu.length == 0){return}
+
+  $menu.sortable({
+    axis: 'x',
+    cursor: 'crosshair',
+    items: '.tab',
+    update: function(){
+      var ser   = $menu.sortable('serialize', {key: 'menu[]'}),
+          token = escape($('#admin_authenticity_token').val());
+
+      $.get('/admin/update_menu_positions?' + ser, {authenticity_token: token});
+    }
+  });
+  //Initial status disabled
+  $menu.sortable('disable');
+
+  $menu.find('#menu_reorder').click(function(e){
+    e.preventDefault();
+    $('#menu_reorder, #menu_reorder_done').toggle();
+    $('#header >*:not(#menu, script), #content, #logout').fadeTo(500, 0.2);
+    $menu.find('.tab a').click(function(ev){
+      ev.preventDefault();
     });
 
-    tb_init(anchor);
+    $menu.sortable('enable');
   });
 
-  jQuery('#submit_continue_button').bind('click', function(e) {
+  $menu.find('#menu_reorder_done').click(function(e){
+    e.preventDefault();
+    $('#menu_reorder, #menu_reorder_done').toggle();
+    $('#header >*:not(#menu, script), #content, #logout').fadeTo(500, 1);
+    $menu.find('.tab a').unbind('click');
+
+    $menu.sortable('disable');
+  });
+}
+
+init_submit_continue = function(){
+  $('#submit_continue_button').click(function(e) {
     // ensure wymeditors are up to date.
-    if (jQuery(this).hasClass('wymupdate')) {
-      WYMeditor.INSTANCES.each(function(wym)
+    if ($(this).hasClass('wymupdate')) {
+      $.each(WYMeditor.INSTANCES, function(index, wym)
       {
         wym.update();
       });
     }
 
-    jQuery('#continue_editing').val(true);
-    jQuery('#flash').fadeOut(250)
+    $('#continue_editing').val(true);
+    $('#flash').fadeOut(250)
 
-    jQuery.post(this.form.action, this.form.serialize(), function(data) {
-      if ((flash_container = $('flash_container')) != null) {
-        flash_container.update(data);
+    $('.fieldWithErrors').removeClass('fieldWithErrors').addClass('field');
+    $('#flash_container .errorExplanation').remove();
 
-        jQuery('#flash').css('width', 'auto').fadeIn(550);
+    $.post(this.form.action, $(this.form).serialize(), function(data) {
+      if ((flash_container = $('#flash_container')).length > 0) {
+        flash_container.html(data);
 
-        jQuery('.errorExplanation').each(function(i, node) {
-          if (node.parentNode.id != 'flash_container') {
-            node.remove();
-          }
-        });
+        $('#flash').css('width', 'auto').fadeIn(550);
 
-        jQuery('.fieldWithErrors').each(function(i, field) {
-          field.removeClassName('fieldWithErrors').addClassName('field');
-        });
+        $('.errorExplanation').not($('#flash_container .errorExplanation')).remove();
 
-        $('flash_container').scrollTo();
+        if ((error_fields = $('#fieldsWithErrors').val()) != null) {
+          $.each(error_fields.split(','), function() {
+            $("#" + this).wrap("<div class='fieldWithErrors' />");
+          });
+        }
 
-        jQuery('#continue_editing').val(false);
+        $('.fieldWithErrors:first :input:first').focus();
 
-        jQuery('.fieldWithErrors:first :input:first').focus();
+        $('#continue_editing').val(false);
       }
     });
 
     e.preventDefault();
   });
-});
+}
+
+init_tooltips = function(args){
+  if (typeof(Tooltip) != "undefined") {
+    $($(args != null ? args : 'a[title], #image_grid img[title]')).each(function(index, element)
+    {
+      new Tooltip(element, {mouseFollow:false, delay: 0, opacity: 1, appearDuration:0, hideDuration: 0, rounded: false});
+    });
+  }
+}
+
+var link_dialog = {
+  init: function(test_url, test_email){
+    this.test_url = test_url;
+    this.test_email = test_email;
+    this.init_tabs();
+    this.init_close();
+    this.page_tab();
+    this.web_tab();
+    this.email_tab();
+  },
+
+  init_tabs: function(){
+    var radios = $('#dialog_menu_left input:radio');
+    var selected = radios.parent().filter(".selected_radio").find('input:radio').first() || radios.first();
+
+    radios.click(function(){
+      link_dialog.switch_area($(this));
+    });
+
+    selected.attr('checked', 'true');
+    link_dialog.switch_area(selected);
+  },
+
+  init_close: function(){
+    $('#TB_title .close_dialog, #dialog_container .close_dialog').click(function(e) {
+      e.preventDefault();
+
+      // if we're in a frame
+      if(parent && typeof(parent.tb_remove) == "function"){
+        parent.tb_remove();
+
+      } // if we're not in a frame
+      else if(typeof(tb_remove) == 'function'){
+        tb_remove();
+      }
+    });
+  },
+
+  switch_area: function(area){
+    $('#dialog_menu_left .selected_radio').removeClass('selected_radio');
+    $(area).parent().addClass('selected_radio');
+    $('#dialog_main .dialog_area').hide();
+    $('#' + $(area).val() + '_area').show();
+  },
+
+  //Same for resources tab
+  page_tab: function(){
+    $('.link_list li').click(function(e){
+      e.preventDefault();
+
+      remove_linked_class();
+      $(this).addClass('linked');
+
+      function remove_linked_class(){
+        $('.link_list li.linked').removeClass('linked');
+      }
+
+      var link = $(this).children('a.page_link').get(0);
+      var port = (window.location.port.length > 0 ? (":" + window.location.port) : "");
+      var url = link.href.replace(window.location.protocol + "//" + window.location.hostname + port, "");
+
+      link_dialog.update_parent(url, link.rel);
+    });
+  },
+
+  web_tab: function(){
+    $('#web_address_text').change(function(){
+      var prefix = '#web_address_',
+          icon = '';
+
+      $(prefix + 'test_loader').show();
+      $(prefix + 'test_result').hide();
+      $(prefix + 'test_result').removeClass('success_icon').removeClass('failure_icon');
+
+      $.getJSON(link_dialog.test_url, {url: this.value}, function(data){
+        if(data.result == 'success'){
+          icon = 'success_icon';
+        }else{
+          icon = 'failure_icon';
+        }
+
+        $(prefix + 'test_result').addClass(icon).show();
+        $(prefix + 'test_loader').hide();
+      });
+
+      link_dialog.update_parent( $(prefix + 'text').val(),
+                                 $(prefix + 'text').val(),
+                                 ($(prefix + 'target_blank').checked ? "_blank" : "")
+                               );
+    });
+
+    $('#web_address_target_blank').click(function(){
+      parent.document.getElementById('wym_target').value = this.checked ? "_blank" : "";
+    });
+
+  },
+
+  email_tab: function(){
+    $('#email_address_text, #email_default_subject_text, #email_default_body_text').change(function(e){
+      var default_subject = $('#email_default_subject_text').val(),
+          default_body = $('#email_default_body_text').val(),
+          mailto = "mailto:" + $('#email_address_text').val(),
+          modifier = "?",
+          icon = '';
+
+      $('#email_address_test_loader').show();
+      $('#email_address_test_result').hide();
+      $('#email_address_test_result').removeClass('success_icon').removeClass('failure_icon');
+
+      $.getJSON(link_dialog.test_email, {email: mailto}, function(data){
+        if(data.result == 'success'){
+          icon = 'success_icon';
+        }else{
+          icon = 'failure_icon';
+        }
+
+        $('#email_address_test_result').addClass(icon).show();
+        $('#email_address_test_loader').hide();
+      });
+
+      if(default_subject.length > 0){
+        mailto += modifier + "subject=" + default_subject;
+        modifier = "&";
+      }
+
+      if(default_body.length > 0){
+        mailto += modifier + "body=" + default_body;
+        modifier = "&";
+      }
+
+      link_dialog.update_parent(mailto, mailto.replace('mailto:', ''));
+    });
+  },
+
+  update_parent: function(url, title, target){
+      parent.document.getElementById('wym_href').value = url;
+      parent.document.getElementById('wym_title').value = title;
+      parent.document.getElementById('wym_target').value = target || '';
+  }
+}
+
+
+var page_options = {
+  init: function(enable_parts, new_part_url, del_part_url){
+    this.enable_parts = enable_parts;
+    this.new_part_url = new_part_url;
+    this.del_part_url = del_part_url;
+    this.show_options();
+    this.title_type();
+
+    // Hook into the loaded function. This will be called when WYMeditor has done its thing.
+    WYMeditor.loaded = function(){
+      page_options.tabs = $('#page-tabs').tabs({tabTemplate: '<li><a href="#{href}">#{label}</a></li>'});
+    }
+
+    if(this.enable_parts){
+      this.page_part_dialog();
+    }
+  },
+
+  show_options: function(){
+    $('#toggle_advanced_options').click(function(e){
+      e.preventDefault();
+      $('#more_options').toggle();
+    });
+  },
+
+  title_type: function(){
+    $("input[name=page\[custom_title_type\]]").change(function(){
+      $('#custom_title_text, #custom_title_image').hide();
+      $('#custom_title_' + this.value).show();
+    });
+  },
+
+  page_part_dialog: function(){
+    $('#new_page_part_dialog').dialog({
+      title: 'Create Content Section',
+      modal: true,
+      resizable: false,
+      autoOpen: false,
+      width: 600
+    });
+
+    $('#add_page_part').click(function(e){
+      e.preventDefault();
+      $('#new_page_part_dialog').dialog('open');
+    });
+
+    $('#new_page_part_save').click(function(e){
+      e.preventDefault();
+
+      var part_title = $('#new_page_part_title').val();
+
+      if(part_title.length > 0){
+        var tab_title = part_title.toLowerCase().replace(" ", "_");
+
+        if ($('#part_' + tab_title).size() == 0) {
+          $.get(page_options.new_part_url,
+            {
+              title: part_title
+              , part_index: $('#new_page_part_index').val()
+              , body: ''
+            }
+            , function(data, status){
+              // Add a new tab for the new content section.
+              $('#page_part_editors').append(data);
+              page_options.tabs.tabs('add', '#page_part_new_' + $('#new_page_part_index').val(), part_title);
+              page_options.tabs.tabs('select', '#page_part_new_' + $('#new_page_part_index').val());
+
+              // turn the new textarea into a wymeditor.
+              $('#page_parts_attributes_' + $('#new_page_part_index').val() + "_body").wymeditor(wymeditor_boot_options);
+
+              // Wipe the title and increment the index counter by one.
+              $('#new_page_part_index').val(parseInt($('#new_page_part_index').val()) + 1);
+              $('#new_page_part_title').val('');
+
+              $('#page-tabs').tabs();
+            }
+          );
+        }else{
+          alert("A content section with that title already exists, please choose another.");
+        }
+      }else{
+        alert("You have not entered a title for the content section, please enter one.");
+      }
+
+
+      $('#new_page_part_dialog').dialog('close');
+    });
+
+    $('#new_page_part_cancel').click(function(e){
+      e.preventDefault();
+      $('#new_page_part_dialog').dialog('close');
+      $('#new_page_part_title').val('');
+    });
+
+    $('#delete_page_part').click(function(e){
+      e.preventDefault();
+      var stab_id = page_options.tabs.tabs('option', 'selected');
+      var part_id = $('#page_parts_attributes_' + stab_id + '_id').val();
+      //console.log('stab_id: ' + stab_id + ' part_id: ' + part_id);
+
+      var result = confirm("This will remove the content section '" + $('#page_parts .ui-tabs-selected a').html() + "' when the page is saved and erase all content that has been entered into it, Are you sure?");
+      if(part_id && result){
+        $.ajax({
+          url: page_options.del_part_url + '/' + part_id,
+          type: 'DELETE'
+        });
+        page_options.tabs.tabs('remove', stab_id);
+        //WYMeditor.loaded();
+      }
+
+    });
+
+  }
+
+}
+
+var image_dialog = {
+  init: function(){
+    this.init_tabs();
+    this.init_select();
+    this.init_submit();
+    this.init_close();
+  },
+
+  init_tabs: function(){
+    var radios = $('#dialog_menu_left input:radio');
+    var selected = radios.parent().filter(".selected_radio").find('input:radio').first() || radios.first();
+
+    radios.click(function(){
+      link_dialog.switch_area($(this));
+    });
+
+    selected.attr('checked', 'true');
+    link_dialog.switch_area(selected);
+  },
+
+  switch_area: function(radio){
+    $('#dialog_menu_left .selected_radio').removeClass('selected_radio');
+    $(radio).parent().addClass('selected_radio');
+    $('#dialog_main .dialog_area').hide();
+    $('#' + radio.value + '_area').show();
+  },
+
+  init_select: function(){
+    $('#existing_image_area_content ul li img').click(function(){
+        image_dialog.set_image(this);
+    });
+    //Select any currently selected, just uploaded...
+    if ((selected_image = $('#existing_image_area_content ul li.selected img')).length > 0) {
+      image_dialog.set_image(selected_image.first());
+    }
+  },
+
+  set_image: function(img){
+    if ($(img).length > 0) {
+      $('#existing_image_area_content ul li.selected').removeClass('selected');
+
+      $(img).parent().addClass('selected');
+      var imageUrl = parseURL($(img).attr('src'));
+      var relevant_src = imageUrl.pathname.replace('_dialog_thumb', '');
+      if (imageUrl.protocol == "" && imageUrl.hostname == "system") {
+        relevant_src = "/system" + relevant_src;
+      }
+
+      if(imageUrl.hostname.match(/s3.amazonaws.com/)){
+        relevant_src = imageUrl.protocol + '//' + imageUrl.host + relevant_src;
+      }
+
+      try {
+        parent.document.getElementById('wym_src').value = relevant_src;
+        parent.document.getElementById('wym_title').value = img.title;
+        parent.document.getElementById('wym_alt').value = img.alt;
+      }
+      catch(e){}
+    }
+  },
+
+  init_submit: function(){
+    $('#dialog-form-actions #submit_button').click(function(e){
+      e.preventDefault();
+      if(img_selected = $('#existing_image_area_content ul li.selected img').get(0)) {
+        parent.image_picker.changed(img_selected);
+      }
+
+      if(parent && typeof(parent.tb_remove) == "function"){
+        parent.tb_remove();
+      }
+    });
+
+    $('#dialog-form-actions #cancel_button').click(function(e){
+      e.preventDefault();
+      parent.tb_remove();
+    });
+  },
+
+  init_close: function(){
+    $('#TB_title .close_dialog, #dialog_container .close_dialog').click(function(e) {
+      e.preventDefault();
+
+      // if we're in a frame
+      if(parent && typeof(parent.tb_remove) == "function"){
+        parent.tb_remove();
+
+      } // if we're not in a frame
+      else if(typeof(tb_remove) == 'function'){
+        tb_remove();
+      }
+    });
+  }
+}
+
+var list_reorder = {
+  init: function() {
+    $('#reorder_action').click(list_reorder.enable_reordering);
+    $('#reorder_action_done').click(list_reorder.disable_reordering);
+  }
+
+  , enable_reordering: function(e) {
+    if(e) { e.preventDefault(); }
+
+    list_reorder.sortable_list.find('li').each(function(index, li) {
+      if ($('ul', li).length) { return; }
+      $("<ul></ul>").appendTo(li);
+    });
+
+    list_reorder.sortable_list.add(list_reorder.sortable_list.find('ul')).sortable({
+      'connectWith': $(list_reorder.sortable_list.find('ul'))
+			, 'tolerance': 'pointer'
+			, 'placeholder': 'placeholder'
+			, 'cursor': 'drag'
+			, 'items': 'li'
+			, 'axis': 'y'
+    });
+    
+    $('#reorder_action').hide();
+    $('#reorder_action_done').show();
+  }
+
+  , parse_branch: function(indexes, li) {
+    branch = "&sortable_list";
+    $.each(indexes, function(i, index) {
+      branch += "[" + index + "]";
+    });
+    branch += "[id]=" + $($(li).attr('id').split('_')).last().get(0);
+
+    // parse any children branches too.
+    $(li).find('> li[id], > ul li[id]').each(function(i, child) {
+      branch += list_reorder.parse_branch(indexes + [i], child);
+    });
+
+    return branch;
+  }
+
+  , disable_reordering: function(e) {
+    if(e) { e.preventDefault(); }
+
+    serialized = "";
+	  list_reorder.sortable_list.find('> li[id]').each(function(index, li) {
+	    serialized += list_reorder.parse_branch([index], li);
+	  });
+	  serialized += "&tree=" + list_reorder.tree + "&authenticity_token=" + encodeURIComponent($('#reorder_authenticity_token').val() + "&continue_reordering=false");
+
+    $.post(list_reorder.update_url, serialized, function(data) {
+      $(list_reorder.sortable_list.get(0)).html(data);
+
+      $(list_reorder.sortable_list).removeClass('reordering').sortable('destroy');
+
+      $('#reorder_action_done').hide();
+      $('#reorder_action').show();
+    });
+  }
+}
+
+var image_picker = {
+  options: {
+    selected: '',
+    thumbnail: '',
+    toggle_image_display: false
+  }
+
+  , init: function(new_options){
+    this.options = $.extend(this.options, new_options);
+    $('#remove_picked_image').click(function(e){
+      e.preventDefault();
+      $('#current_picked_image').removeClass('brown_border')
+                                .attr({'src': '', 'width': '', 'height': ''})
+                                .css({'width': 'auto', 'height': 'auto'})
+                                .hide();
+      $('#custom_title_field').val('');
+      $('#no_picked_image_selected').show();
+      $(this).hide();
+    });
+
+    if(this.options.toggle_image_display){
+      $('#current_image_toggler').click(function(e){
+        $(this).html(($(this).html() == 'Show' ? 'Hide' : 'Show'));
+        $("#current_image_container").toggle();
+        e.preventDefault();
+      });
+    }
+
+  }
+
+  , changed: function(image){
+    var current_img = $('#current_picked_image');
+    $('#custom_title_field').val(image.id.replace("image_", ""));
+
+    if(this.options.thumbnail != ''){
+      image.src = image.src.replace('_dialog_thumb', '_' + this.options.thumbnail);
+    }
+    current_img.attr('src', image.src).addClass('brown_border').show();
+    $('#remove_picked_image').show();
+    $('#no_picked_image_selected').hide();
+  }
+}
+
+//parse a URL to form an object of properties
+parseURL = function(url)
+{
+	//save the unmodified url to href property
+	//so that the object we get back contains
+	//all the same properties as the built-in location object
+	var loc = { 'href' : url };
+
+	//split the URL by single-slashes to get the component parts
+	var parts = url.replace('//', '/').split('/');
+
+	//store the protocol and host
+	loc.protocol = parts[0];
+	loc.host = parts[1];
+
+	//extract any port number from the host
+	//from which we derive the port and hostname
+	parts[1] = parts[1].split(':');
+	loc.hostname = parts[1][0];
+	loc.port = parts[1].length > 1 ? parts[1][1] : '';
+
+	//splice and join the remainder to get the pathname
+	parts.splice(0, 2);
+	loc.pathname = '/' + parts.join('/');
+
+	//extract any hash and remove from the pathname
+	loc.pathname = loc.pathname.split('#');
+	loc.hash = loc.pathname.length > 1 ? '#' + loc.pathname[1] : '';
+	loc.pathname = loc.pathname[0];
+
+	//extract any search query and remove from the pathname
+	loc.pathname = loc.pathname.split('?');
+	loc.search = loc.pathname.length > 1 ? '?' + loc.pathname[1] : '';
+	loc.pathname = loc.pathname[0];
+
+	//return the final object
+	return loc;
+}