Bug #471

Ειδοποίηση του χρήστη όταν κάτι είναι σε εξέλιξη στο UI

Added by Vangelis Koukis almost 13 years ago. Updated almost 13 years ago.

Status:Closed Start date:05/07/2011
Priority:Medium Due date:
Assignee:Markos Gogoulos % Done:

90%

Category:Cyclades UI Spent time: -
Target version:v0.4

Description

Κάθε φορά που το UI κάνει POST ή PUT, πρέπει να φαίνεται ότι κάτι είναι σε εξέλιξη.
Αν κανείς δοκιμάσει με αργό δίκτυο αυτό είναι πολύ εμφανές, τα πάντα φαίνονται κολλημένα.

Ενδεικτικά σημεία:
1. add metadata / delete metadata
2. create VM

Στο 2 ειδικά, εξαφανίζεται ο wizard, περνάνε από 2 έως 22 δευτερόλεπτα, και μετά βγαίνει το παράθυρο ότι κάτι συνέβη.
Ενδεικτική υλοποίηση: το "create VM" αντικαθίσταται από μικρό γραφικό [τύπου http://customregistries.com/wp-content/plugins/wptouch/images/progress.gif] που δείχνει ότι το POST είναι σε εξέλιξη. Όταν επιστρέψει, εξαφανίζεται ο wizard και βγαίνει κανονικά είτε το παράθυρο επιτυχίας, είτε το αποτυχίας.

Ομοίως με κουμπιά Add/delete κλπ στα metadata.

Τα παραπάνω είναι ενδεικτικά, η συγκεκριμένη σχεδιαστική λογική είναι πάγια ανάγκη για κάθε κουμπί που κάνει κάποια ενέργεια.


Related issues

related to Synnefo - Feature #469: Επέκταση του UI ώστε να κάνει κλήσεις στο /networks API Closed 05/07/2011

Associated revisions

Revision da4f0310
Added by Markos Gogoulos almost 13 years ago

user notification when machine is created

show a progress icon when a machine is created.
when machine is ready (or in error cases) show back the Create new message

Refs #471

Revision 0d911a47
Added by Markos Gogoulos almost 13 years ago

user notification when machine is created

show a progress icon when a machine is created and keep the wizard on.
when machine is ready (or in error cases) hide the icon and the wizard

Refs #471

Revision a4685348
Added by Mike Muzurakis almost 13 years ago

fix spinner on metadata overlay, Refs #471

Revision afedad4d
Added by Markos Gogoulos almost 13 years ago

add check for windows OS.

Refs #471

History

#1 Updated by Vangelis Koukis almost 13 years ago

  • Target version set to v0.4

#2 Updated by Christos Psaltis almost 13 years ago

  • Status changed from New to Assigned
  • Assignee changed from Dimitris Moraitis to Christos Psaltis

#3 Updated by Markos Gogoulos almost 13 years ago

  • Assignee changed from Christos Psaltis to Markos Gogoulos

#4 Updated by Markos Gogoulos almost 13 years ago

Το 2) έγινε, εμφανίζεται το progress icon στη θέση του 'Create new' και μόλις ολοκληρωθεί (success ή error) εμφανίζει πάλι το κείμενο.

#5 Updated by Vangelis Koukis almost 13 years ago

Markos Gogoulos wrote:

Το 2) έγινε, εμφανίζεται το progress icon στη θέση του 'Create new' και μόλις ολοκληρωθεί (success ή error) εμφανίζει πάλι το κείμενο.

Όχι, το θέμα είναι το progress icon να βγαίνει πάνω στο κουμπί που πατάει ο χρήστης όταν ζητήσει να γίνει κάτι. Από την περιγραφή του ticket:
"το "create VM" αντικαθίσταται από μικρό γραφικό [τύπου http://customregistries.com/wp-content/plugins/wptouch/images/progress.gif] που δείχνει ότι το POST είναι σε εξέλιξη. Όταν επιστρέψει, εξαφανίζεται ο wizard και βγαίνει κανονικά είτε το παράθυρο επιτυχίας, είτε το αποτυχίας.".

Δεν έχει πολύ νόημα να αντικαθίσταται ένα άλλο κουμπί από αυτό που πάτησε. Το progress icon πρέπει να βγαίνει στο τελευταίο κουμπί του Wizard, κάτω δεξιά, "Create VM". Ο Wizard μένει στην οθόνη, το "create vm" έχει γίνει progress icon, και όταν έρθει η απάντηση από το POST [ο χρήστης βλέπει το εικονίδιο να παίζει, ξέρει ότι κάτι περιμένει να γίνει", τότε ο wizard εξαφανίζεται και είτε είναι όλα ΟΚ, βλέπει το νέο του μηχάνημα, είτε κάτι πήγε στραβά, βλέπει το παράθυρο με το λάθος.

Ομοίως και με οποιοδήποτε άλλο κουμπί κάνει POST. Όταν πατάω το κουμπί που προκαλεί το POST, αυτό αντικαθίσταται από το progress icon.

#6 Updated by Christos Psaltis almost 13 years ago

Αυτό που υλοποίησε ο Μάρκος ήταν διαφορετικό από αυτό που πρότεινες στο ticket, για να μην φαίνεται το ui unresponsive στην περίπτωση που τα calls αργούν πολύ. Αφού δεν σας φαίνεται καλό έτσι θα το κάνουμε όπως ακριβώς λες.

#7 Updated by Vangelis Koukis almost 13 years ago

Ναι δε διαφωνώ ότι ο σκοπός είναι να μην φαίνεται unresponsive. Απλώς έχω την εντύπωση ότι είναι πιο ξεκάθαρο στο χρήστη τι ακριβώς είναι αυτό που περιμένει, αν το progress icon βγαίνει πάνω στην ενέργεια για την οποία περιμένει. Αφού για τη δημιουργία του VM περιμένει να πάρει απάντηση "ΟΚ, ξεκίνησα να το φτιάχνω", ή "Όχι, δεν μπορώ να ξεκινήσω να το φτιάχνω", όταν πατάει το τελευταίο κουμπί "Create VM" του Wizard, είναι λογικό το κουμπι "Create VM" του wizard να αποκτά το progress icon, κι ο wizard να μη φεύγει, μέχρι να υπάρξει απάντηση στην κλήση POST /servers που γίνεται από πίσω [ή timeout, κι αυτό απάντηση είναι, πρέπει να βγει το error box].

#8 Updated by Markos Gogoulos almost 13 years ago

Στο 721eb70..23a1975 μπήκε το progress icon στη θέση που προτείνεις και ο wizard μένει ανοικτός μέχρι να πάρει success ή error.

#9 Updated by Christos Psaltis almost 13 years ago

  • % Done changed from 0 to 90

#10 Updated by Mike Muzurakis almost 13 years ago

  • Status changed from Assigned to Feedback

Οκ, μπήκε και στο metadata wizard. Πρέπει να υπάρχει όπου χρειάζεται τώρα.

#11 Updated by Vangelis Koukis almost 13 years ago

  • Status changed from Feedback to Assigned

Τουλάχιστον στο παράθυρο για create new network βγαίνει σωστά η ειδοποίηση, αλλά αν υπάρξει σφάλμα, το παράθυρο μένει για πάντα εκεί.
Οπουδήποτε υπάρχει κουμπί "ok" / "finish" κλπ, η ιδέα είναι ότι το παράθυρο μένει ανοιχτό, το κουμπί αντικαθίσταται με spinner, μέχρι που να έρθει η απάντηση, οπότε το παράθυρο εξαφανίζεται και αν έχει συμβεί σφάλμα εμφανίζεται η ειδοποίηση σφάλματος.

#12 Updated by Mike Muzurakis almost 13 years ago

  • Status changed from Assigned to Feedback

Οκ, έγινε κι αυτό στο commit:f24cdced

#13 Updated by Vangelis Koukis almost 13 years ago

  • Status changed from Feedback to Closed

Το κλείνω, φαίνεται να δουλεύει σωστά.

Also available in: Atom PDF