Bug #501
Το παράθυρο για console είναι υπερβολικά μικρό
Status: | Closed | Start date: | 05/10/2011 | |
---|---|---|---|---|
Priority: | High | Due date: | ||
Assignee: | Mike Muzurakis | % Done: | 0% |
|
Category: | Cyclades UI | Spent time: | - | |
Target version: | v0.4 |
Description
Καθώς ξεκινάμε να έχουμε σοβαρή ανάλυση στα VMs, το παράθυρο για console πρέπει να βγαίνει full screen, με το applet κεντραρισμένο, όσο μεγαλύτερο γίνεται με βάση την ανάλυση της οθόνης, χωρίς scrollbars.
Related issues
Associated revisions
ui console fixes
Refs #501
fix ui console
Refs #501
fix ui console
Refs #501
fix ui console
Refs #501
History
#1 Updated by Christos Psaltis over 12 years ago
- Status changed from New to Assigned
- Assignee changed from Dimitris Moraitis to Christos Psaltis
- Target version set to v0.4
Μια διευκρίνιση για αυτό, το νέο παράθυρο εξακολουθεί να είναι popup;
#2 Updated by Vangelis Koukis over 12 years ago
Αν δεν υπάρχει κάποιος λόγος που μου διαφεύγει, ναι, φαίνεται λογικό να είναι.
#3 Updated by Christos Psaltis over 12 years ago
Στο afafec77 το popup βγαίνει πλέον fullscreen με βάση το http://javascript-array.com/scripts/window_open/.
Το μέγεθος του applet δεν ρυθμίζεται δυναμικά ούτε έχει στοιχιστεί σωστά ακόμη.
Πριν κάνω τα παραπάνω θα ήθελα να ξέρω ποιοι είναι οι παράμετροι του popup και console που θα ρυθμίζει ο διαχειριστής στο settings.py. Δες στο synnefo.js τη συνάρτηση show_vnc_console για το τί έχει τώρα.
#4 Updated by Christos Psaltis over 12 years ago
- Status changed from Assigned to Feedback
#5 Updated by Christos Psaltis over 12 years ago
Μάλλον δεν έχει γίνει ξεκάθαρος ο προβληματισμός μου οπότε επανέρχομαι.
Στη show_vnc_console ρυθμίζονται οι παράμετροι του popup: scrollbars, menubar, toolbar, status, top, left, height, width, fullscreen.
Στην έκδοση που δουλεύω και δεν έχω κάνει commit το μέγεθος του applet, η στοίχιση κλπ ρυθμίζονται με css.
Θέλετε όλα αυτά να περάσουν στο settings.py? Μου φαίνεται ότι είναι καλύτερα να μείνουν εκτός του αρχείου ρυθμίσεων πράγματα που έχουν να κάνουν με το user interface, ειδικά ότι μπορεί να αλλάξει με css. Τί λέτε εσείς;
#6 Updated by Vangelis Koukis over 12 years ago
- Status changed from Feedback to Assigned
Δεν καταλαβαίνω. Όλα αυτά είναι θέμα του πώς θα φαίνεται η σελίδα. Θα είναι full screen, το μέγεθος του applet θα προκύπτει από το μέγεθος του παραθύρου, και η θέση του από το πώς ακριβνώς θέλουμε να φαίνεται η σελίδα. Τι υπάρχει να ρυθμίζει ο διαχειριστής για να μπει στο settings.py πλέον;
#7 Updated by Christos Psaltis over 12 years ago
και γω συμφωνώ με τα όσα λές, αλλά στον κώδικα όταν είχες πρωτογράψει την show_vnc έχει ένα σχόλιο που λέει:
// FIXME: Must be made into parameters, in settings.py
Γι'αυτό αναρωτιέμαι τί είναι αυτό που πρέπει να πάει στο settings.py
#8 Updated by Vangelis Koukis over 12 years ago
Christos Psaltis wrote:
και γω συμφωνώ με τα όσα λές, αλλά στον κώδικα όταν είχες πρωτογράψει την show_vnc έχει ένα σχόλιο που λέει:
// FIXME: Must be made into parameters, in settings.py
Γι'αυτό αναρωτιέμαι τί είναι αυτό που πρέπει να πάει στο settings.py
Σωστός, αλλά αυτό ήταν πριν γίνει το παράθυρο full screen και όλα μπορούν να προκύψουν αυτοματοποιημένα από τις διαστάσεις του.
#9 Updated by Christos Psaltis over 12 years ago
- Status changed from Assigned to Feedback
Οκ, τo c164ee16 είναι αυτό που περιλαμβάνει όσα λέω πιο πάνω.
#10 Updated by Christos Psaltis over 12 years ago
Επειδή δεν μπορώ να ανοίξω εγώ κονσόλα σε κάποιο μηχάνημα, μπορεί κάποιος να μου πει πώς φαίνεται και αν είμαστε οκ?
#11 Updated by Constantinos Venetsanopoulos over 12 years ago
- Status changed from Feedback to Assigned
ok το fullscreen. Μένει το κεντράρισμα και το templating. Έχει ανέβει αντίστοιχο mockup (https://code.grnet.gr/attachments/download/137/web_layout_0.1.0-console-template.png)
#12 Updated by Mike Muzurakis over 12 years ago
- Assignee changed from Christos Psaltis to Mike Muzurakis
#13 Updated by Markos Gogoulos over 12 years ago
- Status changed from Assigned to Feedback
Η actions.py.get_console() επιστρέφει port, password και host. Αν θέλουμε να δείχνει και machine name και ip (όπως στο mockup https://code.grnet.gr/attachments/download/137/web_layout_0.1.0-console-template.png θα πρέπει να γίνει μια μικρή αλλαγή και να τα επιστρέφει και αυτά.
#14 Updated by Vangelis Koukis over 12 years ago
- Status changed from Feedback to Assigned
Αυτός που κάνει την κλήση, το UI δηλαδή, ξέρει για ποιο μηχάνημα κάνει την κλήση.
Πρέπει να έχει το id του, για να μπορεί να κάνει POST /servers/id/action και να ζητήσει console.
Αφού ξέρει το id του, μπορεί να βρει και το όνομα του, και την public IPv4 και IPv6 του.
Και τα δύο τα ξέρει το UI ήδη, πρέπει να τα έχει στη μνήμη του από την κλήση GET /servers.
Οπότε, δεν υπάρχει λόγος να επεκταθεί το action console.
Όταν το POST στο /servers/id/action επιστρέψει τα δεδομένα, το UI θα τα συνδυάσει με αυτά που πρέπει ήδη να ξέρει για να φτιάξει το παράθυρο.
#15 Updated by Constantinos Venetsanopoulos over 12 years ago
Επίσης πάνω πρέπει να φαίνεται το γραφικο που υπάρχει στο mockup (okeanosconsole). Υπαρχει στο svg που έχει ο [clopy] δες #529. Ακόμη πρέπει κάτω να υπάρχει πλατύ μπλε footer όπως στο mockup και το java applet να είναι στοιχισμένο από την αρχή του okeanos μέχρι το τέλος του machine name
#16 Updated by Markos Gogoulos over 12 years ago
Πλεον παίρνει ip και name και τα εμφανίζει. Επίσης μπήκε το γραφικό, όπως μπόρεσα να το κόψω, θα χρειαστεί λίγη δουλειά.
#17 Updated by Constantinos Venetsanopoulos over 12 years ago
Αυτή τη στιγμή το java applet έχει μπει μέσα σε container και δεν παιζει σωστά γιατί όταν μεγαλώσει η ανάλυση (π.χ. σε VM με Χorg) μεγάλο μέρος της οθόνης δεν φαίνεται. Επειδή είναι σχετικά δύσκολο να παρακαμφθεί το πρόβλημα μιας και χρησιμοποιούμε java για την ώρα, έχω ανεβάσει καινούριο mockup (σχεδόν ίδιο με το προηγούμενο: https://code.grnet.gr/attachments/download/165/web_layout_0.1.0-console-template.png) το οποίο λύνει το πρόβλημα.
Φεύγει το gradient, και το java applet εκτείνεται από το τέλος της δεύτερης μπλε οριζόντιας μέχρι 2 pixel πριν το μπλε footer. Επίσης ξεκινά αριστερά από την αρχή του παραθύρου (Ο left-margin, 0 left-padding) Επίσης τα γραφικά στοιχίζονται όλα αριστερά για να μην έχουμε προβλήματα πως θα μπουν στη μέση
Προχωράμε με αυτό και βλέπουμε
#18 Updated by Markos Gogoulos over 12 years ago
- Status changed from Assigned to Feedback
Κώστα δεν καταλαβαίνω τι ακριβώς εννοείς. Έκανα commit με το java applet να είναι όπως είχε προσδιοριστεί αρχικά, και με height 450px ώστε να χωράει στους browsers. Τι πρόβλημα υπάρχει με αυτό;
#19 Updated by Constantinos Venetsanopoulos over 12 years ago
- Status changed from Feedback to Assigned
Tο πρόβλημα είναι ότι το java applet έχει μπει αυτή τη στιγμή σε ένα container συγκεκριμένου μεγέθους (450px). Το θέμα είναι ότι το μέγεθος του visible παραθύρου (η οθόνη του VM που βλέπει ο χρήστης) μέσα στο java applet αλλάζει μεγέθη ανάλογα με την ανάλυση που υπάρχει στο vnc. Έτσι όταν εγώ σηκώνω για παράδειγμα Χ που αλλάζει το resolution, το visible παράθυρο γίνεται μεγαλύτερο από το container και δεν βλέπω ένα μεγάλο μέρος της οθόνης.
Επειδή το πρόβλημα είναι δύσκολο να λυθεί αυτή τη στιγμή, πρέπει το templating να γίνει όπως φαίνεται στο ανανεωμένο mockup έτσι ώστε το java applet να εκτείνεται σε όλο το width του παραθύρου (με λευκό background) και να υπάρχουν οι δύο μπλε μπάρες πάνω και κάτω.
Έτσι όταν θα αλλάζει δυναμικά το μέγεθος του visible παραθύρου ανάλογα με τις αναλύσεις, να υπάρχει χώρος και να μην χάνεται το παράθυρο.
Για το λόγο αυτό:
1. Κρατάς την πάνω μπάρα ακριβώς όπως έχει, απλά στοιχίζεις τα γραφικά αριστερά (όπως φαίνεται στο mockup).
2. Βάζεις και άλλη μια μπλε γραμμή (ίδιο χρώμα με το "console") μικρότερου πάχους κάτω από τα γραφικά (όπως στο mockup).
3. Ξεκινάς το java applet από το πάνω αριστερό μέρος κάτω ακριβώς από την δεύτερη μπλε μπάρα.
4. Εκτείνεις το java applet σε όλο το width του παραθύρου.
5. Εκτείνεις το java applet προς τα κάτω σε όλο το height του παραθύρου, μέχρι να ακουμπήσει στην κάτω μπλε μπάρα.
6. Το "Copyright.." το στοιχίζεις και αυτό αριστερά
#20 Updated by Markos Gogoulos over 12 years ago
- Status changed from Assigned to Feedback
Μπορεις να δοκιμάσεις τώρα και να μας πεις αν παίρνει αυτόματα το size που θέλουμε?
#21 Updated by Constantinos Venetsanopoulos over 12 years ago
- Status changed from Feedback to Assigned
To πάνω μέρος είναι ακριβώς όπως πρέπει να είναι.
Το visible παράθυρο ξεκινά ακριβώς εκεί που πρέπει (πάνω αριστερά).
Το java applet έχει σωστό μέγεθος ως προς το width.
Αλλά:
Το java applet δεν έχει σωστό μέγεθος ως προς το height. Γενικά κάτι έχει γίνει λάθος εκεί, γιατί το footer (Copyright...) δεν βρίσκεται κολλημένο κάτω κάτω. Επίσης έχει μία μπλε γραμμή (ίδιο χρώμα με τη γραμματοσειρά "console") από πάνω του. Η μπλε αυτή γραμμή και το footer έχουν έρθει σχεδόν στη μέση του fullscreen παραθύρου και κόβουν στη μέση το visible box με αποτέλεσμα να βλέπεις το 1/3 της οθόνης του vnc (ως προς το height, γιατί το width είναι σωστό).
#22 Updated by Markos Gogoulos over 12 years ago
- Status changed from Assigned to Feedback
Έχουν γίνει οι αλλαγές, πώς είναι τώρα;
#23 Updated by Constantinos Venetsanopoulos over 12 years ago
- File consolewindow.png added
- Status changed from Feedback to Assigned
Τόσο σε firefox4 όσο και σε opera11.11 ένα μέρος του java applet χάνεται στο αριστερό μέρος όπως φαίνεται στο screenshot.
Επίσης βγαίνει μία μπλε γραμμή λίγο πάνω από το footer (το οποίο είναι πλεον σωστά τοποθετημένο κάτω κάτω).
Μάλλον δεν χρειάζεται μπλε background πίσω από το java applet. Απλά βάζεις την δεύτερη μπλε γραμμή κάτω απο το γραφικό και κάτω από τη μπλε γραμμή βάζεις το applet σε όλο το width και height μέχρι να φτάσει στο footer.
#24 Updated by Mike Muzurakis over 12 years ago
- Status changed from Assigned to Feedback
Τώρα πρέπει να ναι οκ και αυτά.
#25 Updated by Constantinos Venetsanopoulos over 12 years ago
- Status changed from Feedback to Closed
ok, closed