stuff_to_do_plugin 0.4.0

data/assets/javascripts/jquery.contextMenu.js

@@ -0,0 +1,212 @@
+// jQuery Context Menu Plugin
+//
+// Version 1.00
+//
+// Cory S.N. LaViska
+// A Beautiful Site (http://abeautifulsite.net/)
+//
+// Visit http://abeautifulsite.net/notebook/80 for usage and more information
+//
+// Terms of Use
+//
+// This software is licensed under a Creative Commons License and is copyrighted
+// (C)2008 by Cory S.N. LaViska.
+//
+// For details, visit http://creativecommons.org/licenses/by/3.0/us/
+//
+if(jQuery)( function($) {
+    $.extend($.fn, {
+
+        contextMenu: function(o, callback) {
+            // Defaults
+            if( o.menu == undefined ) return false;
+            if( o.menuCssName == undefined ) o.menuCssName = 'contextMenu';
+            if( o.inSpeed == undefined ) o.inSpeed = 150;
+            if( o.outSpeed == undefined ) o.outSpeed = 75;
+            // 0 needs to be -1 for expected results (no fade)
+            if( o.inSpeed == 0 ) o.inSpeed = -1;
+            if( o.outSpeed == 0 ) o.outSpeed = -1;
+            // Loop each context menu
+            $(this).each( function() {
+                var el = $(this);
+                var offset = $(el).offset();
+                // Add contextMenu class
+                $('#' + o.menu).addClass(o.menuCssName);
+                // Simulate a true right click
+                $(this).mousedown( function(e) {
+                    var evt = e;
+                    $(this).mouseup( function(e) {
+                        var srcElement = $(this);
+                        $(this).unbind('mouseup');
+                        if( evt.button == 2 ) {
+                            // Hide context menus that may be showing
+                            $("." + o.menuCssName).hide();
+                            // Get this context menu
+                            var menu = $('#' + o.menu);
+
+                            if( $(el).hasClass('disabled') ) return false;
+
+                            // Detect mouse position
+                            var d = {}, x, y;
+                            if( self.innerHeight ) {
+                                d.pageYOffset = self.pageYOffset;
+                                d.pageXOffset = self.pageXOffset;
+                                d.innerHeight = self.innerHeight;
+                                d.innerWidth = self.innerWidth;
+                            } else if( document.documentElement &&
+                                document.documentElement.clientHeight ) {
+                                d.pageYOffset = document.documentElement.scrollTop;
+                                d.pageXOffset = document.documentElement.scrollLeft;
+                                d.innerHeight = document.documentElement.clientHeight;
+                                d.innerWidth = document.documentElement.clientWidth;
+                            } else if( document.body ) {
+                                d.pageYOffset = document.body.scrollTop;
+                                d.pageXOffset = document.body.scrollLeft;
+                                d.innerHeight = document.body.clientHeight;
+                                d.innerWidth = document.body.clientWidth;
+                            }
+                            (e.pageX) ? x = e.pageX : x = e.clientX + d.scrollLeft;
+                            (e.pageY) ? y = e.pageY : x = e.clientY + d.scrollTop;
+
+                            // Show the menu
+                            $(document).unbind('click');
+                            $(menu).css({ top: y, left: x }).fadeIn(o.inSpeed);
+                            // Hover events
+                            $(menu).find('A').mouseover( function() {
+                                $(menu).find('LI.hover').removeClass('hover');
+                                $(this).parent().addClass('hover');
+                            }).mouseout( function() {
+                                $(menu).find('LI.hover').removeClass('hover');
+                            });
+
+                            // Keyboard
+                            $(document).keypress( function(e) {
+                                switch( e.keyCode ) {
+                                    case 38: // up
+                                        if( $(menu).find('LI.hover').size() == 0 ) {
+                                            $(menu).find('LI:last').addClass('hover');
+                                        } else {
+                                            $(menu).find('LI.hover').removeClass('hover').prevAll('LI:not(.disabled)').eq(0).addClass('hover');
+                                            if( $(menu).find('LI.hover').size() == 0 ) $(menu).find('LI:last').addClass('hover');
+                                        }
+                                    break;
+                                    case 40: // down
+                                        if( $(menu).find('LI.hover').size() == 0 ) {
+                                            $(menu).find('LI:first').addClass('hover');
+                                        } else {
+                                            $(menu).find('LI.hover').removeClass('hover').nextAll('LI:not(.disabled)').eq(0).addClass('hover');
+                                            if( $(menu).find('LI.hover').size() == 0 ) $(menu).find('LI:first').addClass('hover');
+                                        }
+                                    break;
+                                    case 13: // enter
+                                        $(menu).find('LI.hover A').trigger('click');
+                                    break;
+                                    case 27: // esc
+                                        $(document).trigger('click');
+                                    break
+                                }
+                            });
+
+                            // When items are selected
+                            $('#' + o.menu).find('A').unbind('click');
+                            $('#' + o.menu).find('LI:not(.disabled) A').click( function() {
+                                $(document).unbind('click').unbind('keypress');
+                                $("." + o.menuCssName).hide();
+                                // Callback
+                                if( callback ) callback( $(this).attr('href').substr(1), $(srcElement), {x: x - offset.left, y: y - offset.top, docX: x, docY: y} );
+                                return false;
+                            });
+
+                            // Hide bindings
+                            setTimeout( function() { // Delay for Mozilla
+                                $(document).click( function() {
+                                    $(document).unbind('click').unbind('keypress');
+                                    $(menu).fadeOut(o.outSpeed);
+                                    return false;
+                                });
+                            }, 0);
+                        }
+                    });
+                });
+
+                // Disable text selection
+                if( $.browser.mozilla ) {
+                    $('#' + o.menu).each( function() { $(this).css({ 'MozUserSelect' : 'none' }); });
+                } else if( $.browser.msie ) {
+                    $('#' + o.menu).each( function() { $(this).bind('selectstart.disableTextSelect', function() { return false; }); });
+                } else {
+                    $('#' + o.menu).each(function() { $(this).bind('mousedown.disableTextSelect', function() { return false; }); });
+                }
+                // Disable browser context menu (requires both selectors to work in IE/Safari + FF/Chrome)
+                $(el).add('UL.' + o.menuCssName).bind('contextmenu', function() { return false; });
+
+            });
+            return $(this);
+        },
+
+        // Disable context menu items on the fly
+        disableContextMenuItems: function(o) {
+            if( o == undefined ) {
+                // Disable all
+                $(this).find('LI').addClass('disabled');
+                return( $(this) );
+            }
+            $(this).each( function() {
+                if( o != undefined ) {
+                    var d = o.split(',');
+                    for( var i = 0; i < d.length; i++ ) {
+                        $(this).find('A[href="' + d[i] + '"]').parent().addClass('disabled');
+
+                    }
+                }
+            });
+            return( $(this) );
+        },
+
+        // Enable context menu items on the fly
+        enableContextMenuItems: function(o) {
+            if( o == undefined ) {
+                // Enable all
+                $(this).find('LI.disabled').removeClass('disabled');
+                return( $(this) );
+            }
+            $(this).each( function() {
+                if( o != undefined ) {
+                    var d = o.split(',');
+                    for( var i = 0; i < d.length; i++ ) {
+                        $(this).find('A[href="' + d[i] + '"]').parent().removeClass('disabled');
+
+                    }
+                }
+            });
+            return( $(this) );
+        },
+
+        // Disable context menu(s)
+        disableContextMenu: function() {
+            $(this).each( function() {
+                $(this).addClass('disabled');
+            });
+            return( $(this) );
+        },
+
+        // Enable context menu(s)
+        enableContextMenu: function() {
+            $(this).each( function() {
+                $(this).removeClass('disabled');
+            });
+            return( $(this) );
+        },
+
+        // Destroy context menu(s)
+        destroyContextMenu: function() {
+            // Destroy specified context menus
+            $(this).each( function() {
+                // Disable action
+                $(this).unbind('mousedown').unbind('mouseup');
+            });
+            return( $(this) );
+        }
+
+    });
+})(jQuery);

data/assets/javascripts/semantic.cache

@@ -0,0 +1,15 @@
+;; Object javascripts/
+;; SEMANTICDB Tags save file
+(semanticdb-project-database-file "javascripts/"
+  :tables (list 
+   (semanticdb-table "stuff-to-do.js"
+    :major-mode 'javascript-mode
+    :tags '(("attachSortables" function nil nil [938 1844]) ("saveOrder" function nil nil [1846 2464]))
+    :file "stuff-to-do.js"
+    :pointmax 2466
+    )
+   )
+  :file "semantic.cache"
+  :semantic-tag-version "2.0pre4"
+  :semanticdb-version "2.0pre4"
+  )

data/assets/javascripts/stuff-to-do.js

@@ -0,0 +1,270 @@
+// TODO: JSUnit test this
+jQuery(function($) {
+    $("#user_id").change(function() {  $("form#user_switch").submit();  });
+    $("#ajax-indicator").ajaxStart(function(){ $(this).show();  });
+    $("#ajax-indicator").ajaxStop(function(){ $(this).hide();  });
+
+    $("#filter").change(function() {
+        if ($('#filter').val() != '') {
+            $.ajax({
+                type: "GET",
+                url: 'stuff_to_do/available_issues.js',
+                data: $('#filter').serialize(),
+                success: function(response) {
+                    $('#available-pane').html(response);
+                    attachSortables();
+                },
+                error: function(response) {
+                    $("div.error").html("Error filtering pane.  Please refresh the page.").show();
+                }});
+        }
+    });
+
+  attachSortables = function() {
+    $("#available").sortable({
+        cancel: 'a',
+        connectWith: ["#doing-now", "#recommended", "#time-grid-table tbody"],
+        placeholder: 'drop-accepted',
+        dropOnEmpty: true,
+        update : function (event, ui) {
+            if ($('#available li.issue').length > 0) {
+                $("#available li.empty-list").hide();
+            } else {
+                $("#available li.empty-list").show();
+            }
+        },
+      receive : function (event, ui) { removeItemFromTimeGridIfNeeded(event,ui);}
+    });
+
+    $("#doing-now").sortable({
+        cancel: 'a',
+        connectWith: ["#available", "#recommended", "#time-grid-table tbody"],
+        dropOnEmpty: true,
+        placeholder: 'drop-accepted',
+        update : function (event, ui) { saveOrder(ui); },
+        receive : function (event, ui) { removeItemFromTimeGridIfNeeded(event,ui);}
+    });
+
+    $("#recommended").sortable({
+        cancel: 'a',
+        connectWith: ["#available", "#doing-now", "#time-grid-table tbody"],
+        dropOnEmpty: true,
+        placeholder: 'drop-accepted',
+        update : function (event, ui) { saveOrder(ui); },
+        receive : function (event, ui) { removeItemFromTimeGridIfNeeded(event,ui);}
+    });
+
+    $("#time-grid-table tbody").sortable({
+        connectWith: ["#available", "#doing-now", "#recommended"],
+        items: 'tr',
+        placeholder: 'drop-accepted',
+        // Cancel the drag and drop if it's reordering itself
+        update: function (event, ui) {
+          if (ui.sender == null && isDraggingToTimeGrid($(event.target))) {
+            $(this).sortable('cancel');
+          }
+        },
+        receive : function (event, ui) {
+          $(ui.sender).sortable('cancel');
+          if (isAddingAnIssueToTimeGrid($(event.target))) {
+            var std_item = ui.item;
+            // Only add issues that are missing.
+            if (!isProjectItem(std_item) && !isItemInTimeGrid(std_item)) {
+                addItemToTimeGrid(std_item);
+            }
+          }
+        }
+    });
+  },
+
+  saveOrder = function() {
+    data = 'user_id=' + user_id + '&' + $("#doing-now").sortable('serialize') + '&' + $("#recommended").sortable('serialize');
+    if (filter != null) {
+        data = data + '&filter=' + filter;
+    }
+
+    data = addAuthenticityToken(data);
+
+    $.ajax({
+        type: "POST",
+        url: 'stuff_to_do/reorder.js',
+        data: data,
+        success: function(response) {
+            $('#panes').html(response);
+            attachSortables();
+        },
+        error: function(response) {
+            $("div#stuff-to-do-error").html("Error saving lists.  Please refresh the page and try again.").show();
+        }});
+
+  },
+
+    addItemToTimeGrid = function(issue) {
+        $.ajax({
+            type: "POST",
+            url: 'stuff_to_do/add_to_time_grid.js',
+            data: addAuthenticityToken('issue_id=' + getRecordId(issue) + '&' + $('#query_form').serialize()),
+            success: function(response) {
+                $('#time-grid').html(response);
+                attachSortables();
+            },
+        error: function(response) {
+            $("div#time-grid-error").html("Error saving Time Grid.  Please refresh the page and try again.").show();
+        }});
+    },
+
+    removeItemFromTimeGrid = function(issue) {
+        $.ajax({
+            type: "POST",
+            url: 'stuff_to_do/remove_from_time_grid.js',
+            data: addAuthenticityToken('issue_id=' + getRecordId(issue) + '&' + $('#query_form').serialize()),
+            success: function(response) {
+                $('#time-grid').html(response);
+                attachSortables();
+            },
+        error: function(response) {
+            $("div#time-grid-error").html("Error saving Time Grid.  Please refresh the page and try again.").show();
+        }});
+    },
+
+    isProjectItem = function(element) {
+        return element.attr('id').match(/project/);
+    },
+
+    isItemInTimeGrid = function(element) {
+        var record_id = getRecordId(element);
+        return $('td.time-grid-issue issue_' + record_id).size() > 0;
+    },
+
+    isAddingAnIssueToTimeGrid = function(jqueryElement) {
+      return (jqueryElement.parents('#time-grid-table').length == 0);
+    },
+
+    isDraggingToTimeGrid = function(jqueryElement) {
+      return !isAddingAnIssueToTimeGrid(jqueryElement);
+    },
+
+    getRecordId = function(jqueryElement) {
+        return jqueryElement.attr('id').split('_').last();
+    },
+
+    removeItemFromTimeGridIfNeeded = function (event, ui) {
+      if (!isAddingAnIssueToTimeGrid($(event.target)) ||  !isAddingAnIssueToTimeGrid(ui.sender)) {
+        $(ui.sender).sortable('cancel');
+        removeItemFromTimeGrid(ui.item);
+      }
+    },
+
+    timeLogFacebox = function(issue_id, date) {
+        if (issue_id != undefined) {
+            $('#time_entry__issue_id').val(issue_id);
+        }
+
+        if (date != undefined) {
+            $('#time_entry__core').val(date); // Renamed below
+        }
+
+        $.facebox({div: '#logtime'});
+        bindTimeEntryForm(); // Rebind since Facebox copies it
+        // Need to rebind the calendar by renaming the time_entry
+        // fields and running setup.
+        $('#facebox #time_entry__core').attr("id", "time_entry__spent_on");
+        $('#facebox #time_entry__core_trigger').attr("id", "time_entry__spent_on_trigger");
+        Calendar.setup({inputField : 'time_entry__spent_on', ifFormat : '%Y-%m-%d', button : 'time_entry__spent_on_trigger' });
+    },
+
+    parseIssueId = function(jqueryElement) {
+        return jqueryElement.attr('id').split('_')[1];
+    },
+
+    parseDateFromGrid = function(jqueryElement) {
+        return jqueryElement.attr('class').split(' ')[1];
+    },
+
+    saveTimeEntriesRemotely = function(form) {
+        $.ajax({
+            type: "POST",
+            url: 'stuff_to_do/save_time_entry.js',
+            data: addAuthenticityToken($(form).serialize()),
+            success: function(response) {
+                $('#time-grid').before(response).remove();
+                $('.time-grid-flash').not(':empty').show();
+              jQuery(document).trigger('close.facebox');
+            },
+            error: function(response) {
+              alert(response.responseText);
+            }
+        });
+    },
+
+    bindContextMenuToTimeGrid = function() {
+        $("#time-grid-table tr td.time-grid-date").
+            contextMenu({ menu: 'time-grid-menu', menuCssName: 'context-menu' },
+                        function(action, el, pos) {
+                            timeLogFacebox(parseIssueId(el.parent()),
+                                           parseDateFromGrid(el));
+                        });
+    },
+
+    bindTimeEntryForm = function() {
+        $('#facebox #logtime form').submit(function(){
+            saveTimeEntriesRemotely(this);
+            return false;
+        });
+    },
+
+    bindSaveTimeGridButtons = function() {
+        $('.save-time-grid').click(function(){
+            saveTimeEntriesRemotely();
+            return false;
+        });
+    },
+
+    initTimeGrid = function() {
+        bindContextMenuToTimeGrid();
+        bindTimeEntryForm();
+        bindSaveTimeGridButtons();
+    },
+
+    addAuthenticityToken = function(data) {
+      return data + '&authenticity_token=' + encodeURIComponent(window._token);
+    },
+
+  attachSortables();
+
+    // Fix the image paths in facebox
+    $.extend($.facebox.settings, {
+        loadingImage: '../images/loading.gif',
+        closeImage: '../plugin_assets/stuff_to_do_plugin/images/closelabel.gif',
+        faceboxHtml  : '\
+    <div id="facebox" style="display:none;"> \
+      <div class="popup"> \
+        <table> \
+          <tbody> \
+            <tr> \
+              <td class="tl"/><td class="b"/><td class="tr"/> \
+            </tr> \
+            <tr> \
+              <td class="b"/> \
+              <td class="body"> \
+                <div class="content"> \
+                </div> \
+                <div class="footer"> \
+                  <a href="#" class="close"> \
+                    <img src="../plugin_assets/stuff_to_do_plugin/images/closelabel.gif" title="close" class="close_image" /> \
+                  </a> \
+                </div> \
+              </td> \
+              <td class="b"/> \
+            </tr> \
+            <tr> \
+              <td class="bl"/><td class="b"/><td class="br"/> \
+            </tr> \
+          </tbody> \
+        </table> \
+      </div> \
+    </div>'
+
+    });
+
+});