Bug #501

Το παράθυρο για console είναι υπερβολικά μικρό

Added by Vangelis Koukis over 11 years ago. Updated about 11 years ago.

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.

consolewindow.png (51.8 kB) Constantinos Venetsanopoulos, 05/30/2011 10:13 am


Related issues

related to Synnefo - Feature #391: Κονσόλα VNC στο GUI Closed 04/06/2011

Associated revisions

Revision 7fe8e626
Added by Markos Gogoulos about 11 years ago

ui console fixes

Refs #501

Revision 04a3ecfc
Added by Markos Gogoulos about 11 years ago

fix ui console
Refs #501

Revision ef2afc57
Added by Markos Gogoulos about 11 years ago

fix ui console

Refs #501

Revision b97b6ee7
Added by Markos Gogoulos about 11 years ago

fix ui console

use machines_console.png icon

Refs #501

Revision 9e787913
Added by Markos Gogoulos about 11 years ago

fix ui console

Refs #501

History

#1 Updated by Christos Psaltis over 11 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 11 years ago

Αν δεν υπάρχει κάποιος λόγος που μου διαφεύγει, ναι, φαίνεται λογικό να είναι.

#3 Updated by Christos Psaltis over 11 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 11 years ago

  • Status changed from Assigned to Feedback

#5 Updated by Christos Psaltis over 11 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 11 years ago

  • Status changed from Feedback to Assigned

Δεν καταλαβαίνω. Όλα αυτά είναι θέμα του πώς θα φαίνεται η σελίδα. Θα είναι full screen, το μέγεθος του applet θα προκύπτει από το μέγεθος του παραθύρου, και η θέση του από το πώς ακριβνώς θέλουμε να φαίνεται η σελίδα. Τι υπάρχει να ρυθμίζει ο διαχειριστής για να μπει στο settings.py πλέον;

#7 Updated by Christos Psaltis over 11 years ago

και γω συμφωνώ με τα όσα λές, αλλά στον κώδικα όταν είχες πρωτογράψει την show_vnc έχει ένα σχόλιο που λέει:

// FIXME: Must be made into parameters, in settings.py

Γι'αυτό αναρωτιέμαι τί είναι αυτό που πρέπει να πάει στο settings.py

#8 Updated by Vangelis Koukis over 11 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 11 years ago

  • Status changed from Assigned to Feedback

Οκ, τo c164ee16 είναι αυτό που περιλαμβάνει όσα λέω πιο πάνω.

#10 Updated by Christos Psaltis over 11 years ago

Επειδή δεν μπορώ να ανοίξω εγώ κονσόλα σε κάποιο μηχάνημα, μπορεί κάποιος να μου πει πώς φαίνεται και αν είμαστε οκ?

#11 Updated by Constantinos Venetsanopoulos over 11 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 about 11 years ago

  • Assignee changed from Christos Psaltis to Mike Muzurakis

#13 Updated by Markos Gogoulos about 11 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 about 11 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 about 11 years ago

Επίσης πάνω πρέπει να φαίνεται το γραφικο που υπάρχει στο mockup (okeanosconsole). Υπαρχει στο svg που έχει ο [clopy] δες #529. Ακόμη πρέπει κάτω να υπάρχει πλατύ μπλε footer όπως στο mockup και το java applet να είναι στοιχισμένο από την αρχή του okeanos μέχρι το τέλος του machine name

#16 Updated by Markos Gogoulos about 11 years ago

Πλεον παίρνει ip και name και τα εμφανίζει. Επίσης μπήκε το γραφικό, όπως μπόρεσα να το κόψω, θα χρειαστεί λίγη δουλειά.

#17 Updated by Constantinos Venetsanopoulos about 11 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 about 11 years ago

  • Status changed from Assigned to Feedback

Κώστα δεν καταλαβαίνω τι ακριβώς εννοείς. Έκανα commit με το java applet να είναι όπως είχε προσδιοριστεί αρχικά, και με height 450px ώστε να χωράει στους browsers. Τι πρόβλημα υπάρχει με αυτό;

#19 Updated by Constantinos Venetsanopoulos about 11 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 about 11 years ago

  • Status changed from Assigned to Feedback

Μπορεις να δοκιμάσεις τώρα και να μας πεις αν παίρνει αυτόματα το size που θέλουμε?

#21 Updated by Constantinos Venetsanopoulos about 11 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 about 11 years ago

  • Status changed from Assigned to Feedback

Έχουν γίνει οι αλλαγές, πώς είναι τώρα;

#23 Updated by Constantinos Venetsanopoulos about 11 years ago

Τόσο σε firefox4 όσο και σε opera11.11 ένα μέρος του java applet χάνεται στο αριστερό μέρος όπως φαίνεται στο screenshot.
Επίσης βγαίνει μία μπλε γραμμή λίγο πάνω από το footer (το οποίο είναι πλεον σωστά τοποθετημένο κάτω κάτω).

Μάλλον δεν χρειάζεται μπλε background πίσω από το java applet. Απλά βάζεις την δεύτερη μπλε γραμμή κάτω απο το γραφικό και κάτω από τη μπλε γραμμή βάζεις το applet σε όλο το width και height μέχρι να φτάσει στο footer.

#24 Updated by Mike Muzurakis about 11 years ago

  • Status changed from Assigned to Feedback

Τώρα πρέπει να ναι οκ και αυτά.

#25 Updated by Constantinos Venetsanopoulos about 11 years ago

  • Status changed from Feedback to Closed

ok, closed

Also available in: Atom PDF