updates

2015-09-19 14:25:35 +01:00
parent d8c619dd3c
commit 9773f5908b
21 changed files with 394 additions and 340 deletions
--- a/assets/src/js/app.js
+++ b/assets/src/js/app.js
@@ -0,0 +1,143 @@
+$(document).ready(function() {
+  $(document).pjax('a', '#main');
+});
+
+$(document).on('ready pjax:success', function() {
+  // Starts the perfect scroolbar plugin
+  $('.scroll').perfectScrollbar();
+
+  // Log out the user sending bad credentials to the server
+  $("#logout").click(function(e) {
+    e.preventDefault();
+    $.ajax({
+      type: "GET",
+      url: "/admin",
+      async: false,
+      username: "username",
+      password: "password",
+      headers: {
+        "Authorization": "Basic xxx"
+      }
+    }).fail(function() {
+      window.location = "/";
+    });
+
+    return false;
+  });
+
+  // If it's editor page
+  if ($(".editor")[0]) {
+    editor = false;
+    preview = $("#preview-area");
+    textarea = $("#content-area");
+
+    if (textarea[0]) {
+      options = {
+        mode: 'markdown',
+        theme: 'mdn-like',
+        lineWrapping: true,
+        lineNumbers: true,
+        scrollbarStyle: null
+      }
+
+      if (textarea.data("extension") == "markdown") {
+        options.lineNumbers = false
+      }
+
+      editor = CodeMirror.fromTextArea(textarea[0], options);
+    }
+
+    codemirror = $('.CodeMirror');
+
+    // Toggles between preview and editing mode
+    $("#preview").click(function(event) {
+      event.preventDefault();
+
+      // If it currently in the preview mode, hide the preview
+      // and show the editor
+      if ($(this).data("previewing") == "true") {
+        preview.hide();
+        codemirror.fadeIn();
+        $(this).data("previewing", "false");
+        notification({
+          text: "Think, relax and do the better you can!",
+          type: 'information',
+          timeout: 2000
+        });
+      } else {
+        // Copy the editor content to texteare
+        editor.save()
+
+        // If it's in editing mode, convert the markdown to html
+        // and show it
+        var converter = new showdown.Converter(),
+          text = textarea.val(),
+          html = converter.makeHtml(text);
+
+        // Hide the editor and show the preview
+        codemirror.hide();
+        preview.html(html).fadeIn();
+        $(this).data("previewing", "true");
+        notification({
+          text: "This is how your post looks like.",
+          type: 'information',
+          timeout: 2000
+        });
+      }
+
+      return false;
+    });
+
+    // Submites any form in the page in JSON format
+    $('form').submit(function(event) {
+      event.preventDefault();
+
+      var data = JSON.stringify($(this).serializeJSON()),
+        button = $(this).find("input[type=submit]:focus");
+
+      console.log(data)
+
+      $.ajax({
+        type: 'POST',
+        url: window.location,
+        data: data,
+        headers: {
+          'X-Regenerate': button.data("regenerate"),
+          'X-Content-Type': button.data("type")
+        },
+        dataType: 'json',
+        encode: true,
+      }).done(function(data) {
+        notification({
+          text: button.data("message"),
+          type: 'success',
+          timeout: 5000
+        });
+      }).fail(function(data) {
+        notification({
+          text: 'Something went wrong.',
+          type: 'error'
+        });
+        console.log(data);
+      });
+    });
+
+    // Adds one more field to the current group
+    // TODO: improve this function. add group/field/array/obj
+    $(".add").click(function(e) {
+      e.preventDefault();
+      fieldset = $(this).closest("fieldset");
+      fieldset.append("<input name=\"" + fieldset.attr("name") + "\" id=\"" + fieldset.attr("name") + "\" value=\"\"></input><br>");
+      return false;
+    });
+
+
+  }
+});
+
+$(document).on('pjax:send', function() {
+  $('#loading').fadeIn()
+})
+$(document).on('pjax:complete', function() {
+  $('#loading').fadeOut()
+})