locomotive_cms 0.0.1

data/public/javascripts/admin/application.js

@@ -0,0 +1,105 @@
+var I18nLocale = null;
+var CodeMirrorEditors = [];
+
+/* ___ growl ___ */
+
+$.growl.settings.noticeTemplate = '' +
+	'<div class="notice %title%">' +
+	'  <p>%message%</p>' +
+	'</div>';
+	
+$.growl.settings.dockCss = {
+	position: 'fixed',
+	bottom: '20px',
+	left: '0px',
+	width: '100%',
+	zIndex: 50000
+};
+
+/* ___ codemirror ___ */
+
+var addCodeMirrorEditor = function(type, el, parser) {
+	var parserfile = "parse" + type + ".js";
+	if (parser != undefined) parserfile = parser;
+	// if (type == 'liquid') type = 'xml';
+	
+	var editor = CodeMirror.fromTextArea(el.attr('id'), {
+		height: "400px",
+		parserfile: parserfile,
+		stylesheet: [
+			"/stylesheets/admin/plugins/codemirror/csscolors.css", 
+			"/stylesheets/admin/plugins/codemirror/javascriptcolors.css", 
+			"/stylesheets/admin/plugins/codemirror/liquidcolors.css"],
+		path: "/javascripts/admin/plugins/codemirror/",
+		continuousScanning: 500,
+		reindentOnLoad: true,
+		initCallback: function(editor) {
+			jQuery(editor.frame.contentDocument).keypress(function(event) {
+				jQuery(document).trigger(event);
+			});
+		}
+	});
+	CodeMirrorEditors.push({ 'el': el, 'editor': editor });
+}
+
+/* ___ global ___ */
+
+$(document).ready(function() {
+	I18nLocale = $('meta[name=locale]').attr('content');
+	
+	// sub menu links
+	$('#submenu ul li.links').hover(function() {
+		$(this).addClass('hover');
+		$(this).find('.popup').show();
+	}, function() {
+		$(this).removeClass('hover');
+		$(this).find('.popup').hide();
+	});
+	
+	if ((css = $('#submenu > ul').attr('class')) != '')
+		$('#submenu > ul > li.' + css).addClass('on');
+	
+	// form
+	$('.formtastic li input, .formtastic li textarea').focus(function() {
+		$('.formtastic li.error p.inline-errors').fadeOut(200);
+		if ($(this).parent().hasClass('error')) {
+			$(this).nextAll('p.inline-errors').show();
+		}				
+	});
+	$('.formtastic li.error input').eq(0).focus();
+	
+	// editable title (page, ...etc)
+	$('#content h2 a.editable').each(function() {
+		var target = $('#' + $(this).attr('rel')), 
+		hint = $(this).attr('title');
+		
+		target.parent().hide();
+		
+		$(this).click(function(event) {
+			var newValue = prompt(hint, $(this).html());
+			if (newValue && newValue != '') {
+				$(this).html(newValue);
+				target.val(newValue);
+			}
+			event.preventDefault();
+		});
+	});
+	
+	// foldable
+	$('.formtastic fieldset.foldable legend span').append('<em>&nbsp;</em>');
+	$('.formtastic fieldset.foldable.folded ol').hide();	
+	$('.formtastic fieldset.foldable legend').click(function() {
+		var parent = $(this).parent(), content = $(this).next();
+		if (parent.hasClass('folded')) {
+			parent.removeClass('folded');
+			content.slideDown('fast', function() {  });
+		} else
+			content.slideUp('fast', function() { parent.addClass('folded'); });
+	});
+	
+	// nifty checkboxes	
+	$('.formtastic li.toggle input[type=checkbox]').checkToggle();
+	
+	// nifty code editor
+	$('code.html textarea').each(function() { addCodeMirrorEditor('liquid', $(this)); });
+});

data/public/javascripts/admin/asset_collections.js

@@ -0,0 +1,50 @@
+$(document).ready(function() {
+	
+	// automatic slug from collection name
+	$('#asset_collection_name').keypress(function() {
+		var input = $(this);
+		var slug = $('#asset_collection_slug');
+	
+		if (!slug.hasClass('filled')) {
+			setTimeout(function() {
+				slug.val(input.val().replace(/\s/g, '_').toLowerCase());
+			}, 50);
+		}
+	});
+	
+	$('#asset_collection_slug').keypress(function() { $(this).addClass('filled'); });
+	
+	// sortable assets
+	
+	var updateAssetsOrder = function() {
+		var list = $('ul.assets.sortable');
+		var ids = jQuery.map(list.sortable('toArray'), function(e) { 
+			return e.match(/asset-(\w+)/)[1];
+		}).join(',');
+		$('#asset_collection_assets_order').val(ids || '');
+	}
+	
+	$('ul.assets.sortable').sortable({
+		items: 'li.asset',
+		stop: function(event, ui) { updateAssetsOrder(); }
+	});
+	
+	$('ul.assets.sortable li div.actions a.remove').click(function(e) {
+		if (confirm($(this).attr('data-confirm'))) {
+			$(this).parents('li').remove();
+			
+			updateAssetsOrder();
+		
+			if ($('ul.assets li.asset').size() == 0) $('p.no-items').show();
+	
+			$('ul.assets li.last').removeClass('last');
+			var i = parseInt($('ul.assets li.asset').size() / 6);
+			while (i > 0) {
+				$('ul.assets li.asset:eq(' + (i * 6 - 1) + ')').addClass('last');
+				i--;
+			}
+		}
+		e.preventDefault();
+		e.stopPropagation();
+	});
+});

data/public/javascripts/admin/content_types.js

@@ -0,0 +1,16 @@
+$(document).ready(function() {
+	
+	// automatic slug from  name
+	$('#content_type_name').keypress(function() {
+		var input = $(this);
+		var slug = $('#content_type_slug');
+	
+		if (!slug.hasClass('filled')) {
+			setTimeout(function() {
+				slug.val(input.val().replace(/\s/g, '_').toLowerCase());
+			}, 50);
+		}
+	});
+	
+	$('#content_type_slug').keypress(function() { $(this).addClass('filled'); });
+});

data/public/javascripts/admin/contents.js

@@ -0,0 +1,17 @@
+$(document).ready(function() {
+	
+	var updateContentsOrder = function() {
+		var list = $('ul#contents-list.sortable');
+		var ids = jQuery.map(list.sortable('toArray'), function(e) { 
+			return e.match(/content-(\w+)/)[1];
+		}).join(',');
+		$('#order').val(ids || '');
+	}
+
+	$('ul#contents-list.sortable').sortable({
+		handle: 'em',
+		items: 'li.content',
+		stop: function(event, ui) { updateContentsOrder(); }
+	});
+	
+});

data/public/javascripts/admin/custom_fields.js

@@ -0,0 +1,113 @@
+$(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 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));
+		});
+
+		// should copy the value of the select box
+		var input = newRow.find('input.label');
+		if (lastRow.find('input.label').val() == '') input.val("undefined");
+
+		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').val(defaultValue).addClass('void');
+		lastRow.find('select').val('input');
+
+		// 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
+	});
+});