enki-engine 0.0.2

data/app/assets/javascripts/admin/edit-preview.js

@@ -0,0 +1,40 @@
+$(document).ready(function() {
+  var form = $('form.formtastic, form.simple_form');
+
+  if (form.length > 0 && form.attr('id').match(/^(new_enki_post|edit_enki_post|new_enki_page|edit_enki_page)/)) {
+    var dest = window.location.href;
+    dest = dest.replace(/\/(new|\d+)$/, '')
+    dest = dest + '/preview'
+
+    var toggle_preview = function() {
+      if ($('#preview').length == 0) {
+        form.hide();
+        form.after('<div id="preview"><h3>Your entry will be formatted like this:</h3><p>Use Ctrl+E to return to edit mode.</p><div class="content"><p>Please wait...</p></div></div>');
+
+        jQuery.ajax({
+          type: 'POST',
+          data: form.serialize().replace(/&*_method=\w+&*/, ''),
+          url: dest,
+          dataType: 'html',
+          error: function() {
+            $('#preview .content').html('<p>Failed to generate preview. Toggle back to edit mode and check that all required fields are filled in and valid.</p>');
+          },
+          success: function(r) {
+            $('#preview .content').html(r);
+          }
+        });
+      }
+      else {
+        $('#preview').remove();
+        form.show();
+      }
+    }
+
+    $(document).keyup(function(e) {
+      if (e.ctrlKey && (e.which == 69)) { // Works in recent Safari and FF, unsure about IE
+        toggle_preview();
+        e.preventDefault();
+      }
+    });
+  }
+});

data/app/assets/javascripts/admin/pages.js

@@ -0,0 +1 @@
+$(document).ready(destroyAndUndoBehaviour('pages')); // Defined in admin/common.js

data/app/assets/javascripts/admin/posts.js

@@ -0,0 +1 @@
+$(document).ready(destroyAndUndoBehaviour('posts')); // Defined in admin/common.js

data/app/assets/javascripts/admin/shortcut.js

@@ -0,0 +1,223 @@
+/**
+ * http://www.openjs.com/scripts/events/keyboard_shortcuts/
+ * Version : 2.01.A
+ * By Binny V A
+ * License : BSD
+ */
+shortcut = {
+	'all_shortcuts':{},//All the shortcuts are stored in this array
+	'add': function(shortcut_combination,callback,opt) {
+		//Provide a set of default options
+		var default_options = {
+			'type':'keydown',
+			'propagate':false,
+			'disable_in_input':false,
+			'target':document,
+			'keycode':false
+		}
+		if(!opt) opt = default_options;
+		else {
+			for(var dfo in default_options) {
+				if(typeof opt[dfo] == 'undefined') opt[dfo] = default_options[dfo];
+			}
+		}
+
+		var ele = opt.target
+		if(typeof opt.target == 'string') ele = document.getElementById(opt.target);
+		var ths = this;
+		shortcut_combination = shortcut_combination.toLowerCase();
+
+		//The function to be called at keypress
+		var func = function(e) {
+			e = e || window.event;
+
+			if(opt['disable_in_input']) { //Don't enable shortcut keys in Input, Textarea fields
+				var element;
+				if(e.target) element=e.target;
+				else if(e.srcElement) element=e.srcElement;
+				if(element.nodeType==3) element=element.parentNode;
+
+				if(element.tagName == 'INPUT' || element.tagName == 'TEXTAREA') return;
+			}
+
+			//Find Which key is pressed
+			if (e.keyCode) code = e.keyCode;
+			else if (e.which) code = e.which;
+			var character = String.fromCharCode(code).toLowerCase();
+
+			if(code == 188) character=","; //If the user presses , when the type is onkeydown
+			if(code == 190) character="."; //If the user presses , when the type is onkeydown
+
+			var keys = shortcut_combination.split("+");
+			//Key Pressed - counts the number of valid keypresses - if it is same as the number of keys, the shortcut function is invoked
+			var kp = 0;
+
+			//Work around for stupid Shift key bug created by using lowercase - as a result the shift+num combination was broken
+			var shift_nums = {
+				"`":"~",
+				"1":"!",
+				"2":"@",
+				"3":"#",
+				"4":"$",
+				"5":"%",
+				"6":"^",
+				"7":"&",
+				"8":"*",
+				"9":"(",
+				"0":")",
+				"-":"_",
+				"=":"+",
+				";":":",
+				"'":"\"",
+				",":"<",
+				".":">",
+				"/":"?",
+				"\\":"|"
+			}
+			//Special Keys - and their codes
+			var special_keys = {
+				'esc':27,
+				'escape':27,
+				'tab':9,
+				'space':32,
+				'return':13,
+				'enter':13,
+				'backspace':8,
+
+				'scrolllock':145,
+				'scroll_lock':145,
+				'scroll':145,
+				'capslock':20,
+				'caps_lock':20,
+				'caps':20,
+				'numlock':144,
+				'num_lock':144,
+				'num':144,
+
+				'pause':19,
+				'break':19,
+
+				'insert':45,
+				'home':36,
+				'delete':46,
+				'end':35,
+
+				'pageup':33,
+				'page_up':33,
+				'pu':33,
+
+				'pagedown':34,
+				'page_down':34,
+				'pd':34,
+
+				'left':37,
+				'up':38,
+				'right':39,
+				'down':40,
+
+				'f1':112,
+				'f2':113,
+				'f3':114,
+				'f4':115,
+				'f5':116,
+				'f6':117,
+				'f7':118,
+				'f8':119,
+				'f9':120,
+				'f10':121,
+				'f11':122,
+				'f12':123
+			}
+
+			var modifiers = {
+				shift: { wanted:false, pressed:false},
+				ctrl : { wanted:false, pressed:false},
+				alt  : { wanted:false, pressed:false},
+				meta : { wanted:false, pressed:false}	//Meta is Mac specific
+			};
+
+			if(e.ctrlKey)	modifiers.ctrl.pressed = true;
+			if(e.shiftKey)	modifiers.shift.pressed = true;
+			if(e.altKey)	modifiers.alt.pressed = true;
+			if(e.metaKey)   modifiers.meta.pressed = true;
+
+			for(var i=0; k=keys[i],i<keys.length; i++) {
+				//Modifiers
+				if(k == 'ctrl' || k == 'control') {
+					kp++;
+					modifiers.ctrl.wanted = true;
+
+				} else if(k == 'shift') {
+					kp++;
+					modifiers.shift.wanted = true;
+
+				} else if(k == 'alt') {
+					kp++;
+					modifiers.alt.wanted = true;
+				} else if(k == 'meta') {
+					kp++;
+					modifiers.meta.wanted = true;
+				} else if(k.length > 1) { //If it is a special key
+					if(special_keys[k] == code) kp++;
+
+				} else if(opt['keycode']) {
+					if(opt['keycode'] == code) kp++;
+
+				} else { //The special keys did not match
+					if(character == k) kp++;
+					else {
+						if(shift_nums[character] && e.shiftKey) { //Stupid Shift key bug created by using lowercase
+							character = shift_nums[character];
+							if(character == k) kp++;
+						}
+					}
+				}
+			}
+
+			if(kp == keys.length &&
+						modifiers.ctrl.pressed == modifiers.ctrl.wanted &&
+						modifiers.shift.pressed == modifiers.shift.wanted &&
+						modifiers.alt.pressed == modifiers.alt.wanted &&
+						modifiers.meta.pressed == modifiers.meta.wanted) {
+				callback(e);
+
+				if(!opt['propagate']) { //Stop the event
+					//e.cancelBubble is supported by IE - this will kill the bubbling process.
+					e.cancelBubble = true;
+					e.returnValue = false;
+
+					//e.stopPropagation works in Firefox.
+					if (e.stopPropagation) {
+						e.stopPropagation();
+						e.preventDefault();
+					}
+					return false;
+				}
+			}
+		}
+		this.all_shortcuts[shortcut_combination] = {
+			'callback':func,
+			'target':ele,
+			'event': opt['type']
+		};
+		//Attach the function with the event
+		if(ele.addEventListener) ele.addEventListener(opt['type'], func, false);
+		else if(ele.attachEvent) ele.attachEvent('on'+opt['type'], func);
+		else ele['on'+opt['type']] = func;
+	},
+
+	//Remove the shortcut - just specify the shortcut and I will remove the binding
+	'remove':function(shortcut_combination) {
+		shortcut_combination = shortcut_combination.toLowerCase();
+		var binding = this.all_shortcuts[shortcut_combination];
+		delete(this.all_shortcuts[shortcut_combination])
+		if(!binding) return;
+		var type = binding['event'];
+		var ele = binding['target'];
+		var callback = binding['callback'];
+
+		if(ele.detachEvent) ele.detachEvent('on'+type, callback);
+		else if(ele.removeEventListener) ele.removeEventListener(type, callback, false);
+		else ele['on'+type] = false;
+	}
+}

data/app/assets/javascripts/admin.js

@@ -0,0 +1,17 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery.livequery
+//= require jquery.form
+//= require jquery.easing.1.3
+//= require humanmsg
+//= require_tree ./admin

data/app/assets/javascripts/application.js

@@ -0,0 +1,15 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require common
+//= require live-comment-preview
+//= require_self

data/app/assets/javascripts/common.js

@@ -0,0 +1,22 @@
+// Based on http://www.germanforblack.com/javascript-sleeping-keypress-delays-and-bashing-bad-articles
+Function.prototype.only_every = function (millisecond_delay) {
+  if (!window.only_every_func)
+  {
+    var function_object = this;
+    window.only_every_func = setTimeout(function() { function_object(); window.only_every_func = null}, millisecond_delay);
+   }
+};
+
+// http://www.ivanuzunov.net/top-10-javascript-stringprototype-extensions/
+String.prototype.endsWith = function(t, i) {
+  if (i==false) {
+    return (t == this.substring(this.length - t.length));
+  } else {
+    return (t.toLowerCase() == this.substring(this.length - t.length).toLowerCase());
+  }
+}
+
+// jQuery extensions
+jQuery.prototype.any = function(callback) {
+  return (this.filter(callback).length > 0)
+}

data/app/assets/javascripts/enki.js

@@ -0,0 +1,13 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require_tree .

data/app/assets/javascripts/live-comment-preview.js

@@ -0,0 +1,36 @@
+$(function() { // onload
+  var comment_form = $('#new_comment')
+  var input_elements = comment_form.find(':text, textarea')
+  var fetch_comment_preview = function() {
+    var dest = window.location.href;
+    dest = dest.split('#')[0];
+    dest = dest.split('?')[0];
+
+    if (!dest.endsWith('comments'))
+      dest += '/comments';
+
+    jQuery.ajax({
+      data: comment_form.serialize(),
+      url:  dest + '/new',
+      timeout: 2000,
+      error: function() {
+        if ($('#comment-preview').length == 0) {
+          comment_form.after('<div id="comment-preview"></div>')
+        }
+        $('#comment-preview').text("Failed to submit");
+      },
+      success: function(r) {
+        if ($('#comment-preview').length == 0) {
+          comment_form.after('<h2>Your comment will look like this:</h2><div id="comment-preview"></div>')
+        }
+        $('#comment-preview').html(r)
+      }
+    })
+  }
+
+  input_elements.keyup(function () {
+    fetch_comment_preview.only_every(1000);
+  })
+  if (input_elements.any(function() { return $(this).val().length > 0 }))
+    fetch_comment_preview();
+})

data/app/assets/stylesheets/admin.css

@@ -0,0 +1,304 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require humanmsg
+ */
+
+#nav {
+  position: absolute;
+  width: 100%;
+  top: 0px;
+  left: 0px;
+  background-color: #222222;
+}
+
+#nav ul {
+  list-style-type: none;
+  margin: 10px;
+  padding: 0;
+}
+
+#nav ul li {
+  display: inline;
+  margin-right: 10px;
+}
+
+#nav a {
+  color: #eeeeee;
+  text-decoration: none;
+  font-weight: bold;
+}
+#nav a.current {
+  border-bottom: solid 3px #eeeeee;
+}
+
+body {
+  padding-top: 30px;
+  background-color: #dddddd;
+  font-family: Helvetica, Sans-serif;
+  font-size: 10pt;
+  margin: 10px;
+}
+
+.panel {
+  float: left;
+  margin-top: 10px;
+  margin-right: 10px;
+  color: #222222;
+  background-color: #ececec;
+  padding: 1em;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+  width: 34em;
+  min-height: 270px;
+}
+
+.panel h2 {
+  margin-bottom: 2px;
+}
+
+.panel p {
+  margin-top: 0;
+}
+
+.panel a {
+  color: #222222;
+  font-weight: bold;
+  text-decoration: none;
+}
+
+.panel ul {
+  margin-left: 0px;
+  padding-left: 0px;
+  list-style-type: none;
+}
+
+.panel ul li.item {
+  overflow: hidden;
+  margin-top: 4px;
+  padding-top: 6px;
+  border-top: solid 1px #cccccc;
+}
+
+.panel ul li.first {
+  border: none;
+}
+
+.panel h3 {
+  float: left;
+  font-size: 10pt;
+  margin: 0;
+  margin-right: 1em;
+}
+
+.panel .date {
+  float: left;
+  font-size: 10pt;
+}
+
+.panel .count {
+  float: right;
+}
+
+.panel .count a {
+  font-weight: bold;
+  color: #888888;
+}
+
+#recent-comments ul ul {
+  clear: left;
+}
+
+#recent-comments ul ul li {
+  display: inline;
+}
+
+#recent-comments ul ul li:after {
+	content: ", ";
+}
+
+#recent-comments ul ul li.last:after {
+	content: "";
+}
+
+#recent-comments .count {
+  font-size: 22pt;
+  line-height: 1;
+}
+
+#recent-comments .comment-body {
+  position: absolute;
+  width: 33.1em;
+  background-color: #ffffff;
+  border: solid 1px #cccccc;
+  padding: 5px;
+  margin-top: 4px;
+}
+
+#recent-comments .comment-body p {
+  margin: 0;
+}
+
+#recent-comments .comment-body table {
+  margin: 0;
+}
+
+#recent-comments .comment-link {
+  font-weight: normal;
+}
+
+#recent-comments .comment-body div.comment-actions {
+  margin-bottom: 10px;
+  color: #888888;
+}
+
+#recent-comments .comment-body a {
+  font-weight: normal;
+  color: #888888;
+}
+#summary {
+  text-align: center;
+  max-width: 970px;
+  width: 100%;
+  color: #222222;
+}
+#summary h1 {
+  margin-bottom: 0;
+}
+#summary a {
+  text-decoration: none;
+}
+
+#summary p {
+  margin-top: 2px;
+  font-weight: bold;
+  font-size: 12px;
+}
+
+a {
+  color: #222222;
+}
+
+/* -------- FORMS */
+form input,
+form select,
+form textarea,
+form button {
+  font: 8pt "lucida grande", "lucida sans unicode", "lucida", sans-serif;
+}
+
+#post_body,
+#page_body {
+  width: 600px;
+  height: 450px;
+}
+
+form fieldset { margin-bottom: 10px; width: 622px; padding: 10px; }
+form fieldset.buttons { text-align: center; }
+form fieldset.buttons input { width: 300px; }
+
+p.inline-hints { clear: both; }
+form fieldset ol li {
+  border: none;
+}
+
+form fieldset ol {
+  list-style-type: none;
+  padding: 0px;
+  margin: 0px;
+}
+
+form fieldset ol li label {
+  width: 100px;
+}
+
+form fieldset ol li p.inline-hints {
+  margin-left: 100px;
+}
+form fieldset ol li.boolean label {
+  padding-left: 100px;
+}
+
+/* ---------- TABLES */
+table {
+  font-size: 12px;
+  color: #222222;
+  background-color: #ececec;
+  margin-bottom: 20px;
+  border-collapse: collapse;
+  padding: 0;
+}
+
+table td {
+  padding: 5px;
+}
+
+table tr.alt td {
+  background-color: #dddddd;
+}
+
+table th,
+table tr.pagination td {
+  background-color: #222222;
+  color: #eeeeee;
+  padding: 5px;
+}
+
+table form {
+  display: inline;
+}
+
+div.pagination {
+  text-align: center;
+}
+
+div.pagination a {
+  color: #eeeeee;
+}
+
+.comment-actions img,
+table img {
+  float: left;
+  border: none;
+  display: inline;
+}
+
+/* --------- MESSAGING */
+.humanMsg .undo-link {
+  display: none;
+}
+
+/* --------- EDIT PREVIEW */
+#preview {
+  padding-bottom: 10px;
+}
+
+#preview > h3 {
+  margin: 0;
+}
+
+#preview > p {
+  color: #666666;
+  margin-top: 0.3em;
+}
+
+#preview .content {
+  color: #222222;
+  background-color: #ececec;
+  padding: 1em;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+  margin-top: 1.7em;
+}
+
+#preview .content table {
+  margin-bottom: 0;
+}