Feature #375
VM Metadata Handling στο GUI
Status: | Closed | Start date: | 04/05/2011 | |
---|---|---|---|---|
Priority: | High | Due date: | ||
Assignee: | Mike Muzurakis | % Done: | 100% |
|
Category: | Cyclades UI | Spent time: | - | |
Target version: | v0.3 |
Description
Ο χρήστης πρέπει να μπορεί να επεξεργάζεται τα metadata του VM (όπως ορίζεται στο OpenStack API v1.1).
Έχω ανεβάσει 3 mockup για να καταλήξουμε σε αυτή τη λειτουργικότητα:
- Εδώ έχει προστεθεί το πεδίο "info" δίπλα στο "disks" και "networks".
- Όταν πατηθεί γίνεται expand το hoverbox και βγαίνουν από κάτω 4 περιοχές (VM details, VM stats, VM labels, VM metadata).
- Για αυτό το ticket μας ενδιαφέρει μόνο η τελευταία περιοχή (VM metadata).
Συγκεκριμένα: - στην παρένθεση φαίνεται ο συνολικός αριθμός metadata του VM (7).
- δίπλα φαίνονται ανά τριάδες τα keys των metadata.
- με τα πάνω/κάτω βέλη της από κάτω μπάρας αλλάζουν οι τριάδες των metadata (επόμενη/προηγούμενη κτλ)
- το "Manage Metadata" σε πετάει στο overlay που φαίνεται στο web_layout_0.0.10-meta-1.png
- Παρουσιάζονται όλα τα metadata ως key(τιτλος) / value(περιεχόμενο) pairs.
- Πατώντας remove κάνεις remove το συγκεκριμένο meta key.
- Πατώντας edit κάνεις edit το περιεχόμενο inline.
- Πατώντας create new φτιάχνεις ένα καινούριο meta key. Για να το κάνεις αυτό σε πετάει στο web_layout_0.0.10-meta-2.png
- Εδώ γίνονται edit τόσο το key όσο και το value της καινούριας εγγραφής.
- Με save το κάνει save και σε γυρνάει στην αρχική σελίδα (icon view).
- Mε cancel σε γυρνάει στο web_layout_0.0.10-meta-1.png
Related issues
Associated revisions
Add metadata editing forms to basic machine template
This work is in very early stage. It still has no css,
no javascript and no real calls are made.
Refs #375
Add css and minor template changes in basic metadata box, Refs #375
Fix position of create button in metadata editor, Refs #375
Add css and minor template changes in add metadata box, Refs #375
Minor css fixes in metadata boxes
This includes moving the boxes a bit to the top
and adding a grey close button.
Refs #375.
Add height and width to create, save and cancel buttons Refs #375
Metadata boxes display server name on their title, Refs #375
Get metadata and show the in dialog, Refs #375
Empty metadata list before cloning it, Refs #375
remove metadata for a virtual server
Refs #375
add server metadata forms
Refs #375
Minor metadata dialog fixes.
This includes:
- renaming ajax funtions
- save button click gets you back to basic edit form
- more comments
Refs #375
Fixes in metadata dialogs
This includes:
- workaround for mask not appearing in add dialog
- reset of metadata list on lcosing the edit dialog
Refs #375
Rename metadata dialogs and functions, Refs #375
Change value input for metadata dialog to textarea, Refs #375
metadata form improvements - Refs #375
Remove group from icon view, Refs #375
truncate metadata value a bit better, Refs #375
show unknown machine icon when OS metadata is nonstandard, Refs #375
Truncate large metadata values in edit dialog, Refs #375
Put metadata dialogs in scrollable, Refs #375
fix positioning of metadata wizard on webkit, Refs #375
fix metadata wizard breakage on key press, Refs #375
trap tab keypress on metadata wizard, Refs #375
History
#1 Updated by Constantinos Venetsanopoulos over 12 years ago
- Tracker changed from Bug to Feature
#3 Updated by Constantinos Venetsanopoulos over 12 years ago
Για το v0.2 δεν έχουμε expand αλλά τα metadata γίνονται προσβάσιμα με ένα link "metadata" που υπάρχει δίπλα από το disks|networks. Δηλαδή μέσα στο hoverbox θα έχουμε:
Show: disks | networks | metadata
Το "metadata" θα έχει hover όπως ακριβώς και τα "disks","networks", και όταν πατηθεί θα σε πετάει στο overlay meta-1
#4 Updated by Christos Psaltis over 12 years ago
Το παράθυρο αυτό θα είναι το ίδιο και όταν κάνεις edit metadata στο list view? Για να ξέρω σε ποιο template να το βάλω.
#5 Updated by Constantinos Venetsanopoulos over 12 years ago
- Priority changed from Medium to High
ναι τα παράθυρα διαχείρισης metadata είναι κοινά για όλα τα views
#6 Updated by Christos Psaltis over 12 years ago
Επίσης σχετικά με το δεύτερο bullet, του τρίτου σημείου της περιγραφής:
- Με save το κάνει save και σε γυρνάει στην αρχική σελίδα (icon view).
Αυτό μήπως θα πρέπει να σε πηγαίνει στο παράθυρο 1 και όχι στο icon view; Καθόλη τη διαδικασία εάν πατήσεις escape θα μπορείς να γυρίσεις στο icon view.
#7 Updated by Constantinos Venetsanopoulos over 12 years ago
Είναι λογικό να το κάνουμε όπως λες, αλλά πρέπει να προστεθεί ένα γκρι "x" για να μπορεί να κλείνει το αρχικό παράθυρο και εκτός του escape.
#8 Updated by Christos Psaltis over 12 years ago
θα χρησιμοποιήσω το εικονίδιο που έχουμε και στα άλλα notifications, με διαφορετικό βέβαια χρώμα.
#9 Updated by Constantinos Venetsanopoulos over 12 years ago
οκ
#10 Updated by Christos Psaltis over 12 years ago
- % Done changed from 0 to 30
Στα 3 τελευταία σχετικά commit (67679131, 0c1f14ed, commit:5800ec) έχει γίνει η απόδοση των mockups σε html και css. Ακόμα δεν υπάρχει καθόλου λειτουργικότητα. Για να δείτε το βασικό παράθυρο κάντε κλικ στο Show: metadata του icon view και για να δείτε το παράθυρο εισαγωγής νέων στο Show: group. H λυση είναι προσωρινή για να πάρουμε feedback επι των σχεδιαστικών όσο μπαίνει η λειτουργικότητα.
#11 Updated by Constantinos Venetsanopoulos over 12 years ago
Γενικά είναι οκ.
1. Αν γίνεται να μεγαλώσει λίγο το πλάτος του overlay
2. Να έρθει όλο λίγο πιο ψηλά στην οθόνη
3. Να μεγαλώσουν λίγο τα κουμπιά "create new", "save" και "cancel"
4. Nα μπει το "x" για να κλείνουν τα παράθυρα
5. Επίσης το value input box να μην γράφεται μόνο στη μέση. Πρέπει να μπορεί να γραφεί παράγραφος. Ο cursor πρέπει να ξεκινά από πάνω αριστερά όχι από δεξιά στη μέση
#12 Updated by Christos Psaltis over 12 years ago
- % Done changed from 30 to 40
Constantinos Venetsanopoulos wrote:
Γενικά είναι οκ.
1. Αν γίνεται να μεγαλώσει λίγο το πλάτος του overlay
Εάν μεγαλώσει το πλάτος να αλλάξουν αντίστοιχα και οι αποστάσεις, πλάτη των περιεχομένων του ή όχι;
2. Να έρθει όλο λίγο πιο ψηλά στην οθόνη
Δες αυτό που έκανα μόλις κομμίτ.
3. Να μεγαλώσουν λίγο τα κουμπιά "create new", "save" και "cancel"
Θα μεγαλώσουν και τα γράμματα; Μόνο το πλάτος ή και το ύψος;
4. Nα μπει το "x" για να κλείνουν τα παράθυρα
Το έβαλα στο τελευταίο κομμίτ
5. Επίσης το value input box να μην γράφεται μόνο στη μέση. Πρέπει να μπορεί να γραφεί παράγραφος. Ο cursor πρέπει να ξεκινά από πάνω αριστερά όχι από δεξιά στη μέση
Το έχω υπόψη μου απλά έχω βάλει κάτι για να κάνω δοκιμές. Αυτό το κομμάτι δεν έχει τελειώσει θα ολοκληρωθεί με την προσθήκη της σχετικη javascipt.
#13 Updated by Constantinos Venetsanopoulos over 12 years ago
1. Aστο ίδιο μην αλλάξεις τπτ. Καλό είναι
2. ΟΚ
3. Το ύψος σίγουρα, λίγο το πλάτος. Τα γράμματα αστα όπως έχουν και βλέπουμε
4. ΟΚ
5. εντάξει
#14 Updated by Christos Psaltis over 12 years ago
Εάν είμαστε εντάξει με το μέγεθος των κουμπιών τώρα, προχωράω στη javascript.
#15 Updated by Constantinos Venetsanopoulos over 12 years ago
Το αισθητικό είναι οκ (θέλει τελικά λίγο μεγαλύτερα και τα fonts στα "create","cancel","save" νομίζω).
Προχωράμε στη λειτουργικότητα
#16 Updated by Christos Psaltis over 12 years ago
- % Done changed from 40 to 70
Εδώ η φόρμα παίρνει τα μεταδεδομένα, ο χρήστης μπορεί να διαγράψει και να προσθέσει. Μένει να γίνει το edit και να φτιαχτεί το στυλ στις φόρμες εισαγωγής.
#17 Updated by Christos Psaltis over 12 years ago
- Status changed from Assigned to Feedback
- % Done changed from 70 to 80
Εδώ είμαστε εντάξει με όλα εκτός από το edit. Ας πάει στο επόμενο release.
#18 Updated by Constantinos Venetsanopoulos over 12 years ago
- Status changed from Feedback to Assigned
εγώ όταν κανω save ένα νέο meta μου πετάει 400 malformed request
#19 Updated by Christos Psaltis over 12 years ago
Δεν μπορώ να το αναπαράγω, έχεις την πιο πρόσφατη έκδοση του κώδικα των dialogs; Υπήρχε ένα θεματάκι νωρίτερα αλλά έχει διορθωθεί τώρα. Μήπως βάζεις περίεργο input;
#20 Updated by Constantinos Venetsanopoulos over 12 years ago
φαίνεται ότι παίζει οκ.
2 προβλήματα που βλέπω:
1. αν σβήσω το meta OS τελείως μου βγάζει το εικονίδιο με το κενό OS (σωστά). Αν όμως μετά κάνω create το meta OS με τιμή ότι ναναι (π.χ. "kllaf") στο refresh δεν βγάζει καν εικονίδιο. Υπάρχει κενό αριστερά απο το name
2. μάλλον όταν κάνεις create new δεν θα πρέπει να σβήνει το ένα παράθυρο και να το ξανανοίγει αλλά θα πρέπει να κάνει κάτι σαν αυτό που κάνει ο wizard από το step 1 στο step 2
3. Αφού δουλεύει το "metadata" να φύγει το "group" δίπλα από το "networks"
#21 Updated by Christos Psaltis over 12 years ago
Constantinos Venetsanopoulos wrote:
φαίνεται ότι παίζει οκ.
2 προβλήματα που βλέπω:
1. αν σβήσω το meta OS τελείως μου βγάζει το εικονίδιο με το κενό OS (σωστά). Αν όμως μετά κάνω create το meta OS με τιμή ότι ναναι (π.χ. "kllaf") στο refresh δεν βγάζει καν εικονίδιο. Υπάρχει κενό αριστερά απο το name
Έχεις δίκιο, θα το κάνω να βγάζει το κενό εικονίδιο. Θα το κάνω αύριο γιατί δεν είναι πάρα πολύ απλό.
2. μάλλον όταν κάνεις create new δεν θα πρέπει να σβήνει το ένα παράθυρο και να το ξανανοίγει αλλά θα πρέπει να κάνει κάτι σαν αυτό που κάνει ο wizard από το step 1 στο step 2
Αυτό είναι δύσκολο να γίνει σε αυτήν τη φάση, θέλει πολλές αλλαγές, αλλά εάν το θεωρείτε κρίσιμο μπορούμε να το κάνουμε για το 0.3
3. Αφού δουλεύει το "metadata" να φύγει το "group" δίπλα από το "networks"
Αυτό το έβγαλα μόλις στο 384891d5
#22 Updated by Constantinos Venetsanopoulos over 12 years ago
Christos Psaltis wrote:
Constantinos Venetsanopoulos wrote:
φαίνεται ότι παίζει οκ.
2 προβλήματα που βλέπω:
1. αν σβήσω το meta OS τελείως μου βγάζει το εικονίδιο με το κενό OS (σωστά). Αν όμως μετά κάνω create το meta OS με τιμή ότι ναναι (π.χ. "kllaf") στο refresh δεν βγάζει καν εικονίδιο. Υπάρχει κενό αριστερά απο το name
Έχεις δίκιο, θα το κάνω να βγάζει το κενό εικονίδιο. Θα το κάνω αύριο γιατί δεν είναι πάρα πολύ απλό.
Ωραία ας το έχουμε αυτό αύριο νωρίς το πρωί για να μπει στο merge αν είναι
2. μάλλον όταν κάνεις create new δεν θα πρέπει να σβήνει το ένα παράθυρο και να το ξανανοίγει αλλά θα πρέπει να κάνει κάτι σαν αυτό που κάνει ο wizard από το step 1 στο step 2
Αυτό είναι δύσκολο να γίνει σε αυτήν τη φάση, θέλει πολλές αλλαγές, αλλά εάν το θεωρείτε κρίσιμο μπορούμε να το κάνουμε για το 0.3
Αυτό καλό είναι να το δουν και οι υπόλοιποι και βλέπουμε
3. Αφού δουλεύει το "metadata" να φύγει το "group" δίπλα από το "networks"
Αυτό το έβγαλα μόλις στο 384891d5
οκ
#23 Updated by Constantinos Venetsanopoulos over 12 years ago
Constantinos Venetsanopoulos wrote:
Christos Psaltis wrote:
Constantinos Venetsanopoulos wrote:
φαίνεται ότι παίζει οκ.
2 προβλήματα που βλέπω:
1. αν σβήσω το meta OS τελείως μου βγάζει το εικονίδιο με το κενό OS (σωστά). Αν όμως μετά κάνω create το meta OS με τιμή ότι ναναι (π.χ. "kllaf") στο refresh δεν βγάζει καν εικονίδιο. Υπάρχει κενό αριστερά απο το name
Έχεις δίκιο, θα το κάνω να βγάζει το κενό εικονίδιο. Θα το κάνω αύριο γιατί δεν είναι πάρα πολύ απλό.
OK αυτό
#24 Updated by Constantinos Venetsanopoulos over 12 years ago
Να υπάρχει focus στο key input box όταν ανοίγει το παράθυρο του create new meta key. Ο cursor πρέπει να είναι κατευθείαν μέσα στο key κουτί χωρίς να φύγει όμως η ένδειξη για max characters
#25 Updated by Christos Psaltis over 12 years ago
- Status changed from Assigned to Feedback
- % Done changed from 80 to 100
Δες λίγο αυτό και πες μου αν είναι εντάξει.
Ήταν λίγο δύσκολο να αναπαράγω τη συμπεριφορά που περιγράφεις αλλά νομίζω ότι είμαστε οκ με αυτό.
#26 Updated by Constantinos Venetsanopoulos over 12 years ago
- Status changed from Feedback to Assigned
ναι, αυτό είναι οκ
#27 Updated by Christos Psaltis over 12 years ago
Οπότε από δω μας μένει μόνο το inline edit που θα πάει σε επόμενη έκδοση. Θα πρότεινα να ανοίξει ξεχωριστό ticket γιατί αυτό έχει γίνει κάπως μεγάλο και γενικό.
#28 Updated by Constantinos Venetsanopoulos over 12 years ago
- Status changed from Assigned to Feedback
Μένει το editing και μένει και να συμπεριφέρονται τα δύο παράθυρα ενιαία, όπως ο wizard (το 2 της σημείωσης 20), γιατί τώρα γίνονται πολλά αναβοσβησίματα.
Αυτό το ticket θα το κλείσει ο [vkoukis] όταν αποφασιστεί πώς θα ξανανοίξει και για ποιο version.
#29 Updated by Vangelis Koukis over 12 years ago
- Target version changed from v0.2 to v0.3
#30 Updated by Christos Psaltis over 12 years ago
Το scrollable έχει μπει, χρειάζομαι όμως κάποια διευκρίνηση ως προς το inline edit.
Το σενάριο για να δείξω τί εννοώ:
Ο χρήστης ανοίγει το παράθυρο και πατάει edit σε κάποιο tag. Ανοίγουν οι φόρμες υποβολής και γράφει αυτά που θέλει. Τέλος πρέπει να κάνει submit τα όσα έγραψε. Πώς θα γίνεται αυτό; Να σημειώσω ότι δεν μπορώ να κάνω trap το πάτημα του enter γιατί το χρειάζεται για να προσθέτει νέες γραμμές στο σώμα του tag. Επίσης δεν υπάρχει κάποιο σχετικό κουμπί.
Εδώ βλέπω 2 εναλλακτικές:
1. Το κουμπί που λέει edit αλλάζει και γίνεται save μόλις ανοίξουν οι inline φόρμες υποβολής. Mόλις πατήσει save τότε όλα γίνονται όπως πριν.
2. Ξεχνάμε το inline edit και το πάτημα του κουμπιού edit σε πηγαίνει στο δεύτερο παράθυρο με τα αρχικά στοιχεία τοποθετημένα στα αντίστοιχα πεδία. Εκεί ο χρήστης κάνεις τις αλλαγές που θέλει και πατάει save όταν είναι έτοιμος. Το save τον πηγαίνει ξανά στην πρώτη σελίδα.
Τί λέτε; Ποιο από τα παραπάνω σας αρέσει πιο πολύ; Υπάρχει κάποια άλλη ιδέα;
#31 Updated by Constantinos Venetsanopoulos over 12 years ago
ok το scrollable.
Ας το κάνουμε με τον πρώτο τρόπο. Συγκεκριμένα:
1. Ο χρήστης πατάει edit
2. Ανοίγει το inline.
3. Το edit γίνεται μπλε "save"
Το θέμα είναι ότι πρέπει να έχουμε και ένα κουμπί με τη λειτουργία του Cancel (που βγάζει το inline και αφήνει το περιεχόμενο ώς έχει). Αυτό μπορεί να γίνει με δύο τρόπους ανάλογα πώς θα το υλοποιήσετε:
1. Αν το inline box έχει μία γραμμή ύψος τότε ας μπει ένα μικρό τετράγωνο κουτί γκρι με ένα "x" αριστερά από το save.
2. Aν το inline box είναι παραπάνω γραμμές (π.χ. 3) τότε το "edit" γίνεται "cancel" και παραμένει γκρι και προστίθεται ένα μπλε save ίδιου μεγέθους με το edit στο κάτω δεξί μέρος του inline box και στοιχισμένο κάτω από το edit box
Δύο προβλήματα που είδα:
1. Δεν βγαίνει πλέον το "χ" πάνω δεξιά για να κλείσει το παράθυρο
2. Όταν κάνεις create new ένα καινούριο meta τα πεδία στην επόμενη φόρμα περιέχουν τα στοιχεία του προηγούμενου meta που δημιούργησες. Πρέπει να είναι κενά με τις αντίστοιχες ενδείξεις μέγιστων χαρακτήρων
#32 Updated by Constantinos Venetsanopoulos over 12 years ago
- Status changed from Feedback to Assigned
Βλέπω ότι έχει γίνει σχετικό commit. Υπάρχουν διάφορα θέματα αλλά το βασικό:
Όταν πατάς edit ο χρήστης μπορεί να αλλάξει μόνο την τιμή του key και όχι το ίδιο το key. Επομένως inline πρέπει να βγαίνει μόνο στο value field και όχι στο key field. Καλό φαίνεται με τα δύο κουμπιά "Cancel/Save", ας το αφήσουμε έτσι, αν και μετακινούνται πάνω κάτω για κάποιο λόγο.
#33 Updated by Christos Psaltis over 12 years ago
Θα το αλλάξω αν και μου φαίνεται φυσιολογικό να αλλάζει και το key. Στην περίπτωση πχ που έχεις κάνει τυπογραφικό σε κάποιο key ο μόνος τρόπος για να το διορθώσεις, με βάση όσα προτείνεις παραπάνω, είναι να κάνεις remove όλο το παλιό entry και να το προσθέσεις εκ νέου. Αυτό που κάνω τώρα είναι: * ελέγχω εάν το νέο key είναι ίδιο με το παλιό, * αν είναι διαφορετικό σβήνω το παλιό ζευγάρι και προσθέτω το νέο * αν είναι ίδιο κάνω απλά update το παλιό.
Σχετικά με τα κουμπιά μπορείς να μου περιγράψεις λίγο καλύτερα το πρόβλημα; πότε κουνιούνται;
Το μόνο που μένει εδώ είναι το κουμπί χ πάνω δεξιά, το οποίο για κάποιο λόγο το scrollable αρνείται να το τοποθετήσει εκτός του κυρίως παραθύρου, σε αντίθεση με τα overlay. To ίδιο πρόβλημα είχαμε και στον wizard εάν θυμάσαι. Θα συνεχίσω το ψάξιμο, αν και δεν είμαι βέβαιος ότι θα το καταφέρω.
#34 Updated by Constantinos Venetsanopoulos over 12 years ago
Δεν χρειάζεται να γράψεις κώδικα ελέγχων. Το edit αναφέρεται μόνο στην τιμή. Έτσι και αλλιώς τα metadata δεν είναι κάτι που ο χρήστης θα αλλάζει συνέχεια.
Για να μην παιδεύεσαι με το "χ" βάλε ένα κουμπί Cancel αριστερά από το create new όπως υπάρχει και εκεί που φτιάχνεις νέο meta
Προβλήματα που βλέπω:
1. Η scrollbar κολλάει και επικαλύπτει λίγο τα κουμπιά remove/edit
2. Κάποια κουμπιά remove κολλάνε στο πάνω μέρος της γκρι μπάρας
3. Κάποια κουμπιά edit κολλάνε στο κάτω μέρος της γκρι μπάρας
4. Όταν κάνεις inline μετακινούνται κάποια edit και κολλάνε στις αντίστοιχες μπάρες
5! Χωρίς να μπορώ να το κάνω replicate: Το overlay κολλάει και όταν πάω να το ξανανοίξω από το "manage metadata" μένει κολλημένο δείχνοντάς μου τα 3/4 της οθόνης του meta creation (σαν να έκανε οριζόντιο scroll και να κόλλησε στη μέση)
#35 Updated by Christos Psaltis over 12 years ago
Διόρθωσα όλα τα παραπάνω. Τα κουμπιά κολλούσαν γιατί είχαν πολύ μικρή απόσταση μεταξύ τους και κάποιες φορές ο browser δεν τα έκανε render καλά.
Το μόνο που μένει τώρα είναι το σημείο που κολλάει το scrollable. Θα προσπαθήσω να το αναπαράγω και να το λύσω.
#36 Updated by Constantinos Venetsanopoulos over 12 years ago
Προβλήματα (firefox4 σε debian):
1. Όταν πατάω edit τα καινουρια κουμπιά (cancel/save) μετακινούνται δεξιά
2. Όταν πάω να κάνω edit την τιμή μέσα στο input box αφού έχω πατήσει edit, crasharei ο wizard (με πετάει στην δεύτερη οθόνη και κολλάει όπως κολλάει και όταν τον ανοίξω δεύτερη φορά από το "manage metadata")
#37 Updated by Christos Psaltis over 12 years ago
- Status changed from Assigned to Feedback
Εδώ έχουμε διορθώσει και τα τελευταία προβλήματα.
#38 Updated by Constantinos Venetsanopoulos over 12 years ago
- Status changed from Feedback to Assigned
Φαίνεται ότι παίζει οκ, αλλά κρασάρει με keyboard tab (αν το πατήσεις 1-2 φορές ή αν είσαι στο δεύτερο step και πατήσεις 1 φορά tab)
Δείτε το λίγο για να το κλείσουμε
#39 Updated by Mike Muzurakis over 12 years ago
- Status changed from Assigned to Feedback
- Assignee changed from Christos Psaltis to Mike Muzurakis
αυτό πρέπει να λύθηκε στο 245c788e
sorry ξέχασα να το γράψω νωρίτερα.
#40 Updated by Constantinos Venetsanopoulos over 12 years ago
- Status changed from Feedback to Closed
Φαίνεται ότι είναι οκ, το κλείνω