Path

ez projects / ezautosave / forum / general / notification bar - ideas ne...


Notification bar - ideas needed

You need to be logged in to post messages in the forums. New users may register here.

Quoc-Huy NGUYEN DINH

Member since:
19 March 2008

Posts: 23

Tuesday 18 October 2011 9:26:06 pm

Currently when the autosave process is completed, there is an orange notification bar appearing on the top of the page and then disappears after couple of seconds.

This could annoy certain people that get distracted by blinking coloured items while they are editing.

In his review, Nicolas has suggested gmail/docs autosave notification style by adding a text and changing the button label. This could work well on the frontend editor but in the back office with admin2 design, the buttons are at the top and bottom of the page and are not always visible.

So I'm launching this topic to gather some ideas.

Maybe instead of orange I could do with white and dotted light grey border?

--
NGUYEN DINH Quoc-Huy (Huy for short...)
The Financial Times: http://ft.com/
eZ Certified: http://auth.ez.no/certification/verify/380953
Website: http://www.quoc-huy.com/
Photography: http://www.qhphotography.com/

Twitter: @quochuync @qhphotography
G+: http://plus.tl/quochuy

Up

Quoc-Huy NGUYEN DINH

Member since:
19 March 2008

Posts: 23

Wednesday 19 October 2011 1:59:41 pm

I've added in v1.0beta3 support to a new notification method, additionally to the text label you can now choose to notify with a 2 pixels pulsing line.

--
NGUYEN DINH Quoc-Huy (Huy for short...)
The Financial Times: http://ft.com/
eZ Certified: http://auth.ez.no/certification/verify/380953
Website: http://www.quoc-huy.com/
Photography: http://www.qhphotography.com/

Twitter: @quochuync @qhphotography
G+: http://plus.tl/quochuy

Up

kracker

Member since:
09 January 2008

Posts: 33

Wednesday 19 October 2011 9:12:16 pm

Hello Quoc Huy,

Just a quick note from me today.

Thanks for the new release updates.

Your really doing a great job! Keep up the great work!

Cheers,
//kracker

Sole: Dispatches From The American Fall: Blood Libel

Member since: 2001.07.13 || http://ezpedia.org/

Up

Quoc-Huy NGUYEN DINH

Member since:
19 March 2008

Posts: 23

Thursday 20 October 2011 3:47:12 pm

Thanks mate

--
NGUYEN DINH Quoc-Huy (Huy for short...)
The Financial Times: http://ft.com/
eZ Certified: http://auth.ez.no/certification/verify/380953
Website: http://www.quoc-huy.com/
Photography: http://www.qhphotography.com/

Twitter: @quochuync @qhphotography
G+: http://plus.tl/quochuy

Up

Nicolas Pastorino

Member since:
14 September 2005

Posts: 60

Monday 24 October 2011 3:39:59 pm

Hi Huy,

The pulsing bar is indeed very discreet, but imho lacks clarity : an editor might not know what this corresponds to, thus not have the increased comfort feeling the auto-save feature brings. I'd make it more visible.

I have had issues with the "label" mode on a 2011.8 install : the pulsing bar mode persists no matter what, although the configuration returned by ezjscore is as follows :




{"error_text":"","content":"{\"autosave_interval\":15000,\"warn_on_unload\":true,\"notification_method\":\"label\"}"}




Bug or misconfiguration on my side ?

Back to the very topic : i love the http://stackoverflow.com notification bar. Visible, yet discreet, close-able. We will soon need on share.ez.no such a visual, front-end notification system and i had initially thought of making it a dedicated project on projects.ez.no : would you consider externalizing this as a portable, universal notification bar with a simple JS api ? I'd obviously step-in on the project to help.

Cheers,

--
Nicolas Pastorino
VP Community - eZ Systems
Member of the Community Project Board

eZ Publish Community on twitter: http://twitter.com/ezcommunity/

t : http://twitter.com/jeanvoye
G+ : http://bit.ly/nicolas-on-gplus

Up

Mavko Žmak

Member since:
29 June 2004

Posts: 52

Tuesday 25 October 2011 12:23:45 pm

Google documents have a nice way of notifying you about autosaving.

You could take the idea from there...

--
Nothing is impossible. Not if you can imagine it!

Hubert Farnsworth

Up

Quoc-Huy NGUYEN DINH

Member since:
19 March 2008

Posts: 23

Thursday 27 October 2011 10:53:49 am

@Marko, thank you. Google is always a great source of inspiration.
@Nico, great idea indeed. I will investigate that and also the bug you mentioned.

--
NGUYEN DINH Quoc-Huy (Huy for short...)
The Financial Times: http://ft.com/
eZ Certified: http://auth.ez.no/certification/verify/380953
Website: http://www.quoc-huy.com/
Photography: http://www.qhphotography.com/

Twitter: @quochuync @qhphotography
G+: http://plus.tl/quochuy

Up

Quoc-Huy NGUYEN DINH

Member since:
19 March 2008

Posts: 23

Thursday 27 October 2011 6:35:58 pm

@nico, I've externalized the notification system as you have suggested in a separate extension using a Stack Overflow similar system.

Will be packaging it soon.

The current features:
- injects HMTL code to avoid tpl editing
- text close button ( [X] ), will add graphic one later
- you can insert multiple notification messages they will be appended one below the other
- you can add a sticky message that cannot be removed (used by QH AutoSave cuz it's a recurrent one)
- you can assign a notification ID, so it is possible to replace an already displayed message (used by QH AutoSave)
- jQuery animated notification removal (resize)

TODO:
- if there are more than two notification messages, only display two and add an 'expand' button at the bottom
- allow the use of cookies to store notification messages for persistent messages
- allow the use cookies to avoid displaying a notification message if the user has already seen it

Also implemented and will be packaged later on: externalization of the ezjscore server function to load eZ INI file. This new extension allows all JS projects in eZ Publish to load a configuration from an INI file qhjsiniloader.ini:



[QHJSINILoaderSettings]


AvailableLoaders[]=my_project


 

[my_project]


Parameters[param1_name]=param1_value


Parameters[param2_name]=param2_value




To use it, a JS file will include:



if( typeof QHJSINILoader != 'undefined' ) {


   // Returns the JSON version of eZINI::variable( 'my_project', 'Parameters' )


   QHJSINILoader.init( 'my_project', callback_function );


}




This will allow a single Ajax call (per page) to load INI settings for multiple projects.

Available on GitHub:
https://github.com/quochuy/qhjsiniloader
https://github.com/quochuy/qhnotifications

--
NGUYEN DINH Quoc-Huy (Huy for short...)
The Financial Times: http://ft.com/
eZ Certified: http://auth.ez.no/certification/verify/380953
Website: http://www.quoc-huy.com/
Photography: http://www.qhphotography.com/

Twitter: @quochuync @qhphotography
G+: http://plus.tl/quochuy

Up

You need to be logged in to post messages in the forums. New users may register here.