Visual feedback after adding a slot

[rickybanister]

Opened by Rick Banister 5/26/2009 11:12 AM

Make the new slot flash when it appears to let people know which thing on the page is new. Yellow? or a color specified in the stylesheet.

Edited by John Benson 9/30/2009 2:31 PM

One thing that would help here is if there's a "last-edited" class on the slot that ran the save action.

This could be used to scope the pulse.

If history is fired and an entire area gets revised. The scope will hit the entire area.

The pulse will just eat whichever element has the class name and then clear itself out when it's done.

[johnnyoffline]

When you add a new slot, the slot flashes yellow. I think yellow is ugly.

var newSlot = $('#a-area-<?php echo "$pageid-$name" ?>').find('.a-new-slot');
if (newSlot.length) {
  newSlot.effect("highlight", {}, 1000);
  $('#a-add-slot-<?php echo $pageid.'-'.$name ?>').parent().trigger('toggleClosed');
};

I am not sure how the best way to handle changing the highlight color - considering that it's set where the javascript call lives --
but for completeness' sake you do it like this:

$(this).effect("highlight", {color: 'blue'}, 3000);