Mercurial > public > sg101

annotate static/js/markitup/sets/markdown/set.js @ 971:4f265f61874b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Hotlink image form is functioning. The user can now submit a URL via a form and the URL will be downloaded and uploaded to a S3 bucket if it is an image. Tests to follow.
author Brian Neal <bgneal@gmail.com>
date Tue, 22 Sep 2015 20:23:50 -0500
parents 682b159f3763
children 8c3d52b7cbd1
rev   line source
bgneal@312 1 // -------------------------------------------------------------------
bgneal@312 2 // markItUp!
bgneal@312 3 // -------------------------------------------------------------------
bgneal@312 4 // Copyright (C) 2008 Jay Salvat
bgneal@312 5 // http://markitup.jaysalvat.com/
bgneal@312 6 // -------------------------------------------------------------------
bgneal@312 7 // MarkDown tags example
bgneal@312 8 // http://en.wikipedia.org/wiki/Markdown
bgneal@312 9 // http://daringfireball.net/projects/markdown/
bgneal@312 10 // -------------------------------------------------------------------
bgneal@312 11 // Feel free to add more tags
bgneal@312 12 // -------------------------------------------------------------------
bgneal@693 13 // Modified by Brian Neal for SurfGuitar101
bgneal@312 14 mySettings = {
bgneal@312 15 previewParserPath: '/comments/markdown/',
bgneal@312 16 previewParserVar: 'data',
bgneal@312 17 previewInWindow: false,
bgneal@312 18 previewAutoRefresh: false,
bgneal@312 19 previewPosition: 'after',
bgneal@312 20 onShiftEnter: {keepDefault:false, openWith:'\n\n'},
bgneal@312 21 markupSet: [
bgneal@312 22 {name:'Bold', key:'B', openWith:'**', closeWith:'**'},
bgneal@312 23 {name:'Italic', key:'I', openWith:'_', closeWith:'_'},
bgneal@360 24 {name:'Strike', key:'S', openWith:'---', closeWith:'---'},
bgneal@312 25 {separator:'---------------' },
bgneal@693 26 {name:'Bulleted List', openWith:'- ', multiline:true},
bgneal@312 27 {name:'Numeric List', openWith:function(markItUp) {
bgneal@312 28 return markItUp.line+'. ';
bgneal@693 29 }, multiline:true},
bgneal@312 30 {separator:'---------------' },
bgneal@312 31 {name:'Picture', key:'P', replaceWith:'![image]([![Url:!:http://]!])'},
bgneal@312 32 {name:'Link', key:'L', openWith:'[', closeWith:']([![Url:!:http://]!])', placeHolder:'Your text to link here...' },
bgneal@693 33 {separator:'---------------'},
bgneal@693 34 {name:'Quotes', openWith:'> ', multiline:true},
bgneal@693 35 {name:'Code Block / Code', openWith:'(!(\t|!|`)!)', closeWith:'(!(`)!)', multiline:true},
bgneal@312 36 {separator:'---------------'},
bgneal@312 37 {name:'Smilies', className:'smilies', dropMenu: [
bgneal@312 38 {name:'Argh', replaceWith:' :argh: ', className:'col1-1' },
bgneal@312 39 {name:'Grin', replaceWith:' :-D ', className:'col1-2' },
bgneal@312 40 {name:'Razz', replaceWith:' :-P ', className:'col1-3' },
bgneal@312 41 {name:'Confused', replaceWith:' o_O ', className:'col1-4' },
bgneal@312 42 {name:'Cool', replaceWith:' 8^) ', className:'col1-5' },
bgneal@312 43 {name:'Cry', replaceWith:' :-( ', className:'col2-1' },
bgneal@312 44 {name:'Dead', replaceWith:' x_x ', className:'col2-2' },
bgneal@312 45 {name:'Embarrassed', replaceWith:' :-# ', className:'col2-3' },
bgneal@312 46 {name:'LOL', replaceWith:' :lol: ', className:'col2-4' },
bgneal@312 47 {name:'Mad', replaceWith:' X-( ', className:'col2-5' },
bgneal@312 48 {name:'No', replaceWith:' :no: ', className:'col3-1' },
bgneal@312 49 {name:'None', replaceWith:' :-| ', className:'col3-2' },
bgneal@312 50 {name:'Shock', replaceWith:' :shock: ', className:'col3-3' },
bgneal@312 51 {name:'Sigh', replaceWith:' :sigh: ', className:'col3-4' },
bgneal@312 52 {name:'Smile', replaceWith:' :-) ', className:'col3-5' },
bgneal@312 53 {name:'Uh-oh', replaceWith:' :uh-oh: ', className:'col4-1' },
bgneal@312 54 {name:'Whatever', replaceWith:' :whatever: ', className:'col4-2' },
bgneal@312 55 {name:'Wink', replaceWith:' ;-) ', className:'col4-3' },
bgneal@312 56 {name:'Yes', replaceWith:' :yes: ', className:'col4-4' },
bgneal@312 57 {name:'Sleep', replaceWith:' :sleep: ', className:'col4-5' }
bgneal@312 58 ]
bgneal@312 59 },
bgneal@312 60 {separator:'---------------'},
bgneal@312 61 {name:'Preview', call:'preview', className:"preview"}
bgneal@312 62 ]
bgneal@312 63 }
bgneal@312 64
bgneal@312 65 // mIu nameSpace to avoid conflict.
bgneal@312 66 miu = {
bgneal@312 67 markdownTitle: function(markItUp, char) {
bgneal@312 68 heading = '';
bgneal@312 69 n = $.trim(markItUp.selection||markItUp.placeHolder).length;
bgneal@312 70 for(i = 0; i < n; i++) {
bgneal@312 71 heading += char;
bgneal@312 72 }
bgneal@312 73 return '\n'+heading;
bgneal@312 74 }
bgneal@312 75 }
bgneal@312 76
bgneal@312 77 $(document).ready(function() {
bgneal@312 78 $('.markItUp').markItUp(mySettings);
bgneal@312 79
bgneal@312 80 $('#smileys_dialog_popup').dialog({autoOpen:false});
bgneal@312 81 var firstTimeSmiley = true;
bgneal@312 82 $('#more_smileys_link').click(function () {
bgneal@312 83 $('#smileys_dialog_popup').dialog('open');
bgneal@312 84 var smileyTarget = $('.smileyTarget')[0];
bgneal@312 85 if (firstTimeSmiley) {
bgneal@312 86 $.ajax({
bgneal@312 87 url: '/smiley/farm/extra/',
bgneal@312 88 type: 'GET',
bgneal@312 89 dataType: 'html',
bgneal@312 90 success: function(data, textStatus) {
bgneal@312 91 var img = $('#smiley_busy');
bgneal@312 92 img.hide();
bgneal@312 93 img.after(data);
bgneal@312 94 $('#smileys_dialog_popup .smiley_farm img').click(function() {
bgneal@312 95 smileyTarget.value += ' ' + this.alt + ' ';
bgneal@312 96 smileyTarget.focus();
bgneal@312 97 });
bgneal@312 98 firstTimeSmiley = false;
bgneal@312 99 },
bgneal@312 100 error: function (xhr, textStatus, ex) {
bgneal@312 101 alert('Oops, an error occurred: ' + xhr.statusText + ' - ' + xhr.responseText);
bgneal@312 102 }
bgneal@312 103 });
bgneal@312 104 }
bgneal@312 105 return false;
bgneal@312 106 });
bgneal@312 107 $('#markdown_help_dialog_popup').dialog({autoOpen: false, width: 720, height: 600});
bgneal@312 108 var firstTimeMdHelp = true;
bgneal@312 109 $('#markdown_help_link').click(function () {
bgneal@312 110 $('#markdown_help_dialog_popup').dialog('open');
bgneal@312 111 if (firstTimeMdHelp) {
bgneal@312 112 $.ajax({
bgneal@312 113 url: '/core/markdown_help/',
bgneal@312 114 type: 'GET',
bgneal@312 115 dataType: 'html',
bgneal@312 116 success: function(data, textStatus) {
bgneal@312 117 var img = $('#markdown_busy');
bgneal@312 118 img.hide();
bgneal@312 119 img.after(data);
bgneal@312 120 firstTimeMdHelp = false;
bgneal@312 121 },
bgneal@312 122 error: function (xhr, textStatus, ex) {
bgneal@312 123 alert('Oops, an error occurred: ' + xhr.statusText + ' - ' + xhr.responseText);
bgneal@312 124 }
bgneal@312 125 });
bgneal@312 126 }
bgneal@312 127 return false;
bgneal@312 128 });
bgneal@722 129
bgneal@722 130 var $photoProgress = $('#photo-upload-progress');
bgneal@725 131 if ($photoProgress.length) {
bgneal@725 132 var $photoForm = $('#photo-upload-form');
bgneal@725 133 var $postBox = $('#id_body');
bgneal@725 134 var $photoUploadSubmit = $('#photo-upload-submit');
bgneal@722 135
bgneal@725 136 $photoForm.ajaxForm({
bgneal@725 137 beforeSubmit: function(arr, $form, options) {
bgneal@725 138 var fileObj = null;
bgneal@725 139 $.each(arr, function(index, val) {
bgneal@725 140 if (val.name == 'image_file') {
bgneal@725 141 fileObj = val.value;
bgneal@725 142 }
bgneal@725 143 });
bgneal@725 144 if (!fileObj) {
bgneal@725 145 alert("Please choose a file to upload.");
bgneal@725 146 return false;
bgneal@722 147 }
bgneal@725 148 $photoUploadSubmit.attr('disabled', 'disabled').val('Uploading...');
bgneal@725 149 return true;
bgneal@725 150 },
bgneal@725 151 beforeSend: function() {
bgneal@725 152 $photoProgress.progressbar({value: 0});
bgneal@725 153 },
bgneal@725 154 uploadProgress: function(event, position, total, percentComplete) {
bgneal@725 155 if (percentComplete < 100) {
bgneal@725 156 $photoProgress.progressbar({value: percentComplete});
bgneal@725 157 }
bgneal@725 158 else {
bgneal@725 159 $photoProgress.progressbar({value: false});
bgneal@725 160 }
bgneal@725 161 },
bgneal@725 162 success: function(resp, statusText, xhr, $form) {
bgneal@725 163 $photoProgress.progressbar({value: 100});
bgneal@725 164 if (resp.success) {
bgneal@725 165 $postBox.val($postBox.val() + '\n![image](' + resp.url + ')');
bgneal@725 166 alert("Success! The image code was added to your post.");
bgneal@725 167 }
bgneal@725 168 else {
bgneal@725 169 alert('Error: ' + resp.msg);
bgneal@725 170 }
bgneal@725 171 },
bgneal@725 172 complete: function(xhr) {
bgneal@725 173 $photoProgress.progressbar({value: 0});
bgneal@725 174 $photoForm.clearForm();
bgneal@725 175 $photoUploadSubmit.removeAttr('disabled').val('Upload photo');
bgneal@725 176 },
bgneal@725 177 error: function(xhr, textStatus, ex) {
bgneal@725 178 alert('Oops, there was an error: ' + ex);
bgneal@722 179 }
bgneal@725 180 });
bgneal@725 181 }
bgneal@971 182
bgneal@971 183 var $hotLinkForm = $('#hot-link-form');
bgneal@971 184 if ($hotLinkForm.length) {
bgneal@971 185 var $postBox = $('#id_body');
bgneal@971 186 var $hotLinkFormSubmit = $('#hot-link-form-submit');
bgneal@971 187
bgneal@971 188 $hotLinkForm.ajaxForm({
bgneal@971 189 beforeSubmit: function(arr, $form, options) {
bgneal@971 190 var url = null;
bgneal@971 191 $.each(arr, function(index, val) {
bgneal@971 192 if (val.name == 'url') {
bgneal@971 193 url = val.value;
bgneal@971 194 }
bgneal@971 195 });
bgneal@971 196 if (!url) {
bgneal@971 197 alert("Please enter an image URL.");
bgneal@971 198 return false;
bgneal@971 199 }
bgneal@971 200 $hotLinkFormSubmit.attr('disabled', 'disabled').val('Retrieving...');
bgneal@971 201 return true;
bgneal@971 202 },
bgneal@971 203 success: function(resp, statusText, xhr, $form) {
bgneal@971 204 $postBox.val($postBox.val() + '\n![image](' + resp.url + ')');
bgneal@971 205 alert("Success! The image code was added to your post.");
bgneal@971 206 $hotLinkForm.clearForm();
bgneal@971 207 },
bgneal@971 208 complete: function(xhr) {
bgneal@971 209 $hotLinkFormSubmit.removeAttr('disabled').val('Hot Link');
bgneal@971 210 },
bgneal@971 211 error: function(xhr, textStatus, ex) {
bgneal@971 212 alert('Oops, there was an error: ' + ex);
bgneal@971 213 }
bgneal@971 214 });
bgneal@971 215 }
bgneal@312 216 });