Adds MarkEdit to Tatoeba and parses markdown comments as HTML
// ==UserScript== // @name Tatoeba Markdown Editor (new) // @namespace Jakob V. <[email protected]> // @description Adds MarkEdit to Tatoeba and parses markdown comments as HTML // @include http*://tatoeba.org/* // @include http*://*.tatoeba.org/* // @version 1 // @grant GM_addStyle // @grant GM_getValue // @grant GM_setValue // @require http://code.jquery.com/jquery-1.8.3.js // @require http://code.jquery.com/ui/1.8.24/jquery-ui.js // @require https://greasyfork.org/scripts/9431-tatoeba-jquery-ui-css-for-require/code/Tatoeba%20jQuery%20UI%20CSS%20for%[email protected]?version=48895 // @require https://greasyfork.org/scripts/9546-js-pandoc-for-require/code/js-pandoc%20for%[email protected]?version=48894 // @require https://greasyfork.org/scripts/9434-markdown-editor-rehost-for-userscript-integration/code/Markdown%20Editor%20rehost%20for%20userscript%20integration.user.js // @require https://greasyfork.org/scripts/9547-diff-match-patch-for-require/code/diff_match_patch-for-require.js?version=48896 // @require https://greasyfork.org/scripts/9431-tatoeba-jquery-ui-css-for-require/code/Tatoeba%20jQuery%20UI%20CSS%20for%[email protected]?version=48895 // ==/UserScript== // The MIT License // // Original WMD and Showdwon code copyright (c) 2007 John Fraser // Toolbar images (c) 2009 Dana Robinson // MarkEdit jQuery rewrite and modified images (c) 2009 Titus Stone // // Permission is hereby granted, free of charge, to any person obtaining a copy // of this software and associated documentation files (the "Software"), to deal // in the Software without restriction, including without limitation the rights // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell // copies of the Software, and to permit persons to whom the Software is // furnished to do so, subject to the following conditions: // // The above copyright notice and this permission notice shall be included in // all copies or substantial portions of the Software. // // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN // THE SOFTWARE. // console.log('asdf'); // load and save users using markdown if(true){ // define default variables default_markdownusers = { 'jakov': true, 'Esperantostern': true, 'sacredceltic': true }; default_markdownusers = JSON.stringify(default_markdownusers); // get saved variables markdownusers = GM_getValue('markdownusers'); markdownusers = markdownusers || default_markdownusers; markdownusers = JSON.parse(markdownusers); console.log('markdownusers: ' + JSON.stringify(markdownusers)); } // add CSS if(true){ var css = resourcevar + "\ .markedit { clear: both; display: inline-block; } \ .markedit textarea { width: 100%; } \ .markedit-toolbar { padding: 0.3em; margin: 0; clear: both; height: 22px; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px;} \ .markedit-toolbar .toolbar-group { margin-right: 0.5em; padding: 0 0 0 5px; float: left; } \ .markedit-toolbar .toggle-group { } \ .markedit-toolbar .toggle-group button { font-size: 0.85em; font-weight: bold; padding: 0.15em 0.5em; } \ .markedit-toolbar .toggle-group button:first-child { -moz-border-radius: 11px 0 0 11px; border-radius: 11px 0 0 11px; } \ .markedit-toolbar .toggle-group button:last-child { -moz-border-radius: 0 11px 11px 0; border-radius: 0 11px 11px 0; } \ .markedit-toolbar button { height: 22px; outline: 0; cursor: pointer; } \ .markedit-toolbar button.icon { width: 22px; background-repeat: no-repeat; margin: 0 5px 0 0; } \ .markedit .light-bg button.icon { background-image: url(images/wmd-buttons.png); } \ .markedit .dark-bg button.icon { background-image: url(images/wmd-buttons-dark.png); } \ .markedit-toolbar button.bold { background-position: 0px 0px; } \ .markedit-toolbar button.italic { background-position: -20px 0px; } \ .markedit-toolbar button.link { background-position: -40px 1px; } \ .markedit-toolbar button.quote { background-position: -60px 0px; } \ .markedit-toolbar button.code { background-position: -80px 1px; } \ .markedit-toolbar button.image { background-position: -100px 1px; } \ .markedit-toolbar button.numberlist { background-position: -120px 0px; } \ .markedit-toolbar button.bulletlist { background-position: -140px 0px; } \ .markedit-toolbar button.heading { background-position: -160px 0px; } \ .markedit-toolbar button.line { background-position: -180px 0px; } \ .markedit-toolbar button.undo { background-position: -200px 0px; } \ .markedit-toolbar button.redo { background-position: -220px 0px; } \ .markedit-toolbar button.help { background-position: -240px 0px; } \ .markedit-dialog { font-size: 0.75em; } \ .markedit-dialog input { width: 100%; } \ .markedit-preview { padding: 15px; } \ \ /* Selectmenu */ \ .ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; } \ .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; } \ .ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */ \ .ui-selectmenu-menu ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; -webkit-overflow-scrolling: touch;} \ .ui-selectmenu-open { display: block; } \ .ui-selectmenu-menu-popup { margin-top: -1px; } \ .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } \ .ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; } \ .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; } \ .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, \ .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } \ .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } \ .ui-selectmenu-status { line-height: 1.4em; } \ /*.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } */\ .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } \ .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } \ /* for optgroups */ \ .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } \ .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; } \ .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } \ /* IE6 workaround (dotted transparent borders) */ \ * html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; } \ * html .ui-selectmenu-menu li a { position: relative } \ /* IE7 workaround (opacity disabled) */ \ *+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; } \ \ /* selectmenu Tatoeba */ \ .ui-selectmenu-status { line-height: 0.7em; } \ .ui-selectmenu { height: 1.5em;} \ .ui-selectmenu a { width: auto !important; } \ .ui-button { padding: 0.1em 0.2em !important; } \ .ui-button-text { padding: 0.1em 0.2em !important; } \ .ui-selectmenu-status .languageFlag { float: none; margin: 0; vertical-align: text-bottom; } \ .ui-selectmenu { height: auto !important; width: auto !important; } \ .ui-selectmenu-menu li a, .ui-selectmenu-status { padding: 0.3em 1.6em 0.3em 0.8em; } \ /*.search_bar a { color: #257D0C !important; } \ .search_bar .select, .search_bar .input { width: auto !important; } \ .search_bar fieldset { float: left; } */ \ \ .markedit .light-bg button.icon { background-image: url('data:image/png;base64,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'); } .markedit .dark-bg button.icon { background-image: url('data:image/png;base64,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'); } \ \ textarea, .unparsedmarkdown { font-family: monospace; } \ \ pre.unparsedmarkdown { white-space: pre-wrap; } \ .unparsedmarkdown br { display: none; } \ .profileDescription .unparsedmarkdown { font-size: 1.3em; } \ .privateMessage div.body { font-size: 1.1em; } \ .privateMessage pre.body { font-size: 1.2em; } \ .sticky .unparsedmarkdown { border: 1px solid grey; } \ .parsedmarkdown { padding: 15px; } \ .parsedmarkdown blockquote, .markedit-preview blockquote { border-left: 0.3em solid #BBBBBB; margin:0.5em 0; padding: 0 1.1em; } \ .parsedmarkdown > :first-child { margin-top: 0 !important; } \ .parsedmarkdown > :last-child { margin-bottom: 0 !important; } \ .parsedmarkdown li { margin: 0.2em 0 !important; } \ .parsedmarkdown p { margin: 0.2em 0 !important; } \ #WallContent { /* max-width: 508px;*/ } \ .parsedmarkdown ul, .parsedmarkdown ol { padding-left: 3em; } \ .parsedmarkdown ul { list-style: disc; } \ \ .parsedmarkdown ul, .parsedmarkdown ol { padding-left: 3em; } \ .parsedmarkdown ul { list-style: disc; } \ \ #sendMessageForm .markedit textarea, .replyFormDiv .markedit textarea, .markedit textarea { min-width: 388px; margin: 3px 0; } \ #SentenceCommentSaveForm textarea, #sendMessageForm textarea { width: 508px; } \ .replyFormDiv textarea { width: 508px; width:100%; } \ #WallSaveForm textarea { width: 508px; } \ #PrivateMessageContent { width: 560px; } \ #PrivateMessageSendForm .input.text { clear:both; display: inline-block; width: 100%; } \ #PrivateMessageSendForm .input.text label { width:auto; } \ #PrivateMessageSendForm .input.text input { float: right; width: 455px; } \ #PrivateMessageSendForm { /* display: table; */ } \ label:empty { display: none; } \ #SentenceCommentSaveForm textarea { width: auto; } \ .markedit-preview { margin-bottom: 3px; } \ \ a[href^='/tags/show_sentences_with_tag/'] { background: none repeat scroll 0 0 #FFE684; border-bottom: 1px solid #DDDDDD; border-radius: 5px 5px 5px 5px; border-right: 1px solid #DDDDDD; padding: 2px 8px; color: #333333 !important; font-size: 1.2em;} \ \ a[href^='/user/profile/'] { } \ a[href^='/sentences/show/'] { } \ \ a[href^='/tags/show_sentences_with_tag/']:before { content:'#'; } \ a[href^='/user/profile/']:before { content:'@'; } \ a[href^='/sentences/show/']:before { content:'?'; } \ \ .comp { padding:2px 8px; line-height:25px; background-color: #FBFFC9; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-radius:3px; } \ .comp del, .patch del {color:red; background-color: #FFE6E6;} \ .comp ins, .patch ins {color:green; background-color: #E6FFE6;} \ .comp .before ins, .patch .before ins {display:none;} \ .comp .after del, .patch .after del {display:none;} \ \ .autocorrect .ui-selectmenu { display: block; } \ .autocorrect { font-size: 0.8em; margin-bottom: 3px; } \ .autocorrect .patch { width: auto; width: -moz-available; display: inline-table !important; font-family: monospace; white-space:pre-wrap; } \ .autocorrect .patch > span { display: table-cell !important; text-align:left;} \ .autocorrect .patch .gets { font-size: x-large !important; } \ .dropdown { border: 1px solid red; height: 100%; margin-top: -1px; position: absolute; right: -1px; top: 0; width: 26px; } \ \ a { -moz-transition: text-shadow 0.5s ease 0s; text-shadow: none;} \ a:hover { text-shadow: 0 0 2px #89C140; } \ \ .parsedmarkdown table, .markedit-preview table { width: auto; } \ .parsedmarkdown th, .parsedmarkdown td, .markedit-preview th, .markedit-preview td { border: 1px solid black; } \ a:hover .markdownmark.solid path { fill: #FB6B10 !important; } \ a:hover .markdownmark.normal path { fill: #FB6B10 !important; } \ a:hover .markdownmark.normal rect { stroke: #FB6B10 !important; } \ "; GM_addStyle(css); } if(true){ // diff_match_patch // the function that outputs the pretty html for the diffs diff_match_patch.prototype.diff_prettyHtml = function (diffs) { var html = []; var i = 0; for (var x = 0; x < diffs.length; x++) { var op = diffs[x][0]; // Operation (insert, delete, equal) var data = diffs[x][1]; // Text of change. var text = data.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/\n/g, '¶<BR>'); switch (op) { case DIFF_INSERT: html[x] = '<ins>' + text + '</ins>'; break; case DIFF_DELETE: html[x] = '<del>' + text + '</del>'; break; case DIFF_EQUAL: html[x] = '<span>' + text + '</span>'; break; } if (op !== DIFF_DELETE) { i += data.length; } } return html.join(''); }; // http://stackoverflow.com/questions/8584098/how-to-change-an-element-type-using-jquery $.fn.changeElementType = function(newType) { var attrs = {}; $.each(this[0].attributes, function(idx, attr) { attrs[attr.nodeName] = attr.nodeValue; }); var newelement = $("<" + newType + "/>", attrs).append($(this).contents()); this.replaceWith(newelement); return newelement; }; //http://stackoverflow.com/questions/202605/repeat-string-javascript String.prototype.repeat = function(count) { if (count < 1) return ''; var result = '', pattern = this.valueOf(); while (count > 0) { if (count & 1) result += pattern; count >>= 1, pattern += pattern; } return result; }; function linum2int(input) { //jakob input = input.replace(/[^A-Za-z]/, ''); output = 0; for (i = 0; i < input.length; i++) { output = output * 26 + parseInt(input.substr(i, 1), 26 + 10) - 9; } console.log('linum', output); return output; } function int2linum(input) { //jakob // There's a quicker function that does the same on stackoverflow, but i wrote this one myself and im not sure about the license of the other one // http://stackoverflow.com/questions/8603480/how-to-create-a-function-that-converts-a-number-to-a-bijective-hexavigesimal/11506042#11506042 var zeros = 0; var next = input; var generation = 0; while (next >= 27) { next = (next - 1) / 26 - (next - 1) % 26 / 26; zeros += next * Math.pow(27, generation); generation++; } output = (input + zeros).toString(27).replace(/./g, function ($0) { return '_abcdefghijklmnopqrstuvwxyz'.charAt(parseInt($0, 27)); }); return output; } function roman2int(input) { //jakob romans = { 'm': 1000, 'd': 500, 'c': 100, 'l': 50, 'x': 10, 'v': 5, 'i': 1 }; input = input.replace(/[^A-Za-z]/, '').toLowerCase(); output = 0; highest = false; for (i = input.length - 1; i >= 0; i--) { num = romans[input.substr(i, 1)] || 0; highest = (num > highest ? num : highest); output = (num < highest ? (output - num) : (output + num)); } return output; } function int2roman(number) { // http://www.blackwasp.co.uk/NumberToRoman_2.aspx result = ""; values = [1000, 900, 500, 400, 100, 90, 50, 40, 10, 9, 5, 4, 1]; numerals = ["m", "cm", "d", "cd", "c", "xc", "l", "xl", "x", "ix", "v", "iv", "i"]; for (i = 0; i < 13; i++) { while (number >= values[i]) { number -= values[i]; result += numerals[i]; } } return result; } } // Tatoeba specific Text-manipulation if(true){ function tatoebaundo(text) { //console.log(text); // undo the link shortening and fix its bugs // replace shortened link within inline markdown links or images // text = text.replace(/\(<a href="(.*?)">(.*?)<\/a>\)/gi, '\($1\)'); // repair markdown forced links <http://example.com> text = text.replace(/<<a href="(.*?)%3E">(.*?)><\/a>;/gim, function($0, $1, $2){ return '<'+unescape($1)+'>';}); // repair link detection errors text = text.replace(/<a href="(.*?&)">(.*?)<\/a>;/gim, function($0, $1, $2){ return '<'+unescape($1)+'>';}); // replace shortened link with its URL text = text.replace(/<a href="(.*?)">(.*?)<\/a>/gi, function($0, $1, $2){ return '<'+unescape($1)+'>';}); // remove forced linebreaks (<br>) text = text.replace(/(<br\/*>)+/gim, ""); // replace shortened link within reference markdown links or images text = text.replace(/\[(.*)\]\: <a href="(.*)">(.*)<\/a>/gi, '[$1]: $2'); return text; } function tatoedown(text) { // mimik Tatoeba's HTML denial by displaying angle brackets as they are // this will be later reenabled further down, but in the end we maybe don't even want html to be parsed!!! text = text.replace(/</gim, "<").replace(/>/gim, ">"); // reenable html (Tatoeba doesn't allow HTML, so it displays the angle brackets as < and >) // however in the end we maybe don't even want html to be parsed!!! text = text.replace(/</gim, "<").replace(/>/gim, ">"); // convert wiki-style headers "== header ==" with markdown style headers text = text.replace(/^\s*= (.*?) =\s*$/gim, '# $1 #').replace(/^\s*== (.*?) ==\s*$/gim, '## $1 ##').replace(/^\s*=== (.*) ===\s*$/gim, '### $1 ###').replace(/^\s*==== (.*?) ====\s*$/gim, '#### $1 ####').replace(/^\s*====== (.*?) ======\s*$/gim, '###### $1 ######').replace(/^\s*======= (.*?) =======\s*$/gim, '####### $1 #######'); return text; } } // Markdown preview if(true){ // // $.markeditGetHtml // $.fn.markeditGetHtml = function () { /* // Load Showdown if it's not loaded if (typeof(MarkEditShowDown) === 'undefined') { if (typeof(Attacklab) === 'undefined') { throw 'Showdown.js (Attacklab.showdown) must be loaded before MarkEdit.'; } MarkEditShowDown = new Attacklab.showdown.converter(); }*/ // Render the preview var textarea = MarkEdit.getTextArea(this); var text = $(textarea).val(); if (typeof (text) !== 'undefined') { var text = $(this).val(); var html = Pandoc(tatoedown(tatoebaundo(text))); // html = html.replace(/\r/g, ''); /* //this seems to be unneccessary for Tatoeba purposes // Convert newlines to <br/> inside a <p> var lineBreakInP = /(<p>(?:[\S\s](?!<\/p>))*)\n([\S\s]*?<\/p>)/g; var lineBreaksRemaining = lineBreakInP.exec(html); while (lineBreaksRemaining !== null) { html = html.replace(lineBreakInP, '$1<br />$2'); lineBreaksRemaining = lineBreakInP.exec(html); } */ return html; } else { return ''; } }; } // enable MarkEdit with live preview $('#SentenceCommentText, #WallContent, #UserDescription, #PrivateMessageContent').addClass('markedittextarea').markedit({ 'preview': 'below', 'toolbar': { 'backgroundMode': 'light', 'layout': 'bold italic | link quote code image | numberlist bulletlist heading line | cite-sentence', 'buttons': [{ // prepare the link toggle button // this should toggle between endnote and inline link // doesn'T work at all yet 'id': 'linktoggle', 'css': 'icon ui-state-default ui-corner-all', //ui-icon ui-icon-transferthick-e-w 'tip': 'click to toggle between endnote style and inline style', 'click': function () { //markedit = $(this).parentsUntil('.markedit').parent(); //markedit.markeditSetLinkOrImage('http://example.com'); }, 'mouseover': function () {}, 'mouseout': function () {} }, { 'id': 'cite-sentence', 'css': 'icon ui-state-default ui-corner-all', //ui-icon ui-icon-transferthick-e-w 'tip': 'cite the main sentence', 'click': function () { //find the textarea thetextarea = $('.markedittextarea'); state = thetextarea.markeditGetState(); // insert sentence citation (the selection will be the proposed change; // if it's empty the whole sentence will be copied) state.beforeSelect = state.beforeSelect + '"' + $('.mainSentence .sentenceContent .text').text() + '" --> "'; state.select = (state.select == "" ? $('.mainSentence .sentenceContent .text').text() : state.select); state.afterSelect = '"' + state.afterSelect; thetextarea.markeditSetState(state); }, 'mouseover': function () {}, 'mouseout': function () {} }], } }); var profile = (window.location.href.split('/')[4] == 'user' && window.location.href.split('/')[5] == 'profile'); if (profile == true) { user = $('.profileSummary .username').text().trim(); } else { user = '_'; } $('.comments .commentText, .wall .message .body, .profileDescription .content, .privateMessage .body').each(function () { // determine the author of a comment or post if (profile == true) { author = user; } else { author = $(this).parentsUntil('li').parent().find('.meta .author:first').text().trim(); } console.log(author); text = $(this).html(); // trim leading and trailing whitespace to avoid interpretation like code-blocks if($(this).is('.commentText')){ text = text.substring(9, text.length-8); } else if($(this).parent().is('.root')){ text = text.substring(16, text.length-14); } else if($(this).parent().is('.privateMessage')){ text = text.substring(9, text.length-8); } else if($(this).parentsUntil('.replies').parent().is('.replies')){ text = text.substring(17, text.length-12); } text = text.replace(/<br\/?>/g,''); $(this).html(text); // prepare for parsing: text = Pandoc(tatoedown(tatoebaundo(text))); // old parsing // MarkEditShowDown = new Attacklab.showdown.converter(); // parsedmarkdown = $('<div class="parsedmarkdown"></div>').html(MarkEditShowDown.makeHtml(text)); // create the new element parsedmarkdown = $('<div class="parsedmarkdown"></div>').html(text); // copy the CSS classes to the new element parsedmarkdown.addClass($(this).attr("class")).hide(); // hide the new element and put it below the original var pre = $(this); pre.after(parsedmarkdown); pre = pre.changeElementType("pre"); pre.addClass('unparsedmarkdown'); // add classes for later control of visibility //console.log(markdownusers[author]); if (markdownusers[author] == true) { pre.addClass('md_force'); parsedmarkdown.addClass('md_force'); } else if (markdownusers[author] == false) { pre.addClass('md_deny'); parsedmarkdown.addClass('md_deny'); } else { pre.addClass('md_normal'); parsedmarkdown.addClass('md_normal'); } }); if(true){ // This mark was designed by Dustin Curtis, a villain. http://twitter.com/dcurtis markdownmark_normal = '<?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="14" viewBox="0 0 208 128" style="vertical-align: text-bottom;" class="markdownmark normal"> <rect style="fill:none;stroke:white;stroke-width:10" width="198" height="118" x="5" y="5" ry="10" /> <path style="fill:white" d="m 30,98 0,-68 20,0 20,25 20,-25 20,0 0,68 -20,0 0,-39 -20,25 -20,-25 0,39 z" /> <path style="fill:white" d="m 155,98 -30,-33 20,0 0,-35 20,0 0,35 20,0 z" /> </svg>'; markdownmark_solid = '<?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="14" viewBox="0 0 208 128" style="vertical-align: text-bottom;" class="markdownmark solid"> <path d="M 15,0 C 6.7764862,0 0,6.7764862 0,15 l 0,98 c 0,8.22351 6.7764862,15 15,15 l 178,0 c 8.22351,0 15,-6.77649 15,-15 l 0,-98 C 208,6.7764862 201.22351,0 193,0 L 15,0 z m 15,30 20,0 20,25 20,-25 20,0 0,68 -20,0 0,-39 -20,25 -20,-25 0,39 -20,0 0,-68 z m 115,0 20,0 0,35 20,0 -30,33 -30,-33 20,0 0,-35 z" style="fill:white;" /> </svg>'; // create a toggle "button" for switching between "on" and "all off" md_button = $('<a class="menuSection" id="md_button"><span class="state"></span>md<span id="mduser"></span></a>'); md_button.html(markdownmark_normal); // add it a list called "menu" menu = $('<li id="md"></li>').append(md_button); // put it before the user menu in the navigation bar $('#user_menu > ul').prepend(menu); // the toggle function md_button.click(function () { console.log('md_button click'); // get saved variables markdownusers = GM_getValue('markdownusers'); markdownusers = markdownusers || default_markdownusers; markdownusers = JSON.parse(markdownusers); console.log('markdownusers: ' + JSON.stringify(markdownusers)); // the '#' variable represents the on or all-off toggle // if the current state was "on" switch to "all-off" if (markdownusers['#'] == true) { console.log('all-off'); // hide all parsed stuff in "all-off" state $('.parsedmarkdown, .markedit-preview').hide(); $('.unparsedmarkdown').show(); // update the button $('.state').html(markdownmark_solid); $('#md_button').html(markdownmark_solid); // for saving the state markdownusers['#'] = false; } // if the current state was "all-off", or not set, switch to "on" else { console.log('on'); // switch the parsing on according to the current mode if (markdownusers['_'] == true) { $('.md_force').toggle(); } else if (markdownusers['_'] == false) { $('.md_force, .md_normal, .md_deny').toggle(); } else { $('.md_force, .md_normal').toggle(); } // the preview shows in all modes when state is on $('.markedit-preview').show(); // update the button $('.state').html(markdownmark_normal); $('#md_button').html(markdownmark_normal); // for saving the state markdownusers['#'] = true; } // save the new state GM_setValue('markdownusers', JSON.stringify(markdownusers)); }); // create the mode switcher links md_force = $('<li><a id="md_force"><span class="state"></span>force !</a> </li>'); md_normal = $('<li><a id="md_normal"><span class="state"></span>normal .</a> </li>'); md_deny = $('<li><a id="md_deny"><span class="state"></span>deny /</a> </li>'); // create the mode switch list list = $('<ul class="sub-menu"></ul>'); // add the mode switcher links to the mode switch list and put it to the menu menu.append(list.append(md_force, md_normal, md_deny)); // switch to "md_force" mode: only contributions by opt-in users will be parsed md_force.click(function () { console.log('md_force click'); if (profile == true) { markdownusers[author] = true; } else { markdownusers['_'] = true; } // save the new mode GM_setValue('markdownusers', JSON.stringify(markdownusers)); $('#md_normal, #md_normal, #md_deny').parent().show(); $('#md_force').attr('disabled', 'disabled'); $('#md_normal, #md_deny').removeAttr('disabled'); $('#mduser').text("!"); // click twice to unset and reset, so the navigation menu shows the right state md_button.click().click(); }); // switch to "md_normal" mode: all contributions except the opt-out users will be parsed md_normal.click(function () { console.log('md_normal click'); if (profile == true) { delete markdownusers[author]; } else { delete markdownusers['_']; } // save the new mode GM_setValue('markdownusers', JSON.stringify(markdownusers)); $('#md_normal, #md_normal, #md_deny').parent().show(); $('#md_normal').attr('disabled', 'disabled'); $('#md_force, #md_deny').removeAttr('disabled'); $('#mduser').text("."); // click twice to unset and reset, so the navigation menu shows the right state md_button.click().click(); }); // switch to "md_deny" mode: all contributions, even the opt-out users, will be parsed md_deny.click(function () { console.log('md_deny click'); if (profile == true) { markdownusers[author] = false; } else { markdownusers['_'] = false; } // save the new mode GM_setValue('markdownusers', JSON.stringify(markdownusers)); $('#md_normal, #md_normal, #md_deny').parent().show(); $('#md_deny').attr('disabled', 'disabled'); $('#md_force, #md_normal').removeAttr('disabled'); $('#mduser').text("/"); // click twice to unset and reset, so the navigation menu shows the right state md_button.click().click(); }); } if(false){ if (profile == true) { if (markdownusers[author] === true) { md_force.click(); } else if (markdownusers[author] === false) { md_deny.click(); } else { md_normal.click(); } $('#md_normal, #md_normal, #md_deny, #md_button').css({ 'font-style': 'italic' }); } else { if (markdownusers['_'] === true) { md_force.click(); } else if (markdownusers['_'] === false) { md_deny.click(); } else { md_normal.click(); } } }
