initial commit (it has come late tho 🙁)

static/edit.js

@@ -0,0 +1,69 @@
+/* Enhancements to editor.
+ *
+ * Editor runs smoothly even with JS disabled ;) */
+
+(function(){
+  function getFirst(o){return o && o[0]}
+  
+  var textInput = getFirst(document.getElementsByClassName('text-input'));
+  var overTextInput = getFirst(document.getElementsByClassName('over-text-input'));
+  
+  overTextInput.innerHTML = [
+    '<span class="oti-modified">&nbsp;</span>',
+    '<span class="oti-charcount">? chars</span>',
+    '<span class="oti-fontselect"><select><option value="sans">Sans-serif</option><option value="serif">Serif</option><option value="monospace">Monospace</option></select></span>',
+    //'<span class="oti-linkpage">Link page</span>',
+  ].join(' ');
+
+  // character counter
+  var oldText = null, originalText = textInput.value;
+  textInput.oninput = function(){
+    var newText = textInput.value;
+    if(newText != oldText){
+      oldText = newText;
+
+      overTextInput.children[0].innerHTML = newText == originalText? '&nbsp;' : '(*)';
+      overTextInput.children[1].innerHTML = newText.length + ' char' + (newText.length == 1? '' : 's');
+    }
+  }
+  overTextInput.children[1].innerHTML = originalText.length + ' char' + (originalText.length == 1? '' : 's');
+
+  // change font of textarea
+  var otiFontSelect = overTextInput.children[2].children[0];
+  otiFontSelect.onchange = function(){
+    textInput.className = textInput.className.replace(/\bti-font-\w+\b/, '') + ' ti-font-' + otiFontSelect.value;
+  }; 
+
+  // TODO link selector
+  /*overTextInput.children[3].onclick = function(){
+    
+    }*/
+
+  // url validation
+  var urlInput = getFirst(document.getElementsByClassName('url-input'));
+  urlInput.onchange = function(){
+    if (!/^[a-z0-9-]*$/i.test(urlInput.value)) {
+      urlInput.classList.add("error");
+    } else {
+      urlInput.classList.remove("error");
+    }
+  }
+
+  // leave confirmation
+  var saveButton = document.getElementById('save-button');
+  saveButton.onclick = function(){
+    window.onbeforeunload = null;
+  }
+  var previewButton = document.getElementById('preview-button');
+  previewButton.onclick = function(){
+    window.onbeforeunload = null;
+  }
+  window.onbeforeunload = function(){
+    if(oldText && oldText != originalText){
+      return 'Are you sure you want to leave editing this page?';
+    }
+  }
+
+  // TODO tag editor
+  var tagsInput = getFirst(document.getElementsByClassName('tags-input'));
+})();