sg101: gcalendar/static/js/gcalendar.js comparison

comparison gcalendar/static/js/gcalendar.js @ 1096:d9cd3180c12c

More GCalendar V3 conversion in progress. Built a brand new post editor. It is hardcoded into GCalendar right now. We will make it more general in the future.

author	Brian Neal <bgneal@gmail.com>
date	Tue, 14 Jun 2016 21:16:09 -0500
parents	110bbc78a482
children	3f0a7e918c05

comparison

equal deleted inserted replaced

-:74d7e56a9cfb
+:d9cd3180c12c
 $('#id_all_day').click(function () {
 $('.all-day-hide').toggle();
 });
 var editorPanel = $('#editor-panel textarea');
-var previewPanel = $('#preview-panel');
+var previewPanel = $('#editor-preview-panel');
-previewPanel.css('height', editorPanel.css('height'));
-var observer = new MutationObserver(function(mutations) {
+$('#preview-modal').on('open.zf.reveal', function() {
-if (previewPanel.is(':visible')) {
+previewPanel.html('');
-alert(editorPanel[0].value);
+previewPanel.scrollTop(0);
-$.ajax({
+// TODO:
-url: '/comments/markdown/v3/',
+// Clear preview panel and/or show spinner
-method: 'POST',
+// If there is any text in editor panel {
-data: {'data': editorPanel[0].value},
+$.ajax({
-dataType: 'html',
+url: '/comments/markdown/v3/',
-success: function(data, textStatus) {
+method: 'POST',
-alert(data);
+data: {'data': editorPanel[0].value},
-previewPanel.html(data);
+dataType: 'html',
-},
+success: function(data, textStatus) {
-error: function (xhr, textStatus, ex) {
+previewPanel.html(data);
-alert('Oops, an error occurred: ' + xhr.statusText + ' - ' +
+},
-xhr.responseText);
+error: function (xhr, textStatus, ex) {
-}
+alert('Oops, an error occurred: ' + xhr.statusText + ' - ' +
-});
+xhr.responseText);
 }
+});
 });
-var target = document.getElementById('preview-panel');
-observer.observe(target, {attributes: true});
 // Editor stuff
+var $postBox;
 $('.v3-editor').each(function (index) {
 var $this = $(this);
 var textArea = $this.find('textarea')[0];
 $this.find('.editor-bold').click(function () {
 editorWrapSelection(textArea, '**');
 });
 $this.find('.editor-number').click(function () {
 editorPrependLines(textArea, '1. ');
 return false;
 });
+$this.find('.editor-hot-link').click(function () {
+$postBox = $(textArea);
+});
+$this.find('.editor-upload').click(function () {
+$postBox = $(textArea);
+});
 });
+var $hotLinkForm = $('#hot-link-form');
+if ($hotLinkForm.length) {
+var $hotLinkFormSubmit = $('#hot-link-form-submit');
+var $hotLinkStatus = $('#hot-link-status');
+$('#hot-link-modal').on('open.zf.reveal', function() {
+$hotLinkForm.clearForm();
+});
+$('#hot-link-modal').on('closed.zf.reveal', function() {
+$hotLinkStatus.hide();
+});
+$hotLinkForm.ajaxForm({
+dataType: 'json',
+beforeSubmit: function(arr, $form, options) {
+var url = null;
+$.each(arr, function(index, val) {
+if (val.name == 'url') {
+url = val.value;
+}
+});
+if (!url) {
+$hotLinkStatus.removeClass('success').addClass('alert');
+$hotLinkStatus.html("Please enter a link to an image.");
+$hotLinkStatus.fadeIn(700);
+return false;
+} else {
+$hotLinkStatus.hide();
+}
+$hotLinkFormSubmit.attr('disabled', 'disabled').val('Retrieving...');
+$hotLinkFormSubmit.addClass('disabled');
+return true;
+},
+success: function(resp, statusText, xhr, $form) {
+$postBox.val($postBox.val() + '\n![image](' + resp.url + ')');
+$hotLinkStatus.removeClass('alert').addClass('success');
+$hotLinkStatus.html("Success! The image code was added to your post.");
+$hotLinkStatus.fadeIn(700);
+$hotLinkForm.clearForm();
+},
+complete: function(xhr) {
+$hotLinkFormSubmit.removeAttr('disabled').val('Hot Link');
+$hotLinkFormSubmit.removeClass('disabled');
+},
+error: function(xhr, textStatus, ex) {
+$hotLinkStatus.removeClass('success').addClass('alert');
+var resp = $.parseJSON(xhr.responseText);
+$hotLinkStatus.html("Error: " + ex + ' - ' + resp.error_msg);
+$hotLinkStatus.fadeIn(700);
+}
+});
+}
+var $photoForm = $('#photo-upload-form');
+if ($photoForm.length) {
+var $photoUploadSubmit = $('#photo-upload-submit');
+var $photoStatus = $('#photo-status');
+$('#upload-modal').on('open.zf.reveal', function() {
+$photoForm.clearForm();
+});
+$('#upload-modal').on('closed.zf.reveal', function() {
+$photoStatus.hide();
+});
+$photoForm.ajaxForm({
+dataType: 'json',
+beforeSubmit: function(arr, $form, options) {
+var fileObj = null;
+$.each(arr, function(index, val) {
+if (val.name == 'image_file') {
+fileObj = val.value;
+}
+});
+if (!fileObj) {
+$photoStatus.removeClass('success').addClass('alert');
+$photoStatus.html("Please choose a file to upload.");
+$photoStatus.fadeIn(700);
+return false;
+} else {
+$photoStatus.hide();
+}
+$photoUploadSubmit.attr('disabled', 'disabled').val('Uploading...');
+$photoUploadSubmit.addClass('disabled');
+return true;
+},
+success: function(resp, statusText, xhr, $form) {
+$postBox.val($postBox.val() + '\n![image](' + resp.url + ')');
+$photoStatus.removeClass('alert').addClass('success');
+$photoStatus.html("Success! The image code was added to your post.");
+$photoStatus.fadeIn(700);
+$photoStatus.clearForm();
+},
+complete: function(xhr) {
+$photoUploadSubmit.removeAttr('disabled').val('Upload photo');
+$photoUploadSubmit.removeClass('disabled');
+},
+error: function(xhr, textStatus, ex) {
+$photoStatus.removeClass('success').addClass('alert');
+var resp = $.parseJSON(xhr.responseText);
+$photoStatus.html("Error: " + ex + ' - ' + resp.error_msg);
+$photoStatus.fadeIn(700);
+}
+});
+}
 });