add contents

lib/plugins/todo/script.js

@@ -0,0 +1,132 @@
+/**
+ * @date 20130405 Leo Eibler <dokuwiki@sprossenwanne.at> \n
+ *                replace old sack() method with new jQuery method and use post instead of get - see https://www.dokuwiki.org/devel:jqueryfaq \n
+ * @date 20130407 Leo Eibler <dokuwiki@sprossenwanne.at> \n
+ *                use jQuery for finding the elements \n
+ * @date 20130408 Christian Marg <marg@rz.tu-clausthal.de> \n
+ *                change only the clicked todoitem instead of all items with the same text \n
+ * @date 20130408 Leo Eibler <dokuwiki@sprossenwanne.at> \n
+ *                migrate changes made by Christian Marg to current version of plugin (use jQuery) \n
+ * @date 20130410 by Leo Eibler <dokuwiki@sprossenwanne.at> / http://www.eibler.at \n
+ *                bugfix: encoding html code (security risk <todo><script>alert('hi')</script></todo>) - bug reported by Andreas \n
+ * @date 20130413 Christian Marg <marg@rz.tu-clausthal.de> \n
+ *                bugfix: chk.attr('checked') returns checkbox state from html - use chk.is(':checked') - see http://www.unforastero.de/jquery/checkbox-angehakt.php \n
+ * @date 20130413 by Leo Eibler <dokuwiki@sprossenwanne.at> / http://www.eibler.at \n
+ *                bugfix: config option Strikethrough \n
+ */
+
+/**
+ * html-layout:
+ *
+ * +input[checkbox].todocheckbox
+ * +span.todotext
+ * -del
+ * --span.todoinnertext
+ * ---anchor with text or text only
+ */
+
+var ToDoPlugin = {
+    /**
+     * lock to prevent simultanous requests
+     */
+    locked: false,
+
+    /**
+     * @brief onclick method for input element
+     *
+     * @param {jQuery} $chk the jQuery input element
+     */
+    todo: function ($chk) {
+        //skip when locked
+        if (ToDoPlugin.locked) {
+            return;
+        }
+        //set lock
+        ToDoPlugin.locked = true;
+
+
+        var $spanTodoinnertext = $chk.nextAll("span.todotext:first").find("span.todoinnertext"),
+            param = $chk.data(), // contains: index, pageid, date, strikethrough
+            checked = !$chk.is(':checked');
+
+        // if the data-index attribute is set, this is a call from the page where the todos are defined
+        if (param.index === undefined) param.index = -1;
+
+        if ($spanTodoinnertext.length) {
+
+            /**
+             * Callback function update the todoitem when save request succeed
+             *
+             * @param {Array} data returned by ajax request
+             */
+            var whenCompleted = function (data) {
+                //update date after edit and show alert when needed
+                if (data.date) {
+                    jQuery('input.todocheckbox').data('date', data.date);
+                }
+                if (data.message) {
+                    alert(data.message);
+                }
+                //apply styling, or undo checking checkbox
+                if (data.succeed) {
+                    $chk.prop('checked', checked);
+
+                    if (checked) {
+                        if (param.strikethrough && !$spanTodoinnertext.parent().is("del")) {
+                            $spanTodoinnertext.wrap("<del></del>");
+                        }
+                    } else {
+                        if ($spanTodoinnertext.parent().is("del")) {
+                            $spanTodoinnertext.unwrap();
+                        }
+                    }
+                }
+
+                //release lock
+                ToDoPlugin.locked = false;
+            };
+
+            jQuery.post(
+                DOKU_BASE + 'lib/exe/ajax.php',
+                {
+                    call: 'plugin_todo',
+                    index: param.index,
+                    pageid: param.pageid,
+                    checked: checked ? "1" : "0",
+                    date: param.date
+                },
+                whenCompleted,
+                'json'
+            );
+        } else {
+            alert("Appropriate javascript element not found.\nReverting checkmark.");
+        }
+
+    }
+
+
+};
+
+jQuery(function(){
+
+    // add handler to checkbox
+    jQuery('input.todocheckbox').click(function(e){
+        e.preventDefault();
+        e.stopPropagation();
+
+        var $this = jQuery(this);
+        // undo checking the checkbox
+        $this.prop('checked', !$this.is(':checked'));
+
+        ToDoPlugin.todo($this);
+    });
+
+    // add click handler to todotext spans when marked with 'clickabletodo'
+    jQuery('span.todotext.clickabletodo').click(function(){
+        //Find the checkbox node we need
+        var $chk = jQuery(this).prevAll('input.todocheckbox:first');
+
+        ToDoPlugin.todo($chk);
+    });
+
+});