Feature #307

Μολύβι για αλλαγή ονόματος

Added by Constantinos Venetsanopoulos almost 12 years ago. Updated almost 12 years ago.

Status:Closed Start date:03/22/2011
Priority:High Due date:04/08/2011
Assignee:Christos Psaltis % Done:

100%

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

Description

Λειτουργία μετονομασίας ενός VM από το GUI (PUT στο API). Σε αυτό το σημείο θα γίνεται αλλαγή μόνο του ονόματος και όχι του description του VM, γιατί αυτό θα γίνει με γενικότερο τρόπο στο metadata handling. Έχει κλείσει το #75 που αφορούσε το "dotted κουτί" και επίσης αποδεσμεύεται το #177 από αυτή τη λειτουργία.

Συγκεκριμένα:
1. πατώντας το μολύβι ανοίγει inline input box (flat design χωρίς εσωτερική σκιά).
2. δεξιά από το input box εμφανίζονται δύο μικρά τετράγωνα εικονίδια (width = height = input box width).
3. το πρώτο εικονίδιο έχει μέσα ένα tick (για confirmation) και το δεύτερο ένα "x" (για cancel).
4. με hover πάνω από το tick το tick γίνεται πράσινο, με hover πάνω από το "x" το "x" γίνεται γκρί σαν το cancel του confirmation box
5. πατώντας tick γίνεται το action και σβήνουν όλα.
6. πατώντας "x" δεν γίνεται τίποτα και σβήνουν όλα.

Γραφιστικά πρέπει να γίνει με τέτοιο τρόπο ώστε φαίνεται ότι τίποτα δεν αλλάζει από την αρχική του θέση. Απλά εμφανίζεται ένα input box που δεν μετακινεί τίποτα (αν είναι δυνατόν ούτε το ίδιο το όνομα του VM) και δύο κουμπιά. Στην περίπτωση "x" θα πρέπει να φαίνεται ότι το όνομα έμεινε στην θέση του και απλά έσβησαν όλα τα γύρω γύρω (input box και κουτιά).


Related issues

related to Synnefo - Feature #177: Κλήση του RS API για VM management Closed 01/25/2011

Associated revisions

Revision 0d4faeb8
Added by Mike Muzurakis almost 12 years ago

initial ui work on server renaming, Refs #307

Revision c64c04ec
Added by Dimitris Moraitis almost 12 years ago

rename fixes - Refs #307

Revision 3f198846
Added by Dimitris Moraitis almost 12 years ago

rename fixes - Refs #307

Revision a70a9116
Added by Mike Muzurakis almost 12 years ago

renaming function and button, Refs #307

Revision 2b10d496
Added by Mike Muzurakis almost 12 years ago

don't accept blank name on server rename, Refs #307

Revision 85b70320
Added by Mike Muzurakis almost 12 years ago

text when name editing is now selectable, Refs #307

Revision 1eed82f7
Added by Christos Psaltis almost 12 years ago

Transparent save, cancel icons, Refs #307

Revision c8a37969
Added by Christos Psaltis almost 12 years ago

Add cancel icon for hover,Refs #307

Revision 063c7a17
Added by Mike Muzurakis almost 12 years ago

hover effects on edit name images, Refs #307

Revision d4320ba0
Added by Mike Muzurakis almost 12 years ago

fix hover area for edit name buttons, Refs #307

Revision b0cd511f
Added by Mike Muzurakis almost 12 years ago

focus on textbox when editing server name, Refs #307

History

#1 Updated by Constantinos Venetsanopoulos almost 12 years ago

λάθος: να αντικατασταθεί το "(width = height = input box width)" με "(width = height = input box height)"

#2 Updated by Constantinos Venetsanopoulos almost 12 years ago

Έχει ανέβει mockup (web_layout_0.0.10-8.png)

Αλλαγές:
1. Τα borders και των τριών boxes είναι σκούρα γκρί (ίδιο με το γκρι του cancel box στο confirmation box)
2. Το tick είναι πάντα πράσινο
3. To "x" είναι ίδιο χρώμα με το border
4. Hover πάνω από το tick: γίνεται όλο το κουτί σκούρο γκρί.
5. Ηοver πάνω από το "x": γίνεται όλο το κουτί σκούρο γκρί και το "x" λευκό.

#3 Updated by Vangelis Koukis almost 12 years ago

  • Due date set to 03/30/2011
  • Status changed from New to Assigned

#4 Updated by Vangelis Koukis almost 12 years ago

  • Due date changed from 03/30/2011 to 04/08/2011

Μετά το demo της Τετάρτης 2011/04/06.

#5 Updated by Giorgos Gousios almost 12 years ago

  • Target version set to v0.2

#6 Updated by Christos Psaltis almost 12 years ago

  • % Done changed from 0 to 90

Αυτό σε γενικές γραμμές είναι έτοιμο, μόνο τα hover λείπουν.

#7 Updated by Constantinos Venetsanopoulos almost 12 years ago

Σε γενικές γραμμές είναι οκ. Μερικά προβλήματα που βλέπω:

1. Κάποιες φορές (δεν έχω βρει πως γίνεται replicate ακόμη) σβήνει το κουτί και μένουν μόνο τα "tick/x". Αν εκεί πατήσω "tick" παίρνω error on rename

2. Πρέπει να μη σε αφήνει να δώσεις κενό Name

3. Με το ποντίκι δεν μπορείς να κανεις highlight/select μέσα στο input box

#8 Updated by Mike Muzurakis almost 12 years ago

Constantinos Venetsanopoulos wrote:

2. Πρέπει να μη σε αφήνει να δώσεις κενό Name

Έγινε στο 2b10d496

#9 Updated by Constantinos Venetsanopoulos almost 12 years ago

1. Αυτό συνεχίζει να το κάνει λίγο διαφορετικά. Για κάποιο λόγο σβήνει πάλι το input box, μένουν τα "tick/x". Όταν πατήσεις "tick" δεν κάνει τπτ. Όταν πατήσεις το "χ" σβήνει όλο το όνομα και το αφήνει κενό.

2. ΟΚ

3. ΟΚ

Δες λίγο το 1 και τα hover μήπως μπορέσουμε να το κλείσουμε σήμερα νωρίς

#10 Updated by Christos Psaltis almost 12 years ago

Κοιτάμε τώρα τα hover, όσο για το 1. δεν έχουμε καταφέρει να το αναπαράγουμε ακόμα, έχεις κάποια διαδιακασία που προκαλεί το πρόβλημα; Σε τι browser δοκιμάζεις;

#11 Updated by Constantinos Venetsanopoulos almost 12 years ago

To πρόβλημα δεν μπορώ να το κάνω εύκολα replicate επομένως το αφήνουμε (πάντως κάτι με το backspace παιζει).
Τα hover πολύ ωραία.

Το μόνο που βλέπω ότι μένει είναι να υπάρχει focus στο input box. Μόλις ανοίγει θα πρέπει να είναι και ο cursor ήδη μέσα. Το ίδιο πρέπει να συμβεί και στο #375 (Θα το αναφέρω και εκεί).

#12 Updated by Christos Psaltis almost 12 years ago

  • Status changed from Assigned to Feedback
  • % Done changed from 90 to 100

Αυτό έγινε.

Κάθε browser παρουσιάζει διαφορετική συμπεριφορά, άλλος πάει τον κέρσορα στο τέλος, άλλος στην αρχή κλπ. Ωστόσο αυτό δεν το βλέπω σαν πρόβλημα καθώς ο κάθε χρήστης είναι συνηθισμένος στην αντίστοιχη συμπεριφορά του browser που χρησιμοποιεί.

#13 Updated by Constantinos Venetsanopoulos almost 12 years ago

  • Status changed from Feedback to Closed

ok, closed

Also available in: Atom PDF