editor tutorial text + editor update
[redakcja.git] / redakcja / static / js / button_scripts.js
index a7c5460..6e72915 100644 (file)
@@ -48,10 +48,19 @@ function ScriptletCenter()
 {
     this.scriptlets = {};
 
 {
     this.scriptlets = {};
 
-    this.scriptlets['insert_tag'] = function(context, params, text, move_forward, done)
+    this.scriptlets['insert_text'] = function(context, params, text, move_forward, move_up, done)
     {
     {
+        done(params.text, move_forward, move_up);
+    }.bind(this);
+
+    this.scriptlets['insert_tag'] = function(context, params, text, move_forward, move_up, done)
+    {
+        var padding_top = '';
+        for (var i=params.padding_top; i; i--)
+            padding_top += '\n';
+
         var start_tag = '<'+params.tag;
         var start_tag = '<'+params.tag;
-        var move_cursor = false;
+        var cursor_inside = false;
 
         for (var attr in params.attrs) {
             start_tag += ' '+attr+'="' + params.attrs[attr] + '"';
 
         for (var attr in params.attrs) {
             start_tag += ' '+attr+'="' + params.attrs[attr] + '"';
@@ -60,6 +69,10 @@ function ScriptletCenter()
         start_tag += '>';
         var end_tag = '</'+params.tag+'>';
 
         start_tag += '>';
         var end_tag = '</'+params.tag+'>';
 
+        var padding_bottom = '';
+        for (var i=params.padding_bottom; i; i--)
+            padding_bottom += '\n';
+
         if(text.length > 0) {
             // tokenize
             var output = '';
         if(text.length > 0) {
             // tokenize
             var output = '';
@@ -71,37 +84,41 @@ function ScriptletCenter()
                 }
                 else { // character
                     output += token;
                 }
                 else { // character
                     output += token;
-                    if(output == token) output += start_tag;
+                    if(output == token) output += padding_top + start_tag;
                     token = '';
                     output += text[index];
                 }
             }
 
             if( output[output.length-1] == '\\' ) {
                     token = '';
                     output += text[index];
                 }
             }
 
             if( output[output.length-1] == '\\' ) {
-                output = output.substr(0, output.length-1) + end_tag + '\\';
+                output = output.substr(0, output.length-1) + end_tag + padding_bottom + '\\';
             } else {
             } else {
-                output += end_tag;
+                output += end_tag + padding_bottom;
             }
             output += token;
             }
             output += token;
+
+            // keep cursor inside tag if some previous scriptlet has already moved it
+            cursor_inside = move_forward != 0 || move_up != 0;
         }
         else {
             if(params.nocontent) {
         }
         else {
             if(params.nocontent) {
-                output = "<"+params.tag +" />";
+                output = padding_top + "<"+params.tag +" />" + padding_bottom;
             }
             else {
             }
             else {
-                output = start_tag + end_tag;
-                move_cursor = true;
+                output = padding_top + start_tag + end_tag + padding_bottom;
+                cursor_inside = true;
             }
         }
 
             }
         }
 
-        if (move_cursor) {
-            move_forward -= params.tag.length+3;
+        if (cursor_inside) {
+            move_forward -= params.tag.length + 3;
+            move_up += params.padding_bottom || 0;
         }
 
         }
 
-        done(output, move_forward);
+        done(output, move_forward, move_up);
     }.bind(this);
 
     }.bind(this);
 
-    this.scriptlets['lineregexp'] = function(context, params, text, move_forward, done) {
+    this.scriptlets['lineregexp'] = function(context, params, text, move_forward, move_up, done) {
                var self = this;
 
         var exprs = $.map(params.exprs, function(expr) {
                var self = this;
 
         var exprs = $.map(params.exprs, function(expr) {
@@ -114,8 +131,7 @@ function ScriptletCenter()
                 };
         });
 
                 };
         });
 
-        var partial = true;
-        if(!text) done(text, move_forward);
+        if(!text) done(text, move_forward, move_up);
 
         var changed = 0;
         var lines = text.split('\n');
 
         var changed = 0;
         var lines = text.split('\n');
@@ -136,11 +152,11 @@ function ScriptletCenter()
                 text = newlines.join('\n');
             };
 
                 text = newlines.join('\n');
             };
 
-            done(text, move_forward);
+            done(text, move_forward, move_up);
                });
     }.bind(this);
 
                });
     }.bind(this);
 
-    this.scriptlets['fulltextregexp'] = function(context, params, text, move_forward, done) {
+    this.scriptlets['fulltextregexp'] = function(context, params, text, move_forward, move_up, done) {
                var self = this;
 
         var exprs = $.map(params.exprs, function(expr) {
                var self = this;
 
         var exprs = $.map(params.exprs, function(expr) {
@@ -154,60 +170,50 @@ function ScriptletCenter()
                 };
         });
 
                 };
         });
 
-        if(!text) done(text, move_forward);
-        var original = text;$
+        if(!text) done(text, move_forward, move_up);
 
                nblck_each(exprs, function(expr, index) {
                        $progress.html(600 + index);
             text = text.replace(expr.rx, expr.repl);
         }, function() {
 
                nblck_each(exprs, function(expr, index) {
                        $progress.html(600 + index);
             text = text.replace(expr.rx, expr.repl);
         }, function() {
-                       done(text, move_forward);
+                       done(text, move_forward, move_up);
                });
     }.bind(this);
 
                });
     }.bind(this);
 
-    this.scriptlets['macro'] = function(context, params, text, move_forward, done) {
+    this.scriptlets['macro'] = function(context, params, text, move_forward, move_up, done) {
         var self = this;
                var i = 0;
 
         var self = this;
                var i = 0;
 
-               function next(text, move_forward) {
+               function next(text, move_forward, move_up) {
                if (i < params.length) {
                                var e = params[i];
                                i = i + 1;
                if (i < params.length) {
                                var e = params[i];
                                i = i + 1;
-                               self.scriptlets[e[0]](context, e[1], text, move_forward, next);
+                               self.scriptlets[e[0]](context, e[1], text, move_forward, move_up, next);
                        }
                        else {
                        }
                        else {
-                               done(text, move_forward);
+                               done(text, move_forward, move_up);
                        }
         };
 
                        }
         };
 
-               next(text, move_forward);
+               next(text, move_forward, move_up);
     }.bind(this);
 
     }.bind(this);
 
-    this.scriptlets['lowercase'] = function(context, params, text, move_forward, done)
+    this.scriptlets['lowercase'] = function(context, params, text, move_forward, move_up, done)
     {
     {
-        if(!text) done(text, move_forward);
+        if(!text) done(text, move_forward, move_up);
+        done(text.toLowerCase(), move_forward, move_up);
+    }.bind(this);
 
 
-        var lcase = text.toLowerCase();
-        var ucase = text.toUpperCase();
 
 
-        if(lcase == text) repl = ucase; /* was lowercase */
-        else if(ucase != text) repl = lcase; /* neither lower- or upper-case */
-        else { /* upper case -> camel-case */
-            var words = $.map(lcase.split(/\s/), function(word) {
-                if(word.length > 0) {
-                    return word[0].toUpperCase() + word.slice(1);
-                } else {
-                    return '';
-                }
-            });
-            text = words.join(' ');
-        }
-
-        done(text, move_forward);
-    }.bind(this);
+    this.scriptlets["insert_stanza"] = function(context, params, text, move_forward, move_up, done) {
+        var padding_top = '';
+        for (var i=params.padding_top; i; i--)
+            padding_top += '\n';
 
 
+        var padding_bottom = '';
+        for (var i=params.padding_bottom; i; i--)
+            padding_bottom += '\n';
 
 
-    this.scriptlets["insert_stanza"] = function(context, params, text, move_forward, done) {
         if(text) {
             var verses = text.split('\n');
             text = ''; var buf = ''; var ebuf = '';
         if(text) {
             var verses = text.split('\n');
             text = ''; var buf = ''; var ebuf = '';
@@ -224,14 +230,67 @@ function ScriptletCenter()
                     ebuf += '\n' + verses[i];
                 }
             }
                     ebuf += '\n' + verses[i];
                 }
             }
-            text = text + buf + '\n</strofa>' + ebuf;
+            text = padding_top + text + buf + '\n</strofa>' + padding_bottom + ebuf;
         }
         else {
         }
         else {
-            text = "<strofa></strofa>"
+            text = padding_top + "<strofa></strofa>" + padding_bottom;
             move_forward -= "</strofa>".length;
             move_forward -= "</strofa>".length;
+            move_up += params.padding_bottom || 0;
         }
 
         }
 
-        done(text, move_forward);
+        done(text, move_forward, move_up);
+    }.bind(this);
+
+
+    this.scriptlets['autotag'] = function(context, params, text, move_forward, move_up, done)
+    {
+        if(!text.match(/^\n+$/)) done(text, move_forward, move_up);
+
+        var output = '';
+
+        function insert_done(text, mf, mu) {
+            output += text;
+        }
+
+        if (!params.split) params.split = 2;
+        if (!params.padding) params.padding = 3;
+
+        if (params.tag == 'strofa')
+            tagger = this.scriptlets['insert_stanza'];
+        else
+            tagger = this.scriptlets['insert_tag'];
+
+        var padding_top = text.match(/^\n+/)
+        output = padding_top ? padding_top[0] : '';
+
+        padding = '';
+        for(var i=params.padding; i; --i) {
+            padding += "\n";
+        }
+
+        text = text.substr(output.length);
+        var chunk_reg = new RegExp("^([\\s\\S]+?)(\\n{"+params.split+",}|$)");
+        while (match = text.match(chunk_reg)) {
+            if (params.tag == 'akap' && match[1].match(/^---/))
+                tag = 'akap_dialog';
+            else tag = params.tag;
+            tagger(context, {tag: tag}, match[1], 0, 0, insert_done);
+            if (match[2].length > params.padding)
+                output += match[2];
+            else
+                output += padding;
+            text = text.substr(match[0].length)
+        }
+
+        output += text;
+
+        done(output, move_forward, move_up);
+    }.bind(this);
+
+
+    this.scriptlets['slugify'] = function(context, params, text, move_forward, move_up, done)
+    {
+        done(slugify(text.replace(/_/g, '-')), move_forward, move_up);
     }.bind(this);
 
 }
     }.bind(this);
 
 }
@@ -249,16 +308,16 @@ ScriptletCenter.prototype.callInteractive = function(opts) {
        $.blockUI({message: $progress, showOverlay: false});
 
     var input = self.XMLEditorSelectedText(opts.context);
        $.blockUI({message: $progress, showOverlay: false});
 
     var input = self.XMLEditorSelectedText(opts.context);
-       self.scriptlets[opts.action](opts.context, opts.extra, input, 0, function(output, move_forward){
+       self.scriptlets[opts.action](opts.context, opts.extra, input, 0, 0, function(output, move_forward, move_up){
            /*if(timer)
                clearTimeout(timer);
            else */
         if (input != output) {
             self.XMLEditorReplaceSelectedText(opts.context, output)
         }
            /*if(timer)
                clearTimeout(timer);
            else */
         if (input != output) {
             self.XMLEditorReplaceSelectedText(opts.context, output)
         }
-        if (move_forward) {
+        if (move_forward || move_up) {
             try {
             try {
-                self.XMLEditorMoveCursorForward(opts.context, move_forward)
+                self.XMLEditorMoveCursorForward(opts.context, move_forward, move_up)
             }
             catch(e) {}
         }
             }
             catch(e) {}
         }
@@ -277,13 +336,28 @@ ScriptletCenter.prototype.XMLEditorReplaceSelectedText = function(editor, replac
        editor.replaceSelection(replacement);
 };
 
        editor.replaceSelection(replacement);
 };
 
-ScriptletCenter.prototype.XMLEditorMoveCursorForward = function(panel, n) {
+ScriptletCenter.prototype.XMLEditorMoveCursorForward = function(panel, right, up) {
     var pos = panel.cursorPosition();
     var pos = panel.cursorPosition();
-    panel.selectLines(pos.line, pos.character + n);
+    if (up) {
+        line = pos.line;
+        while (up < 0) {
+            line = panel.nextLine(line);
+            ++up;
+        }
+        while (up > 0) {
+            line = panel.prevLine(line);
+            --up;
+        }
+        len = panel.lineContent(line).length;
+        panel.selectLines(line, len + right);
+    }
+    else {
+        panel.selectLines(pos.line, pos.character + right);
+    }
 };
 
 var scriptletCenter;
 
 $(function() {
     scriptletCenter = new ScriptletCenter();
 };
 
 var scriptletCenter;
 
 $(function() {
     scriptletCenter = new ScriptletCenter();
-});
\ No newline at end of file
+});