locomotive_cms 0.0.3.3 → 0.0.4.beta1

data/public/javascripts/admin/custom_fields.js

@@ -1,155 +1,155 @@
 $(document).ready(function() {
-	
-	$('fieldset.fields').parents('form').submit(function() {
-		$('fieldset.fields li.template input, fieldset.fields li.template select').attr('disabled', 'disabled');
-	});
-	
-	var defaultValue = $('fieldset.fields li.template input[type=text]').val();
-	var selectOnChange = function(select) {
-		select.hide();
-		select.prev()
-			.show()
-			.html(select[0].options[select[0].options.selectedIndex].text);
-	}
-	
-	var refreshPosition = function() {
-		jQuery.each($('fieldset.fields li.added input.position'), function(index) { 
-			$(this).val(index);
-		});
-	}
-
-	/* __ fields ___ */
-	$('fieldset.fields li.added select').each(function() {
-		var select = $(this)
-			.hover(function() {
-				clearTimeout(select.attr('timer')); 
-			}, function() {
-				select.attr('timer', setTimeout(function() { 
-					select.hide();
-					select.prev().show();
-				}, 1000));
-			})
-			.change(function() { selectOnChange(select); });
-
-		select.prev().click(function() {
-			$(this).hide();
-			select.show();
-		});
-	});
-
-	$('fieldset.fields li.template input[type=text]').focus(function() {
-		if ($(this).hasClass('void') && $(this).parents('li').hasClass('template'))
-			$(this).val('').removeClass('void');
-	});	
-
-	$('fieldset.fields li.template button').click(function() {
-		var lastRow = $(this).parents('li.template');
-		
-		var label = lastRow.find('input.label').val().trim();
-		if (label == '' || label == defaultValue) return false;
-		
-		var newRow = lastRow.clone(true).removeClass('template').addClass('added new').insertBefore(lastRow);
-
-		var dateFragment = '[' + new Date().getTime() + ']';
-		newRow.find('input, select').each(function(index) {
-			$(this).attr('name', $(this).attr('name').replace('[-1]', dateFragment));
-		});
-
-		var select = newRow.find('select')
-			.val(lastRow.find('select').val())
-			.change(function() { selectOnChange(select); })
-			.hover(function() {
-				clearTimeout(select.attr('timer')); 
-			}, function() {
-				select.attr('timer', setTimeout(function() { 
-					select.hide();
-					select.prev().show();
-				}, 1000));
-			});
-		select.prev()
-			.html(select[0].options[select[0].options.selectedIndex].text)
-			.click(function() {
-				$(this).hide();
-				select.show();
-			});
-
-		// then "reset" the form
-		lastRow.find('input.label').val(defaultValue).addClass('void');
-
-		// warn the sortable widget about the new row
-		$("fieldset.fields ol").sortable('refresh');
-		
-		refreshPosition();
-	});
-
-	$('fieldset.fields li a.remove').click(function(e) {
-		if (confirm($(this).attr('data-confirm'))) {
-			var parent = $(this).parents('li');
-			
-			if (parent.hasClass('new'))
-				parent.remove();
-			else {
-				var field = parent.find('input.position')
-				field.attr('name', field.attr('name').replace('[position]', '[_destroy]'));
-				
-				parent.hide().removeClass('added')
-			}
-			
-			refreshPosition();
-		}
-			
-		e.preventDefault();
-		e.stopPropagation();
-	});
-
-	// sortable list
-	$("fieldset.fields ol").sortable({ 
-		handle: 'span.handle', 
-		items: 'li:not(.template)', 
-		axis: 'y',
-		update: refreshPosition
-	});
-	
-	// edit in depth custom field 
-	$('fieldset.fields li.item span.actions a.edit').click(function() {
-		var link = $(this);
-		$.fancybox({ 
-			titleShow: false,
-			content: $(link.attr('href')).parent().html(),
-			onComplete: function() {
-				$('#fancybox-wrap form').submit(function(e) {
-					$.fancybox.close();
-					e.preventDefault();
-					e.stopPropagation();
-				});
-				
-				var parent = link.parent();
-				
-				if (parent.prevAll('select').val() == 'Text') {
-					var formatting = parent.prevAll('.text-formatting').val();
-					$('#fancybox-wrap #custom_fields_field_text_formatting').val(formatting);
-					$('#fancybox-wrap #custom_fields_field_text_formatting_input').show();
-				} else {
-					$('#fancybox-wrap #custom_fields_field_text_formatting_input').hide();
-				}
-				
-				var alias = parent.prevAll('.alias').val().trim();
-				if (alias == '') alias = makeSlug(link.parent().prevAll('.label').val());
-				$('#fancybox-wrap #custom_fields_field__alias').val(alias);
-				
-				var hint = parent.prevAll('.hint').val();
-				$('#fancybox-wrap #custom_fields_field_hint').val(hint);
-			},
-			onCleanup: function() {
-				var parent = link.parent();
-				
-				var alias = $('#fancybox-wrap #custom_fields_field__alias').val().trim();
-				if (alias != '') parent.prevAll('.alias').val(alias);
-				var hint = $('#fancybox-wrap #custom_fields_field_hint').val().trim();
-				if (hint != '') parent.prevAll('.hint').val(hint);
-				var formatting = $('#fancybox-wrap #custom_fields_field_text_formatting').val();
-				parent.prevAll('.text-formatting').val(formatting);
-			}
-		})
-	});
-});
+
+  $('fieldset.fields').parents('form').submit(function() {
+    $('fieldset.fields li.template input, fieldset.fields li.template select').attr('disabled', 'disabled');
+  });
+
+  var defaultValue = $('fieldset.fields li.template input[type=text]').val();
+  var selectOnChange = function(select) {
+    select.hide();
+    select.prev()
+      .show()
+      .html(select[0].options[select[0].options.selectedIndex].text);
+  }
+
+  var refreshPosition = function() {
+    jQuery.each($('fieldset.fields li.added input.position'), function(index) {
+      $(this).val(index);
+    });
+  }
+
+  /* __ fields ___ */
+  $('fieldset.fields li.added select').each(function() {
+    var select = $(this)
+      .hover(function() {
+        clearTimeout(select.attr('timer'));
+      }, function() {
+        select.attr('timer', setTimeout(function() {
+          select.hide();
+          select.prev().show();
+        }, 1000));
+      })
+      .change(function() { selectOnChange(select); });
+
+    select.prev().click(function() {
+      $(this).hide();
+      select.show();
+    });
+  });
+
+  $('fieldset.fields li.template input[type=text]').focus(function() {
+    if ($(this).hasClass('void') && $(this).parents('li').hasClass('template'))
+      $(this).val('').removeClass('void');
+  });
+
+  $('fieldset.fields li.template button').click(function() {
+    var lastRow = $(this).parents('li.template');
+
+    var label = lastRow.find('input.label').val().trim();
+    if (label == '' || label == defaultValue) return false;
+
+    var newRow = lastRow.clone(true).removeClass('template').addClass('added new').insertBefore(lastRow);
+
+    var dateFragment = '[' + new Date().getTime() + ']';
+    newRow.find('input, select').each(function(index) {
+      $(this).attr('name', $(this).attr('name').replace('[-1]', dateFragment));
+    });
+
+    var select = newRow.find('select')
+      .val(lastRow.find('select').val())
+      .change(function() { selectOnChange(select); })
+      .hover(function() {
+        clearTimeout(select.attr('timer'));
+      }, function() {
+        select.attr('timer', setTimeout(function() {
+          select.hide();
+          select.prev().show();
+        }, 1000));
+      });
+    select.prev()
+      .html(select[0].options[select[0].options.selectedIndex].text)
+      .click(function() {
+        $(this).hide();
+        select.show();
+      });
+
+    // then "reset" the form
+    lastRow.find('input.label').val(defaultValue).addClass('void');
+
+    // warn the sortable widget about the new row
+    $("fieldset.fields ol").sortable('refresh');
+
+    refreshPosition();
+  });
+
+  $('fieldset.fields li a.remove').click(function(e) {
+    if (confirm($(this).attr('data-confirm'))) {
+      var parent = $(this).parents('li');
+
+      if (parent.hasClass('new'))
+        parent.remove();
+      else {
+        var field = parent.find('input.position')
+        field.attr('name', field.attr('name').replace('[position]', '[_destroy]'));
+
+        parent.hide().removeClass('added')
+      }
+
+      refreshPosition();
+    }
+
+    e.preventDefault();
+    e.stopPropagation();
+  });
+
+  // sortable list
+  $("fieldset.fields ol").sortable({
+    handle: 'span.handle',
+    items: 'li:not(.template)',
+    axis: 'y',
+    update: refreshPosition
+  });
+
+  // edit in depth custom field
+  $('fieldset.fields li.item span.actions a.edit').click(function() {
+    var link = $(this);
+    $.fancybox({
+      titleShow: false,
+      content: $(link.attr('href')).parent().html(),
+      onComplete: function() {
+        $('#fancybox-wrap form').submit(function(e) {
+          $.fancybox.close();
+          e.preventDefault();
+          e.stopPropagation();
+        });
+
+        var parent = link.parent();
+
+        if (parent.prevAll('select').val() == 'Text') {
+          var formatting = parent.prevAll('.text-formatting').val();
+          $('#fancybox-wrap #custom_fields_field_text_formatting').val(formatting);
+          $('#fancybox-wrap #custom_fields_field_text_formatting_input').show();
+        } else {
+          $('#fancybox-wrap #custom_fields_field_text_formatting_input').hide();
+        }
+
+        var alias = parent.prevAll('.alias').val().trim();
+        if (alias == '') alias = makeSlug(link.parent().prevAll('.label').val());
+        $('#fancybox-wrap #custom_fields_field__alias').val(alias);
+
+        var hint = parent.prevAll('.hint').val();
+        $('#fancybox-wrap #custom_fields_field_hint').val(hint);
+      },
+      onCleanup: function() {
+        var parent = link.parent();
+
+        var alias = $('#fancybox-wrap #custom_fields_field__alias').val().trim();
+        if (alias != '') parent.prevAll('.alias').val(alias);
+        var hint = $('#fancybox-wrap #custom_fields_field_hint').val().trim();
+        if (hint != '') parent.prevAll('.hint').val(hint);
+        var formatting = $('#fancybox-wrap #custom_fields_field_text_formatting').val();
+        parent.prevAll('.text-formatting').val(formatting);
+      }
+    })
+  });
+});

data/public/javascripts/admin/editable_elements.js

@@ -0,0 +1,30 @@
+$(document).ready(function() {
+
+  var enableNav = function() {
+    $('#editable-elements .nav a').click(function(e) {
+      var index = parseInt($(this).attr('href').match(/block-(.+)/)[1]);
+
+      $('#editable-elements .wrapper ul li.block').hide();
+      $('#block-' + index).show();
+
+      $(this).parent().find('.on').removeClass('on');
+      $(this).addClass('on');
+
+      e.preventDefault();
+    });
+  }
+
+  enableNav();
+
+  $.subscribe('form.saved.success', function(event, data) {
+    if (data.editable_elements != '') {
+      $('#editable-elements').replaceWith(data.editable_elements);
+      enableNav();
+
+      $('textarea.html').tinymce(TinyMceDefaultSettings);
+    }
+  }, []);
+
+  $('textarea.html').tinymce(TinyMceDefaultSettings);
+
+});

data/public/javascripts/admin/import.js

@@ -0,0 +1,32 @@
+$(document).ready(function() {
+
+  $('#import-steps').smartupdater({
+    url : $('#import-steps').attr('data-url'),
+    dataType: 'json',
+    minTimeout: 100
+  }, function(data) {
+    var steps = ['site', 'content_types', 'assets', 'asset_collections', 'snippets', 'pages'];
+
+    var currentIndex = data.step == 'done' ? steps.length - 1 : steps.indexOf(data.step);
+
+    for (var i = 0; i < steps.length; i++) {
+      var state = null;
+
+      if (i <= currentIndex) state = 'done';
+      if (i == currentIndex + 1 && data.failed) state = 'failed';
+
+      if (state != null)
+        $('#import-steps li:eq(' + i + ')').addClass(state);
+    }
+
+    if (data.step == 'done')
+      $.growl('notice', $('#import-steps').attr('data-success-message'));
+
+    if (data.failed)
+      $.growl('alert', $('#import-steps').attr('data-failure-message'));
+
+    if (data.step == 'done' || data.failed)
+      $('#import-steps').smartupdaterStop();
+  });
+
+});

data/public/javascripts/admin/inline_editor.js

@@ -0,0 +1,64 @@
+if (typeof GENTICS != 'undefined') {
+  GENTICS.Aloha.settings = {
+    errorhandling : false,
+    ribbon: false,
+    "plugins": {
+      // "com.gentics.aloha.plugins.GCN": {
+      //   "enabled": false
+      // },
+      "com.gentics.aloha.plugins.Format": {
+        config : [ 'b', 'i', 'u','del','sub','sup', 'p', 'title', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'pre', 'removeFormat'],
+        editables : {
+          '.editable-short-text' : [ 'b', 'i', 'u' ]
+        }
+      },
+      "com.gentics.aloha.plugins.Link": {
+        // all elements with no specific configuration may insert links
+        config : [ 'a' ],
+        editables : {
+          '.editable-short-text' : [ ]
+        }
+      },
+      "com.gentics.aloha.plugins.List": {
+        config : [ 'ul' ],
+        editables : {
+          '.editable-short-text' : [ ]
+        }
+      }
+    }
+  };
+
+  GENTICS.Aloha.EventRegistry.subscribe(GENTICS.Aloha, 'editableDeactivated', InlineEditorToolbar.updateForm);
+}
+
+jQuery(document).ready(function($) {
+
+  InlineEditorToolbar.initialize();
+
+  if (InlineEditorToolbar.editingMode) {
+    GENTICS.Aloha.settings['i18n'] = { 'current': InlineEditorToolbar.locale };
+
+    // add 'edit' at the end of each url of the page
+    $('a').each(function() {
+      var url = $(this).attr('href');
+
+      if (url != '#' && /^(www|http)/.exec(url) == null && /(\/edit)$/.exec(url) == null) {
+        if (url == '/') url = '/index';
+        $(this).attr('href', url + '/edit');
+      }
+    });
+
+    // handle editable long text
+    $('.editable-long-text').aloha();
+
+    // handle editable short text
+    $('.editable-short-text').each(function() {
+      var link = $(this).parents('a').eq(0);
+      if (link.size() == 1) { // disable click event and replace it by double click instead
+        link.click(function(e) { e.stopPropagation(); e.preventDefault(); });
+        link.dblclick(function(e) { window.location.href = link.attr('href'); });
+      }
+      $(this).aloha();
+    });
+  }
+});

data/public/javascripts/admin/inline_editor_toolbar.js

@@ -0,0 +1,170 @@
+var InlineEditorToolbar = {
+
+  element: null, // reference to the toolbar element
+
+  form: null, // reference to the form used to post changes
+
+  editingMode: false, // true means that Aloha should be enabled
+
+  drawerButton: null,
+
+  locale: 'en', // default locale
+
+  initialize: function() {
+    this.editingMode = window.location.href.match(/\/edit$/) != null;
+    this.locale = $('meta[name=locale]').attr('content');
+
+    this._buildHTML();
+
+    this.element = $('#page-toolbar');
+    this.form = this.element.find('form');
+    this.drawerButton = this.element.find('.drawer a');
+
+    this._bindEvents();
+
+    if ($.cookie('ie_toolbar_off') == '1') this.hide(0, false);
+  },
+
+  toggle: function(animate) {
+    var duration = (typeof animate == 'undefined') || animate == true ? 300 : 0;
+
+    if (this.drawerButton.hasClass('off')) this.show(duration); else this.hide(duration);
+  },
+
+  show: function(duration, withCookie) {
+    var self = this;
+
+    this.element.animate({ 'right': 0 }, duration, function() {
+      self.drawerButton.removeClass('off');
+      if ((typeof withCookie == 'undefined') || withCookie == true)
+        $.cookie('ie_toolbar_off', '0');
+    });
+  },
+
+  hide: function(duration, withCookie) {
+    var self = this;
+    var max = this.element.width() - 17;
+
+    this.element.animate({ 'right': -max }, duration, function() {
+      self.drawerButton.addClass('off');
+      if ((typeof withCookie == 'undefined') || withCookie == true)
+        $.cookie('ie_toolbar_off', '1');
+    });
+  },
+
+  updateForm: function(jEvent, aEvent) {
+    InlineEditorToolbar.element.find('li.save, li.cancel, li.sep:eq(1)').show();
+    InlineEditorToolbar.element.find('')
+
+    var editableObj = $(aEvent.editable.obj[0]);
+    var index = editableObj.attr('data-element-index');
+    var input = InlineEditorToolbar.form.find('#editable-' + index);
+
+    input.attr('name', input.attr('name').replace('_index', 'content'));
+    input.val(aEvent.editable.getContents().replace(/^\s*/, "").replace(/\s*$/, ""));
+
+    InlineEditorToolbar.show(true, false);
+  },
+
+  displaySpinner: function() {
+    this.element.find('li.save, li.cancel, li.sep:eq(1)').hide();
+    this.element.find('.spinner').show();
+  },
+
+  resetForm: function() {
+    this.form.find('input.auto').each(function() {
+      $(this).attr('name', $(this).attr('name').replace('content', '_index'));
+      $(this).val('');
+    });
+
+    this.element.find('li.save, li.cancel, li.sep:eq(1), li.spinner').hide();
+  },
+
+  /* ___ internal methods ___ */
+
+  _buildHTML: function() {
+    var labels = this._translations[this.locale];
+
+    var showPageUrl = $('meta[name=page-url]').attr('content');
+    var editPageUrl = $('meta[name=edit-page-url]').attr('content');
+    var nbElements = parseInt($('meta[name=page-elements-count]').attr('content'));
+
+    var formContentHTML = "<input type='hidden' name='_method' value='put' />";
+    for (var i = 0; i < nbElements; i++) {
+      formContentHTML += "<input class='auto' id='editable-" + i + "' type='hidden' name='page[editable_elements_attributes][" + i + "][_index]' value='' />";
+    }
+
+    $('body').prepend("<div id='page-toolbar'>\
+      <ul>\
+        <li class='drawer'><a href='#'><span>&nbsp;</span></a></li>\
+        <li class='link home'><a href='" + editPageUrl + "'><span>" + labels['home'] + "</span></a></li>\
+        <li class='sep'><span>&nbsp;</span></li>\
+        <li class='link edit' style='" + (this.editingMode ? 'display: none' : '') + "'><a href='#'><span>" + labels['edit'] + "</span></a></li>\
+        <li class='link save' style='display: none'><a href='#'><span>" + labels['save'] + "</span></a></li>\
+        <li class='link cancel' style='display: none'><a href='#'><span>" + labels['cancel'] + "</span></a></li>\
+        <li class='link spinner' style='display: none'><a href='#'><span><img src='/images/admin/form/spinner.gif' /><em>" + labels['saving'] + "</em></span></a></li>\
+        <li class='sep' style='display: none'><span>&nbsp;</span></li>\
+        <li class='link back' style='" + (this.editingMode ? '' : 'display: none') + "'><a href='#'><span>" + labels['back'] + "</span></a></li>\
+      </ul>\
+      <form action='" + showPageUrl + "' accept-charset='UTF-8' method='post'>\
+        " + formContentHTML + "\
+      </form>\
+    </div>");
+  },
+
+  _bindEvents: function() {
+    var self = this;
+    var fullpath = $('meta[name=page-fullpath]').attr('content');
+
+    this.form.live('submit', function (e) { $(this).callRemote(); e.stopPropagation(); e.preventDefault();
+    }).bind('ajax:complete', function() { self.resetForm();
+    }).bind('ajax:loading', function() { self.displaySpinner();
+    }).bind('ajax:failure', function() { self.resetForm();
+    });
+
+    this.element.find('ul li a').click(function(e) {
+      var classArray = $(this).parent().attr('class').split(' ');
+      switch(classArray[1] || classArray[0]) {
+        case 'home':
+          window.location.href = $(this).attr('href'); break;
+
+        case 'edit': // passing in editing mode
+          var url = window.location.href.replace(/\/$/, '/index').replace('#', '');
+          window.location.href = url + '/edit'; break;
+
+        case 'save': // saving changes
+          self.form.submit(); break;
+
+        case 'cancel': // reload the page
+          window.location.href = window.location.href; break;
+
+        case 'back': // back to the non edition mode
+          window.location.href = fullpath; break;
+
+        case 'drawer': // expand / shrink toolbar
+          self.toggle(); break;
+      }
+
+      e.preventDefault(); e.stopPropagation();
+    });
+  },
+
+  _translations: {
+    'en': {
+      'home': 'admin',
+      'edit': 'edit',
+      'save': 'save',
+      'cancel': 'cancel',
+      'back': 'edition done',
+      'saving': 'saving'
+    },
+    'fr': {
+      'home': 'admin',
+      'edit': 'editer',
+      'save': 'sauver',
+      'cancel': 'annuler',
+      'back': 'fin mode edition',
+      'saving': 'sauvegarde en cours'
+    }
+  }
+};