Revision 4c25ff50 snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details.html
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details.html | ||
|---|---|---|
| 6 | 6 |
<head> |
| 7 | 7 |
<meta charset="utf-8" /> |
| 8 | 8 |
<meta name="viewport" content="width=device-width" /> |
| 9 |
<title>Synnefo | VM list</title>
|
|
| 9 |
<title>Synnefo | VM details</title>
|
|
| 10 | 10 |
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'> |
| 11 | 11 |
<link rel="stylesheet" href="stylesheets/normalize.css" /> |
| 12 | 12 |
<link rel="stylesheet" href="stylesheets/app.css" /> |
| 13 |
<link rel="stylesheet" href="stylesheets/styles.css" />
|
|
| 13 |
<link rel="stylesheet" href="stylesheets/athina.css" />
|
|
| 14 | 14 |
<link rel="stylesheet" href="stylesheets/font_custom.css" /> |
| 15 | 15 |
<link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" /> |
| 16 | 16 |
<script src="javascripts/vendor/custom.modernizr.js"></script> |
| ... | ... | |
| 245 | 245 |
<dt>Status</dt> |
| 246 | 246 |
<dd>running</dd> |
| 247 | 247 |
<dt>OS</dt> |
| 248 |
<dd ><img class="txt_size" src="images/os-windows.png" alt="Windows Image"> Windows</dd>
|
|
| 248 |
<dd ><img class="os" src="images/os-windows.png" alt="Windows Image"> Windows</dd>
|
|
| 249 | 249 |
<dt>IPv4</dt> |
| 250 | 250 |
<dd>83.212.97.127</dd> |
| 251 | 251 |
</dl> |
| 252 | 252 |
</section> |
| 253 |
<section class="wrap border-bottom-style1 info"> |
|
| 254 |
<div class="tba"> |
|
| 255 |
<div class="section_header"> |
|
| 256 |
disks |
|
| 253 |
<section class="border-bottom-style1 info"> |
|
| 254 |
<div class="section_header"> |
|
| 255 |
disks |
|
| 256 |
</div> |
|
| 257 |
<div class="right_side"> |
|
| 258 |
<div class="middle_side"> |
|
| 259 |
<p> |
|
| 260 |
<span class="info_simple big small small">30GB info info info</span> |
|
| 261 |
<span class="action_links"> |
|
| 262 |
<a href="">view</a> |
|
| 263 |
<a href="">disconnect</a> |
|
| 264 |
</span> |
|
| 265 |
</p> |
|
| 266 |
<p> |
|
| 267 |
<span class="info_simple big small small">30GB info info info</span> |
|
| 268 |
<span class="action_links"> |
|
| 269 |
<a href="">view</a> |
|
| 270 |
<a href="">disconnect</a> |
|
| 271 |
</span> |
|
| 272 |
</p> |
|
| 273 |
<p> |
|
| 274 |
<span class="info_simple big small small">30GB info info info</span> |
|
| 275 |
<span class="action_links"> |
|
| 276 |
<a href="">view</a> |
|
| 277 |
<a href="">disconnect</a> |
|
| 278 |
</span> |
|
| 279 |
</p> |
|
| 257 | 280 |
</div> |
| 258 |
<div class="right_side"> |
|
| 259 |
<div class="middle_side"> |
|
| 260 |
<div class="row"> |
|
| 261 |
<div class="info_simple big small small"> |
|
| 262 |
30GB info info info |
|
| 263 |
</div> |
|
| 264 |
<div class="action_links"> |
|
| 265 |
<span><a href="">view</a></span> |
|
| 266 |
<span><a href="">disconnect</a></span> |
|
| 267 |
</div> |
|
| 268 |
</div> |
|
| 269 |
<div class="row"> |
|
| 270 |
<div class="info_simple big small"> |
|
| 271 |
30GB info info info |
|
| 272 |
</div> |
|
| 273 |
<div class="action_links"> |
|
| 274 |
<span><a href="">view</a></span> |
|
| 275 |
<span><a href="">disconnect</a></span> |
|
| 276 |
</div> |
|
| 277 |
</div> |
|
| 278 |
<div class="row"> |
|
| 279 |
<div class="info_simple big small"> |
|
| 280 |
30GB info info info |
|
| 281 |
</div> |
|
| 282 |
<div class="action_links"> |
|
| 283 |
<span><a href="">view</a></span> |
|
| 284 |
<span><a href="">disconnect</a></span> |
|
| 285 |
</div> |
|
| 286 |
</div> |
|
| 287 |
</div> |
|
| 288 |
<div class="btn_pinkb"> |
|
| 289 |
<a href=""> |
|
| 290 |
add disk |
|
| 291 |
<img src="images/menu-icon-disks.png" alt="Disk Image"> |
|
| 292 |
</a> |
|
| 293 |
</div> |
|
| 281 |
<div class="btn-img"> |
|
| 282 |
<a href=""> |
|
| 283 |
add disk |
|
| 284 |
<img src="images/menu-icon-disks.png" alt="Disk Image"> |
|
| 285 |
</a> |
|
| 294 | 286 |
</div> |
| 295 | 287 |
</div> |
| 296 |
|
|
| 297 | 288 |
</section> |
| 298 |
|
|
| 299 |
<section class="wrap border-bottom-style1 info"> |
|
| 300 |
<div class="tba"> |
|
| 301 |
<div class="section_header"> |
|
| 302 |
networks |
|
| 289 |
<section class="border-bottom-style1 info"> |
|
| 290 |
<div class="section_header"> |
|
| 291 |
networks |
|
| 292 |
</div> |
|
| 293 |
<div class="right_side"> |
|
| 294 |
<div class="middle_side"> |
|
| 295 |
<p> |
|
| 296 |
<span class="info_simple big small">network 1</span> |
|
| 297 |
<span class="action_links"> |
|
| 298 |
<a href="">view</a> |
|
| 299 |
<a href="">disconnect</a> |
|
| 300 |
</span> |
|
| 301 |
</p> |
|
| 302 |
<p> |
|
| 303 |
<span class="info_simple big small">network 2</span> |
|
| 304 |
<span class="action_links"> |
|
| 305 |
<a href="">view</a> |
|
| 306 |
<a href="">disconnect</a> |
|
| 307 |
</span> |
|
| 308 |
</p> |
|
| 309 |
<p> |
|
| 310 |
<span class="info_simple big small">network 3</span> |
|
| 311 |
<span class="action_links"> |
|
| 312 |
<a href="">view</a> |
|
| 313 |
<a href="">disconnect</a> |
|
| 314 |
</span> |
|
| 315 |
</p> |
|
| 303 | 316 |
</div> |
| 304 |
<div class="right_side"> |
|
| 305 |
<div class="middle_side"> |
|
| 306 |
<div class="row"> |
|
| 307 |
<div class="info_simple big small"> |
|
| 308 |
network 1 |
|
| 309 |
</div> |
|
| 310 |
<div class="action_links"> |
|
| 311 |
<span><a href="">view</a></span> |
|
| 312 |
<span><a href="">disconnect</a></span> |
|
| 313 |
</div> |
|
| 314 |
</div> |
|
| 315 |
<div class="row"> |
|
| 316 |
<div class="info_simple big small"> |
|
| 317 |
network 2 |
|
| 318 |
</div> |
|
| 319 |
<div class="action_links"> |
|
| 320 |
<span><a href="">view</a></span> |
|
| 321 |
<span><a href="">disconnect</a></span> |
|
| 322 |
</div> |
|
| 323 |
</div> |
|
| 324 |
<div class="row"> |
|
| 325 |
<div class="info_simple big small"> |
|
| 326 |
network 3 |
|
| 327 |
</div> |
|
| 328 |
<div class="action_links"> |
|
| 329 |
<span><a href="">view</a></span> |
|
| 330 |
<span><a href="">disconnect</a></span> |
|
| 331 |
</div> |
|
| 332 |
</div> |
|
| 333 |
<div class="btn_pinkb"> |
|
| 334 |
<a href=""> |
|
| 335 |
add network |
|
| 336 |
<img src="images/menu-icon-networks.png" alt="Network Image"> |
|
| 337 |
</a> |
|
| 338 |
</div> |
|
| 339 |
</div> |
|
| 317 |
<div class="btn-img"> |
|
| 318 |
<a href=""> |
|
| 319 |
add network |
|
| 320 |
<img src="images/menu-icon-networks.png" alt="Network Image"> |
|
| 321 |
</a> |
|
| 340 | 322 |
</div> |
| 341 | 323 |
</div> |
| 342 | 324 |
</section> |
| 343 |
|
|
| 344 |
<section class="wrap border-bottom-style1 info"> |
|
| 345 |
<div class="tba"> |
|
| 346 |
<div class="section_header"> |
|
| 347 |
info |
|
| 348 |
</div> |
|
| 349 |
<div class="right_side"> |
|
| 350 |
<div class="middle_side"> |
|
| 351 |
<div class="row"> |
|
| 352 |
<span class="info_simple big small"> |
|
| 353 |
CPUs |
|
| 354 |
</span> |
|
| 355 |
<span class="info_simple big small"> |
|
| 356 |
4 |
|
| 357 |
</span> |
|
| 358 |
</div> |
|
| 359 |
<div class="row"> |
|
| 360 |
<span class="info_simple big small"> |
|
| 361 |
RAM |
|
| 362 |
</span> |
|
| 363 |
<span class="info_simple big small"> |
|
| 364 |
2048MB |
|
| 365 |
</span> |
|
| 366 |
</div> |
|
| 367 |
<div class="row"> |
|
| 368 |
<span class="info_simple big small"> |
|
| 369 |
System Disk |
|
| 370 |
</span> |
|
| 371 |
<span class="info_simple big small"> |
|
| 372 |
20GB |
|
| 373 |
</span> |
|
| 374 |
</div> |
|
| 375 |
<div class="row"> |
|
| 376 |
<span class="info_simple big small"> |
|
| 377 |
Image |
|
| 378 |
</span> |
|
| 379 |
<span class="info_simple big small"> |
|
| 380 |
(deleted image) |
|
| 381 |
</span> |
|
| 382 |
</div> |
|
| 383 |
<div class="row"> |
|
| 384 |
<span class="info_simple big small"> |
|
| 385 |
Image Size |
|
| 386 |
</span> |
|
| 387 |
<span class="info_simple big small"> |
|
| 388 |
(none) |
|
| 389 |
</span> |
|
| 390 |
</div> |
|
| 391 |
<div class="row"> |
|
| 392 |
<span class="info_simple big small"> |
|
| 393 |
IPv4 |
|
| 394 |
</span> |
|
| 395 |
<span class="info_simple big small"> |
|
| 396 |
83.212.97.127 |
|
| 397 |
</span> |
|
| 398 |
</div> |
|
| 399 |
<div class="row"> |
|
| 400 |
<span class="info_simple big small"> |
|
| 401 |
IPv6 |
|
| 402 |
</span> |
|
| 403 |
<span class="info_simple big small"> |
|
| 404 |
2001:648:2ffc:1112:a80c:eaff:fe15:baee |
|
| 405 |
</span> |
|
| 406 |
</div> |
|
| 407 |
</div> |
|
| 325 |
<section class="border-bottom-style1 info"> |
|
| 326 |
<div class="section_header"> |
|
| 327 |
info |
|
| 328 |
</div> |
|
| 329 |
<div class="right_side"> |
|
| 330 |
<div class="middle_side"> |
|
| 331 |
<p> |
|
| 332 |
<span class="info_simple big small"> |
|
| 333 |
CPUs |
|
| 334 |
</span> |
|
| 335 |
<span class="info_simple big small"> |
|
| 336 |
4 |
|
| 337 |
</span> |
|
| 338 |
</p> |
|
| 339 |
<p> |
|
| 340 |
<span class="info_simple big small"> |
|
| 341 |
RAM |
|
| 342 |
</span> |
|
| 343 |
<span class="info_simple big small"> |
|
| 344 |
2048MB |
|
| 345 |
</span> |
|
| 346 |
</p> |
|
| 347 |
<p> |
|
| 348 |
<span class="info_simple big small"> |
|
| 349 |
System Disk |
|
| 350 |
</span> |
|
| 351 |
<span class="info_simple big small"> |
|
| 352 |
20GB |
|
| 353 |
</span> |
|
| 354 |
</p> |
|
| 355 |
<p> |
|
| 356 |
<span class="info_simple big small"> |
|
| 357 |
Image |
|
| 358 |
</span> |
|
| 359 |
<span class="info_simple big small"> |
|
| 360 |
(deleted image) |
|
| 361 |
</span> |
|
| 362 |
</p> |
|
| 363 |
<p> |
|
| 364 |
<span class="info_simple big small"> |
|
| 365 |
Image Size |
|
| 366 |
</span> |
|
| 367 |
<span class="info_simple big small"> |
|
| 368 |
(none) |
|
| 369 |
</span> |
|
| 370 |
</p> |
|
| 371 |
<p> |
|
| 372 |
<span class="info_simple big small"> |
|
| 373 |
IPv4 |
|
| 374 |
</span> |
|
| 375 |
<span class="info_simple big small"> |
|
| 376 |
83.212.97.127 |
|
| 377 |
</span> |
|
| 378 |
</p> |
|
| 379 |
<p> |
|
| 380 |
<span class="info_simple big small"> |
|
| 381 |
IPv6 |
|
| 382 |
</span> |
|
| 383 |
<span class="info_simple big small"> |
|
| 384 |
2001:648:2ffc:1112:a80c:eaff:fe15:baee |
|
| 385 |
</span> |
|
| 386 |
</p> |
|
| 408 | 387 |
</div> |
| 409 | 388 |
</div> |
| 410 | 389 |
</section> |
| 411 |
|
|
| 412 |
|
|
| 413 |
|
|
| 414 |
<section class="wrap border-bottom-style1 info"> |
|
| 415 |
<div class="tba"> |
|
| 416 |
<div class="section_header"> |
|
| 417 |
tags |
|
| 418 |
</div> |
|
| 419 |
<div class="right_side"> |
|
| 420 |
<div class="middle_side"> |
|
| 421 |
<div class="row"> |
|
| 422 |
<span class="info_simple big small"> |
|
| 423 |
Owner |
|
| 424 |
</span> |
|
| 425 |
<span class="info_simple big small"> |
|
| 426 |
Kick ass dude |
|
| 427 |
</span> |
|
| 428 |
</div> |
|
| 429 |
<div class="row"> |
|
| 430 |
<span class="info_simple big small"> |
|
| 431 |
Role |
|
| 432 |
</span> |
|
| 433 |
<span class="info_simple big small"> |
|
| 434 |
Nothing |
|
| 435 |
</span> |
|
| 436 |
</div> |
|
| 437 |
<div class="row"> |
|
| 438 |
<span class="info_simple big small"> |
|
| 439 |
OS |
|
| 440 |
</span> |
|
| 441 |
<span class="info_simple big small"> |
|
| 442 |
Windows |
|
| 443 |
</span> |
|
| 444 |
</div> |
|
| 445 |
<div class="row"> |
|
| 446 |
<span class="info_simple big small"> |
|
| 447 |
<br><a class="black" href="">+ Add new tag</a> |
|
| 448 |
</span> |
|
| 449 |
</div> |
|
| 450 |
</div> |
|
| 390 |
<section class="border-bottom-style1 info"> |
|
| 391 |
<div class="section_header"> |
|
| 392 |
tags |
|
| 393 |
</div> |
|
| 394 |
<div class="right_side"> |
|
| 395 |
<div class="middle_side"> |
|
| 396 |
<p> |
|
| 397 |
<span class="info_simple big small"> |
|
| 398 |
Owner |
|
| 399 |
</span> |
|
| 400 |
<span class="info_simple big small"> |
|
| 401 |
Kick ass dude |
|
| 402 |
</span> |
|
| 403 |
</p> |
|
| 404 |
<p> |
|
| 405 |
<span class="info_simple big small"> |
|
| 406 |
Role |
|
| 407 |
</span> |
|
| 408 |
<span class="info_simple big small"> |
|
| 409 |
Nothing |
|
| 410 |
</span> |
|
| 411 |
</p> |
|
| 412 |
<p> |
|
| 413 |
<span class="info_simple big small"> |
|
| 414 |
OS |
|
| 415 |
</span> |
|
| 416 |
<span class="info_simple big small"> |
|
| 417 |
Windows |
|
| 418 |
</span> |
|
| 419 |
</p> |
|
| 420 |
<p> |
|
| 421 |
<span class="info_simple big small"> |
|
| 422 |
<br><a href="">+ Add new tag</a> |
|
| 423 |
</span> |
|
| 424 |
</p> |
|
| 451 | 425 |
</div> |
| 452 | 426 |
</div> |
| 453 | 427 |
</section> |
| 454 | 428 |
<section class="info"> |
| 455 |
<div class="row">
|
|
| 429 |
<div> |
|
| 456 | 430 |
<span class="section_header"> |
| 457 | 431 |
CPU utilization |
| 458 | 432 |
</span> |
| ... | ... | |
| 460 | 434 |
<img src="images/cpu-ts.png" alt="CPU utilization graph"> |
| 461 | 435 |
</div> |
| 462 | 436 |
</div> |
| 463 |
<div class="row">
|
|
| 437 |
<div> |
|
| 464 | 438 |
<span class="section_header"> |
| 465 | 439 |
network utilization |
| 466 | 440 |
</span> |
| ... | ... | |
| 471 | 445 |
</section> |
| 472 | 446 |
</div> |
| 473 | 447 |
</div> |
| 474 |
<div class="extras"> |
|
| 475 |
<span data-tooltip class="has-tip ours suggestions" title="Μήπως να είναι λίγο πιο έντονα τα χρώματα; Μοιάζουν απενεργοποιημένα..." style="top:0;left:200px">:)</span> |
|
| 476 |
<span data-tooltip class="has-tip ours questions" title="Πόσο θα είναι το μέγιστο πλάτος της κύριας περιοχής" style="top:240px;left:20px">?</span> |
|
| 477 |
<span data-tooltip class="has-tip ours problems" title="Πώς θα έχουμε δράσεις όπως filters κτλ" style="top:140px;left:250px">!!</span> |
|
| 478 |
</div> |
|
| 479 |
<div id="vm-connect" class="reveal-modal medium"> |
|
| 448 |
<div id="vm-connect" class="reveal-modal medium"> |
|
| 480 | 449 |
<p>A direct connection to this machine can be established using the <a href="http://en.wikipedia.org/wiki/Secure_Shell" target="_blank" >SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p> |
| 481 | 450 |
<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p> |
| 482 | 451 |
|
Also available in: Unified diff