Feature #535

Να φαίνονται τα παλιότερα keys στο create new key (metadata)

Added by Constantinos Venetsanopoulos over 11 years ago. Updated about 11 years ago.

Status:Closed Start date:05/13/2011
Priority:High Due date:
Assignee:Mike Muzurakis % Done:

90%

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

Description

Εδώ θα ανέβει mockup.


Related issues

related to Synnefo - Feature #375: VM Metadata Handling στο GUI Closed 04/05/2011
related to Synnefo - Feature #529: Αλλαγή της παλέτας χρωμάτων στο CSS Closed 05/13/2011

Associated revisions

Revision 1b18e528
Added by Mike Muzurakis about 11 years ago

first pass at metadata wizard redesign, Refs #535

Revision 4c11df3c
Added by Mike Muzurakis about 11 years ago

remove a testing console entry from previous commit, Refs #535

Revision 0a5827bf
Added by Mike Muzurakis about 11 years ago

add,edit,remove metadata functionality redesigned, Refs #535

Revision 06f1679a
Added by Mike Muzurakis about 11 years ago

enable drop down menu for metadata keys, Refs #535

Revision b324d82b
Added by Mike Muzurakis about 11 years ago

prevent metadata submition if text is null, Refs #535

Revision cb8e729e
Added by Mike Muzurakis about 11 years ago

fix a cloning bug, gracefull canceling on new metadata, Refs #535

Revision a2afe7cc
Added by Mike Muzurakis about 11 years ago

fix chrome/safari button positioning, Refs #535

Revision e9a3624f
Added by Mike Muzurakis about 11 years ago

fix font and machine icon on metadata overlay, Refs #535

Revision 6a8e88a6
Added by Mike Muzurakis about 11 years ago

change machine icon after OS metadata edit, Refs #535

Revision 68943d04
Added by Mike Muzurakis about 11 years ago

bigger font on metadata wizard header, Refs #535

Revision 89313031
Added by Mike Muzurakis about 11 years ago

fix multiple metadata add dialogs bug, Refs #535

History

#1 Updated by Constantinos Venetsanopoulos over 11 years ago

  • Tracker changed from Bug to Feature

#2 Updated by Christos Psaltis about 11 years ago

  • Status changed from New to Assigned
  • Assignee changed from Christos Psaltis to Constantinos Venetsanopoulos

Μόλις ανέβει το mockup κάν'το assign σε μένα

#3 Updated by Constantinos Venetsanopoulos about 11 years ago

  • Assignee changed from Constantinos Venetsanopoulos to Christos Psaltis

Εδώ έχουν ανέβει 3 mockup που συμπεριλαμβάνουν όλες τις αλλαγές που προτάθηκαν στο τελευταίο meeting. Επίσης έχουν γίνει κάποιες αλλαγές για να υπάρξει συνέπεια με το υπόλοιπο interface αλλά και για να αποφευχθούν τα προβλήματα με το tab μεταξύ παραθύρων.

Συγκεκριμένα:

1. Καταργείται ο wizard που scrollαρει δεξιά και αριστερά και όλα γίνονται σε ένα μονό overlay.
2. Όπως φαίνεται εδώ: https://code.grnet.gr/attachments/download/151/web_layout_0.1.0-meta-1.png έχουμε μία λίστα από value-key pairs. Όταν γίνει mouseover πάνω από ένα στοιχείο της λίστας εμφανίζεται το μπλε hoverbox και ταυτόχρονα στην άκρη του δύο buttons (το μολυβάκι για edit, και το "χ" για remove του meta key).
3. Τα values που δεν χωράνε κόβονται και μπαίνουν 3 τελείες όπως φαίνεται στο key "Description".
4. Όπως φαίνεται εδώ: https://code.grnet.gr/attachments/download/153/web_layout_0.1.0-meta-2.png όταν πατηθεί το μολυβάκι ανοίγει inline το input box (μόνο του value!) για να κάνει ο χρήστης edit την τιμή. Ταυτόχρονα το button που αντιστοιχούσε το μολυβάκι αντικαθίσταται από το "tick" (για save) και το "χ" παραμένει "χ" αλλά έχει τη λειτουργία "cancel", δηλαδή δεν κάνει remove το metadata αλλά σβήνει το inline και αφήνει την τιμή ως είχε (ακριβώς όπως λειτουργεί και το rename server δηλαδή.
5. Όπως φαίνεται εδώ: https://code.grnet.gr/attachments/download/155/web_layout_0.1.0-meta-3.png όταν ο χρήστης πατήσει "Create New" εμφανίζεται ένα καινούριο στοιχείο πάνω πάνω στη λίστα με το hoverbox αναμμένο και 2 inline input boxes (ένα για το key και ένα για το value). Αντίστοιχα βγαίνουν τα buttons "tick" (save) και "χ" (cancel) δεξιά στο hoverbox.
6. Κατά το "tick" (save) ενός καινούριου meta key γίνονται όλοι οι έλεγχοι που γίνονταν και πριν (non null, max characters) και μετά σώζεται το meta αλλιώς μένει το hoverbox αναμμένο μέχρι ο χρήστης να δώσει σωστές τιμές ή να πατήσει το "χ" (cancel) οπότε και ακυρώνεται η ενέργεια και εξαφανίζεται το hoverbox.
7. Ενώ είναι ανοιχτό οποιοδήποτε hoverbox για editing (είτε είναι καινούριο είτε ήδη υπάρχον meta key) ο χρήστης πρέπει να μπορεί να ανοίξει και επόμενο και να μένουν όλα ανοιχτά μέχρι να πατήσει save ή cancel στο καθένα από αυτά (όπως γίνεται και τώρα δηλαδή με το editing).

#4 Updated by Mike Muzurakis about 11 years ago

  • Assignee changed from Christos Psaltis to Mike Muzurakis

#5 Updated by Mike Muzurakis about 11 years ago

  • Status changed from Assigned to Feedback

Νομίζω πως είμαστε οκ μ αυτό.

#6 Updated by Constantinos Venetsanopoulos about 11 years ago

  • Status changed from Feedback to Assigned

Γενικά είμαστε πολύ καλά. Κάποιες παρατηρήσεις:

1. Το font είναι πάρα πολύ μικρό. Πρέπει να μεγαλώσει (λογικά πρέπει να γίνει όσο είναι και το κείμενο στα άλλα overlays: passwd, error).
2. Χρειάζεται hover σε όλα τα buttons: "Close/Create New/tick/x/μολυβάκι".
3. Αριστερά από το όνομα του machine καλό είναι να έχουμε και το εικονίδιο του λειτουργικό όπως στο mockup.
4. Όταν κάνω πολλά create new και μου βγάλει πολλά καινούργια keys/meta (σωστά) όταν πάω να πειράξω το μεσαίο κολλάνε τα υπόλοιπα.
5. Τα buttons "μολυβάκι","χ" είναι πολύ blurry.

#7 Updated by Mike Muzurakis about 11 years ago

  • Status changed from Assigned to Feedback

Τα 1 και 3 έγιναν.

Για το 2 και το 5 θα χρειαστώ τα εικονίδια των buttons σε svg ή αλλιώς με transparent background για να τους αλλάξω μέγεθος και background. Επίσης τα hover τι χρώμα θα έχουν;

Το 4 μόλις κατάφερα να το αναπαράξω. Συμβαίνει μόνο όταν κάνει submit και όχι με το cancel. Θα το κοιτάξω.

#8 Updated by Constantinos Venetsanopoulos about 11 years ago

Τα εικονίδια υπάρχουν όλα στο svg που κατέβασες, απλά είναι σε άλλα layers. Δες το layer που λέει metadata.

Στο 1 πρέπει να μεγαλώσει και το font του τίτλου ("Create, edit and delete... ").
Τα hover να γίνουν το ίδιο χρώμα, ένα τόνο πιο light.

Βug: Όταν αλλάξω το OS meta key σε άλλο λειτουργικό δεν μου βγάζει το αντίστοιχο εικονίδιο αλλά το εικονίδιο για unknown_machine_on

#9 Updated by Constantinos Venetsanopoulos about 11 years ago

  • Status changed from Feedback to Assigned

#10 Updated by Mike Muzurakis about 11 years ago

Μεγάλωσα κι αυτά τα fonts για το 1. Αν μεγαλώσουν κι άλλο θα μείνει πολύ λίγος χώρος για το metadata value. Ίσως να μίκρυνε λίγο το κείμενο του τίτλου;

Το OS meta key εμένα δεν μου το κάνει αυτό, δοκίμαστα με τα values: ubuntu,debian,redhat. Στο 6a8e88a6 το έκανα και να αλλάζει το μικρό είκονίδιο και το medium στο icon view on the fly (όταν παίρνει success για την αλλαγή του metadata).

#11 Updated by Mike Muzurakis about 11 years ago

Έγινε και το 4 στο 89313031

#12 Updated by Mike Muzurakis about 11 years ago

  • Status changed from Assigned to Feedback

Ποιο είναι το όνομα του layer για το metadata wizard? Τα δοκίμασα όλα, αλλά βρήκα μόνο την παλιά version του metadata wizard.

#13 Updated by Constantinos Venetsanopoulos about 11 years ago

Ανέβασα το web_layout-0.1.0.svg.tar.gz που είναι το source svg του updated web_layout
To metadata layer ειναι τα: overlay metadata *

Επίσης βλέπω ότι σωστά αλλάζει και το εικονίδιο του machine στο wizard, αλλά οποιαδήποτε αλλαγή και αν κάνω μου το αλλάζει σε "ερωτηματικό" που είναι το εικονίδιο για "unknown_machine_on"

#14 Updated by Constantinos Venetsanopoulos about 11 years ago

  • Status changed from Feedback to Assigned

#15 Updated by Mike Muzurakis about 11 years ago

  • Status changed from Assigned to Feedback

Οκ μπήκαν τα νέα εικονίδια και τα hovers. Λύθηκε κι ένα bug που παρουσιαζότανε αν έκανες πολλαπλά edits στο ίδιο metadata value. Αυτό με το unkown_machine δε έχουμε καταφέρει να το αναπαράγουμε. Ετκός αν έχω καταλάβει εγώ κάτι λάθος. Η διαδικασία που ακολουθώ είναι η εξής:

Ανοίγω τον metadata wizard και κάνω edit το metdata OS. Το αλλάζω από "debian" σε "ubuntu" και πατάω αποθήκευση. Το εικονίδιο αλλάζει από debian σε ubuntu.

Εναλλακτικά, σβήνω το OS metadata και κάνω create new, βάζω για key "OS" και για value "redhat". Εμφανίζεται το εικονίδιο της redhat.

Αυτά δουλεύουν σωστά σε firefox, chrome και opera σίγουρα.

Την ίδια διαδικασία ακολουθούμε;

#16 Updated by Constantinos Venetsanopoulos about 11 years ago

  • Status changed from Feedback to Assigned

Εδώ παίζει σωστά μόνο για debian και ubuntu. Για οποιοδήποτε άλλο λειτουργικό βγάζει unknown. To δοκίμασα με: "redhat", "slackware", "openbsd", "windows". Επίσης το font του τίτλου ("Create, edit ... ") συνεχίζει να είναι πολύ μικρό. Πρέπει να γίνει ίδιο με των key/value pairs.

Η διαδικασία είναι:
1.Φτιάχνω ένα μηχάνημα
2.Ανοιγω το wizard
3.Κάνω edit το OS
4.Από debian το κάνω windows
5.Βγάζει ερωτηματικό στον τίτλο και το εικονίδιο unknown_machine_on στο icon view.

Μήπως υπάρχει θέμα ονοματολογίας των αρχείων ή του string που στέλνετε;

#17 Updated by Constantinos Venetsanopoulos about 11 years ago

  • % Done changed from 0 to 90

#18 Updated by Mike Muzurakis about 11 years ago

  • Status changed from Assigned to Feedback

Νομίζω οτι κατάλαβα τι συμβαίνει. Έχεις διαφορετικά default images από αυτά που έχω εγώ. Όπως είχαμε πει στο #481 πλέον τα available icons παίρνονται από τα metadata keys των images, ώστε να ξέρουμε ποια είναι available χωρίς να πρέπει να κοιτάζουμε στο filesystem που είναι αργό και χωρίς να πρέπει να ανανεώνουμε με το χέρι το dict. Από τη στιγμή που δεν έχεις κανένα image με OS windows το UI θεωρεί οτι το windows icon δεν είναι μέσα στα επιτρεπόμενα.

Στο δικό μου instance, τα επιτρεπόμενα metadata OS (για τα οποία θα ψάξει να φέρει το εικονίδιο και δεν θα δείξει unknown) είναι ubuntu,debian,redhat.

#19 Updated by Vangelis Koukis about 11 years ago

  • Status changed from Feedback to Assigned

Mike Muzurakis wrote:

Νομίζω οτι κατάλαβα τι συμβαίνει. Έχεις διαφορετικά default images από αυτά που έχω εγώ. Όπως είχαμε πει στο #481 πλέον τα available icons παίρνονται από τα metadata keys των images, ώστε να ξέρουμε ποια είναι available χωρίς να πρέπει να κοιτάζουμε στο filesystem που είναι αργό και χωρίς να πρέπει να ανανεώνουμε με το χέρι το dict. Από τη στιγμή που δεν έχεις κανένα image με OS windows το UI θεωρεί οτι το windows icon δεν είναι μέσα στα επιτρεπόμενα.

Στο δικό μου instance, τα επιτρεπόμενα metadata OS (για τα οποία θα ψάξει να φέρει το εικονίδιο και δεν θα δείξει unknown) είναι ubuntu,debian,redhat.

Επειδή αυτό συνεχώς προκαλεί προβλήματα, μήπως να περάσουμε στο μοντέλο του στατικού dict για να τελειώνει η υπόθεση;
και futureproof είναι, όταν αργότερα θα έχουμε image metadata που θα πειράζουν οι χρήστες, καθώς ανεβάζουν τα δικά τους images.

Ας περάσουμε στο dict, ως ρύθμιση μέσα στο settings.py.
Στην τελική, τα εικονίδια είναι static περιεχόμενο. Ο διαχειριστής θα τα βάζει, ο διαχειριστής θα τα βλέπει στο filesystem του webserver, ο διαχειριστής θα πειράζει το settings.py ώστε να τα ενεργοποιεί στην εφαρμογή.

Αν είναι τόσο δύσκολο, να ανοίξω χωριστό ticket και να γίνεται track.

#20 Updated by Mike Muzurakis about 11 years ago

  • Status changed from Assigned to Feedback

οκ. μπήκε το dict στο settings.py.dist, προσθέστε το στο settings.py και θα πρέπει να παίζει.

#21 Updated by Constantinos Venetsanopoulos about 11 years ago

  • Status changed from Feedback to Assigned

ok, αλλά όταν αλλάξω OS key σε σβηστό (terminated) μηχάνημα ενώ μου αλλάζει σωστά το εικονίδιο στο καινούριο OS, μου εμφανίζει το on μηχάνημα και όχι το off.

Επίσης μεγάλωσε το font στον τίτλο και τα buttons, ώστε να γίνουν όλα ενιαία. (όπως είναι στο "add machine" widget π.χ.)

#22 Updated by Mike Muzurakis about 11 years ago

  • Status changed from Assigned to Feedback

οκ, έγιναν κι αυτά.

#23 Updated by Constantinos Venetsanopoulos about 11 years ago

  • Status changed from Feedback to Assigned

ok, απλά αφού χρειάζεται να κάνει wrap ο τίτλος ας βάζει στη δεύτερη γραμμή και το εικονίδιο και το όνομα (γιατί τώρα που μεγάλωσαν τα fonts μου βγάζει το εικονίδιο στην πρώτη γραμμή και και το όνομα του server από κάτω

#24 Updated by Mike Muzurakis about 11 years ago

  • Status changed from Assigned to Feedback

οκ, έγινε στο commit:4c5ad67e

#25 Updated by Constantinos Venetsanopoulos about 11 years ago

  • Status changed from Feedback to Closed

Φαίνεται ότι είναι οκ, το κλείνω

Also available in: Atom PDF