root / snf-cyclades-app / synnefo / ui / new_ui / ui / network_details.html @ 5c29c345
History | View | Annotate | Download (19.9 kB)
| 1 | e095c480 | Athina B | |
|---|---|---|---|
| 2 | e095c480 | Athina B | <!DOCTYPE html>
|
| 3 | e095c480 | Athina B | <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
|
| 4 | e095c480 | Athina B | <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> |
| 5 | e095c480 | Athina B | |
| 6 | e095c480 | Athina B | <head>
|
| 7 | e095c480 | Athina B | <meta charset="utf-8" /> |
| 8 | e095c480 | Athina B | <meta name="viewport" content="width=device-width" /> |
| 9 | f0498685 | Athina Bekakou | <title>Network details</title> |
| 10 | e095c480 | Athina B | <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 | e095c480 | Athina B | <link rel="stylesheet" href="stylesheets/normalize.css" /> |
| 12 | e095c480 | Athina B | <link rel="stylesheet" href="stylesheets/app.css" /> |
| 13 | 9fad921d | Athina B | <link rel="stylesheet" href="stylesheets/font_custom.css" /> |
| 14 | ce385b85 | Olga Brani | <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" /> |
| 15 | c9d873e8 | Olga Brani | <link rel="stylesheet" href="stylesheets/magnific-popup.css" /> |
| 16 | e095c480 | Athina B | <script src="javascripts/vendor/custom.modernizr.js"></script> |
| 17 | e095c480 | Athina B | </head>
|
| 18 | e095c480 | Athina B | <body>
|
| 19 | 061cefb7 | Athina Bekakou | <header class="header"> |
| 20 | 15948f00 | Olga Brani | <nav>
|
| 21 | 15948f00 | Olga Brani | <ul class="icons-nav"> |
| 22 | 1b2adfd1 | Athina Bekakou | <li><a href="vm_list.html" data-tooltip ="has-tip" title="Machines"><span class="snf-pc-outline"></span></a></li> |
| 23 | de9b2b51 | Athina Bekakou | <li><a href="network_list.html" data-tooltip ="has-tip " title="Networks"><span class="snf-network-full"></span></a></li> |
| 24 | 1b2adfd1 | Athina Bekakou | <li><a href="volumes_list.html" data-tooltip ="has-tip" title="Disks"><span class="snf-volume-outline"></span></a></li> |
| 25 | 91994afd | Athina Bekakou | <li><a href="pithos.html" data-tooltip ="has-tip" title="Storage"><span class="snf-pithos-outline"></span></a></li> |
| 26 | de9b2b51 | Athina Bekakou | <li><a href="images_list.html" data-tooltip ="has-tip" title="Images"><span class="snf-image-outline"></span></a></li> |
| 27 | 1b2adfd1 | Athina Bekakou | <li><a href="snapshots_list.html" data-tooltip ="has-tip" title="Snapshots"><span class="snf-snapshot-outline"></span></a></li> |
| 28 | de9b2b51 | Athina Bekakou | <li><a href="" data-tooltip ="has-tip" title="More"><span class="snf-plus-outline"></span></a></li> |
| 29 | 15948f00 | Olga Brani | </ul>
|
| 30 | 15948f00 | Olga Brani | </nav>
|
| 31 | 061cefb7 | Athina Bekakou | <div class="login"> |
| 32 | 3549163d | Olga Brani | <div class="wrap"> |
| 33 | 3549163d | Olga Brani | <a href="">user1@synnefo.org</a> |
| 34 | 3549163d | Olga Brani | <ul>
|
| 35 | 3549163d | Olga Brani | <li><a href="">dashboard</a></li> |
| 36 | 3549163d | Olga Brani | <li><a href="">sign out</a></li> |
| 37 | 3549163d | Olga Brani | </ul>
|
| 38 | 3549163d | Olga Brani | </div>
|
| 39 | 061cefb7 | Athina Bekakou | </div>
|
| 40 | 15948f00 | Olga Brani | <div class="logo"> |
| 41 | f0498685 | Athina Bekakou | <a href="index.html"><img src="images/synnefo-logo.png" alt="software logo"></a> |
| 42 | 15948f00 | Olga Brani | </div>
|
| 43 | 15948f00 | Olga Brani | </header>
|
| 44 | f50cc12b | Olga Brani | <div class="body-wrapper"> |
| 45 | f1360c76 | Athina Bekakou | <section class="overlay-area-custom"> |
| 46 | f1360c76 | Athina Bekakou | <div id="network-wizard" class="overlay-div wizard"> |
| 47 | f1360c76 | Athina Bekakou | <div class="top"> |
| 48 | f1360c76 | Athina Bekakou | <div class="numbers"> |
| 49 | f1360c76 | Athina Bekakou | <div class="menus row"> |
| 50 | f1360c76 | Athina Bekakou | <a href="" class="close"><span class="snf-close"></span></a> |
| 51 | f1360c76 | Athina Bekakou | <ul class="nums"> |
| 52 | f1360c76 | Athina Bekakou | <li class="preselected current"> |
| 53 | f1360c76 | Athina Bekakou | <em><span>1</span></em> |
| 54 | f1360c76 | Athina Bekakou | <p><strong>Create new private network</strong></p> |
| 55 | f1360c76 | Athina Bekakou | </li>
|
| 56 | f1360c76 | Athina Bekakou | </ul>
|
| 57 | f1360c76 | Athina Bekakou | </div>
|
| 58 | f1360c76 | Athina Bekakou | </div>
|
| 59 | f1360c76 | Athina Bekakou | <div class="row"> |
| 60 | f1360c76 | Athina Bekakou | <nav class="sub-menu" data-step=1> |
| 61 | f1360c76 | Athina Bekakou | </nav>
|
| 62 | f1360c76 | Athina Bekakou | </div>
|
| 63 | f1360c76 | Athina Bekakou | </div>
|
| 64 | f1360c76 | Athina Bekakou | <div class="middle"> |
| 65 | f1360c76 | Athina Bekakou | <div class="steps"> |
| 66 | f1360c76 | Athina Bekakou | <div class="step step-1 preselected current"> |
| 67 | f1360c76 | Athina Bekakou | <ul class="row network_options"> |
| 68 | f1360c76 | Athina Bekakou | <li class="project-selection"> |
| 69 | f1360c76 | Athina Bekakou | <form class="custom"> |
| 70 | f1360c76 | Athina Bekakou | <select class="medium"> |
| 71 | f1360c76 | Athina Bekakou | <option class="el5">Basic Project</option> |
| 72 | f1360c76 | Athina Bekakou | <option>Project 2</option> |
| 73 | f1360c76 | Athina Bekakou | <option>Project 3</option> |
| 74 | f1360c76 | Athina Bekakou | </select>
|
| 75 | f1360c76 | Athina Bekakou | </form>
|
| 76 | f1360c76 | Athina Bekakou | </li>
|
| 77 | f1360c76 | Athina Bekakou | <li>
|
| 78 | f1360c76 | Athina Bekakou | <div class="network-name"> |
| 79 | f1360c76 | Athina Bekakou | <h2>Network name</h2> |
| 80 | f1360c76 | Athina Bekakou | <span class="input"><input class="el1" type="text" placeholder="My Network"></span> |
| 81 | f1360c76 | Athina Bekakou | </div>
|
| 82 | f1360c76 | Athina Bekakou | </li>
|
| 83 | f1360c76 | Athina Bekakou | <li class="dhcp_option"><span>Assign IP addresses automatically:</span> |
| 84 | f1360c76 | Athina Bekakou | <a href="" class="check"> |
| 85 | f1360c76 | Athina Bekakou | <span class="snf-checkbox-checked prechecked"></span> |
| 86 | f1360c76 | Athina Bekakou | </a>
|
| 87 | f1360c76 | Athina Bekakou | </li>
|
| 88 | f1360c76 | Athina Bekakou | <li class="explanatory"> |
| 89 | f1360c76 | Athina Bekakou | If you enable DHCP on the private network, connected virtual machines will automatically be assigned an IP address based on the given subnet. You may disable this option if you want to assign IP addresses to the connected virtual machines manually. |
| 90 | f1360c76 | Athina Bekakou | </li>
|
| 91 | f1360c76 | Athina Bekakou | <li>
|
| 92 | f1360c76 | Athina Bekakou | <span class="sub_title">Network subnet:</span> |
| 93 | f1360c76 | Athina Bekakou | <ul class="subnet_options"> |
| 94 | f1360c76 | Athina Bekakou | <li>
|
| 95 | f1360c76 | Athina Bekakou | <span>Auto
|
| 96 | f1360c76 | Athina Bekakou | <a href="" class="radio_btn"> |
| 97 | f1360c76 | Athina Bekakou | <span class="snf-radio-checked prechecked"></span> |
| 98 | f1360c76 | Athina Bekakou | </a>
|
| 99 | f1360c76 | Athina Bekakou | </span>
|
| 100 | f1360c76 | Athina Bekakou | </li>
|
| 101 | f1360c76 | Athina Bekakou | <li class="manual"> |
| 102 | f1360c76 | Athina Bekakou | <form>
|
| 103 | f1360c76 | Athina Bekakou | <span>Manual
|
| 104 | f1360c76 | Athina Bekakou | <a href="" class="radio_btn manual"> |
| 105 | f1360c76 | Athina Bekakou | <span class="snf-radio-unchecked"></span> |
| 106 | f1360c76 | Athina Bekakou | </a>
|
| 107 | f1360c76 | Athina Bekakou | <span class="input"><input type="text" placeholder="192.168.32.0/24"></span> |
| 108 | f1360c76 | Athina Bekakou | </span>
|
| 109 | f1360c76 | Athina Bekakou | </form>
|
| 110 | f1360c76 | Athina Bekakou | </li>
|
| 111 | f1360c76 | Athina Bekakou | <li>
|
| 112 | f1360c76 | Athina Bekakou | <span>10.0.0.0/24
|
| 113 | f1360c76 | Athina Bekakou | <a href="" class="radio_btn"> |
| 114 | f1360c76 | Athina Bekakou | <span class="snf-radio-unchecked"></span> |
| 115 | f1360c76 | Athina Bekakou | </a>
|
| 116 | f1360c76 | Athina Bekakou | </span>
|
| 117 | f1360c76 | Athina Bekakou | </li>
|
| 118 | f1360c76 | Athina Bekakou | <li>
|
| 119 | f1360c76 | Athina Bekakou | <span>192.168.0.0/24
|
| 120 | f1360c76 | Athina Bekakou | <a href="" class="radio_btn"> |
| 121 | f1360c76 | Athina Bekakou | <span class="snf-radio-unchecked"></span> |
| 122 | f1360c76 | Athina Bekakou | </a>
|
| 123 | f1360c76 | Athina Bekakou | </span>
|
| 124 | f1360c76 | Athina Bekakou | </li>
|
| 125 | f1360c76 | Athina Bekakou | </ul>
|
| 126 | f1360c76 | Athina Bekakou | </li>
|
| 127 | f1360c76 | Athina Bekakou | </ul>
|
| 128 | f1360c76 | Athina Bekakou | </div>
|
| 129 | f1360c76 | Athina Bekakou | </div>
|
| 130 | f1360c76 | Athina Bekakou | </div>
|
| 131 | f1360c76 | Athina Bekakou | <div class="bottom"> |
| 132 | f1360c76 | Athina Bekakou | <div class="row"> |
| 133 | f1360c76 | Athina Bekakou | <a href="" class="nav prev"><span>CANCEL</span></a> |
| 134 | f1360c76 | Athina Bekakou | <a href="" class="nav next" data-next="el1"><span>CREATE</span></a> |
| 135 | f1360c76 | Athina Bekakou | </div>
|
| 136 | f1360c76 | Athina Bekakou | </div>
|
| 137 | f1360c76 | Athina Bekakou | </div>
|
| 138 | f1360c76 | Athina Bekakou | </section>
|
| 139 | f1360c76 | Athina Bekakou | <section class="overlay-area-reveal"> |
| 140 | c264bfaa | Athina Bekakou | <div id="start-confirm" class="reveal-modal medium"> |
| 141 | c264bfaa | Athina Bekakou | <p class="message-forimg">Are you sure you want to turn on your machine?</p> |
| 142 | c264bfaa | Athina Bekakou | <p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
| 143 | c264bfaa | Athina Bekakou | <a class="close-reveal-modal" title="close window">X</a> |
| 144 | c264bfaa | Athina Bekakou | </div>
|
| 145 | c264bfaa | Athina Bekakou | <div id="reboot-confirm" class="reveal-modal medium"> |
| 146 | c264bfaa | Athina Bekakou | <p class="message-forimg">Are you sure you want to reboot your machine?</p> |
| 147 | c264bfaa | Athina Bekakou | <p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
| 148 | c264bfaa | Athina Bekakou | <a class="close-reveal-modal" title="close window">X</a> |
| 149 | c264bfaa | Athina Bekakou | </div>
|
| 150 | c264bfaa | Athina Bekakou | <div id="shutdown-confirm" class="reveal-modal medium"> |
| 151 | c264bfaa | Athina Bekakou | <p class="message-forimg">Are you sure you want to shutdown your machine?</p> |
| 152 | c264bfaa | Athina Bekakou | <p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
| 153 | c264bfaa | Athina Bekakou | <a class="close-reveal-modal" title="close window">X</a> |
| 154 | c264bfaa | Athina Bekakou | </div>
|
| 155 | c264bfaa | Athina Bekakou | <div id="destroy-vm-confirm" class="reveal-modal medium"> |
| 156 | c264bfaa | Athina Bekakou | <p class="message-forimg">Are you sure you want to destroy your machine?</p> |
| 157 | c264bfaa | Athina Bekakou | <p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
| 158 | c264bfaa | Athina Bekakou | <a class="close-reveal-modal" title="close window">X</a> |
| 159 | c264bfaa | Athina Bekakou | </div>
|
| 160 | c264bfaa | Athina Bekakou | <div id="vm-connect" class="reveal-modal medium"> |
| 161 | c264bfaa | Athina Bekakou | <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> |
| 162 | c264bfaa | Athina Bekakou | <p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p> |
| 163 | c264bfaa | Athina Bekakou | |
| 164 | c264bfaa | Athina Bekakou | <p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p> |
| 165 | c264bfaa | Athina Bekakou | <a class="close-reveal-modal" title="close window">X</a> |
| 166 | c264bfaa | Athina Bekakou | </div>
|
| 167 | c264bfaa | Athina Bekakou | <div id="connect-vm-to-network" class="reveal-modal medium list-availables"> |
| 168 | c264bfaa | Athina Bekakou | <span>Available networks:</span> |
| 169 | c264bfaa | Athina Bekakou | <ul>
|
| 170 | c264bfaa | Athina Bekakou | <li><span class="snf-font snf-radio-unchecked"></span><span class="snf-font snf-network-full"></span><span class="name">network name</span><span>other data</span></li> |
| 171 | c264bfaa | Athina Bekakou | <li><span class="snf-font snf-radio-unchecked"></span><span class="snf-font snf-network-full"></span><span class="name">network name</span><span>connected machines: 10</span></li> |
| 172 | c264bfaa | Athina Bekakou | </ul>
|
| 173 | c264bfaa | Athina Bekakou | <p class="buttons"> |
| 174 | c264bfaa | Athina Bekakou | <a href="" class="btn1">OK</a> |
| 175 | c264bfaa | Athina Bekakou | <a href="" class="btn1">Cancel</a> |
| 176 | c264bfaa | Athina Bekakou | </p>
|
| 177 | c264bfaa | Athina Bekakou | </div>
|
| 178 | c264bfaa | Athina Bekakou | <div id="disconnect-from-network" class="reveal-modal medium list-availables remove"> |
| 179 | c264bfaa | Athina Bekakou | <p>Are you sure you want to disconnect this machine?</p> |
| 180 | c264bfaa | Athina Bekakou | <p class="buttons"> |
| 181 | c264bfaa | Athina Bekakou | <a href="" class="btn1 ok">OK</a> |
| 182 | c264bfaa | Athina Bekakou | <a href="" class="btn1 cancel">Cancel</a> |
| 183 | c264bfaa | Athina Bekakou | </p>
|
| 184 | c264bfaa | Athina Bekakou | <a class="close-reveal-modal" title="close window">X</a> |
| 185 | c264bfaa | Athina Bekakou | </div>
|
| 186 | c264bfaa | Athina Bekakou | </section>
|
| 187 | 0a9e1a04 | Olga Brani | <section class="actions-bar clearfix"> |
| 188 | 3549163d | Olga Brani | <h2><a href="vm_list.html">Networks</a> > My Awesome network</h2> |
| 189 | f50cc12b | Olga Brani | <div class="rt-actions"> |
| 190 | cc9091bb | Athina Bekakou | <a href="network_list.html" class="grid" title="grid view"><span class="snf-gridview"></span></a> |
| 191 | 3549163d | Olga Brani | <a href="" class="list" title="list view"><span class="snf-listview "></span></a> |
| 192 | cc9091bb | Athina Bekakou | <a href="network_list.html" class="single current" title="single view"></a> |
| 193 | 3549163d | Olga Brani | </div>
|
| 194 | 3549163d | Olga Brani | <div class="filter-menu"> |
| 195 | 3549163d | Olga Brani | <a class="filter" href="">Filter</a> |
| 196 | 3549163d | Olga Brani | <ul class="options"> |
| 197 | 3549163d | Olga Brani | <li><a href=""> set an option</a></li> |
| 198 | 3549163d | Olga Brani | <li><a href=""> set an option</a></li> |
| 199 | 3549163d | Olga Brani | <li><a href=""> set an option</a></li> |
| 200 | 3549163d | Olga Brani | <li><a href=""> set an option</a></li> |
| 201 | 3549163d | Olga Brani | </ul>
|
| 202 | 3549163d | Olga Brani | </div>
|
| 203 | 3549163d | Olga Brani | <div id="hd-search" class="hd-search"> |
| 204 | 3549163d | Olga Brani | <form>
|
| 205 | 3549163d | Olga Brani | <span class="hd-icon-search snf-search"></span> |
| 206 | 3549163d | Olga Brani | <input class="hd-search-input" placeholder="Enter your search term..." type="search" value="" name="search" id="search"> |
| 207 | 3549163d | Olga Brani | </form>
|
| 208 | 0a9e1a04 | Olga Brani | </div>
|
| 209 | 0a9e1a04 | Olga Brani | </section>
|
| 210 | 3549163d | Olga Brani | <div class="main row"> |
| 211 | 3549163d | Olga Brani | <div class="network details running"> |
| 212 | f1360c76 | Athina Bekakou | <a href="" class="toggle-lt-bar">...</a> |
| 213 | f0498685 | Athina Bekakou | <div class="lt-bar"> |
| 214 | f0498685 | Athina Bekakou | <div class="scroll-wrap"> |
| 215 | f0498685 | Athina Bekakou | <ul class="items-list"> |
| 216 | 6cbdc6c2 | Olga Brani | <li data-status="add-new" class="add-new"> |
| 217 | 6cbdc6c2 | Olga Brani | <div class="container" data-overlay-id="network-wizard"> |
| 218 | c7bac7aa | Olga Brani | <div class="check"></div> |
| 219 | 6cbdc6c2 | Olga Brani | <div class="img-wrap"> |
| 220 | c7bac7aa | Olga Brani | <span class="snf-network-create-full snf-font"></span> |
| 221 | 6cbdc6c2 | Olga Brani | </div>
|
| 222 | 6cbdc6c2 | Olga Brani | <h4>New Network</h4> |
| 223 | 6cbdc6c2 | Olga Brani | </div>
|
| 224 | 6cbdc6c2 | Olga Brani | </li>
|
| 225 | f0498685 | Athina Bekakou | <li data-status="running" class="running"> |
| 226 | f0498685 | Athina Bekakou | <div class="more"> |
| 227 | f0498685 | Athina Bekakou | </div>
|
| 228 | f0498685 | Athina Bekakou | <div class="container"> |
| 229 | f0498685 | Athina Bekakou | <div class="check"> |
| 230 | f0498685 | Athina Bekakou | <span class="snf-checkbox-unchecked"></span> |
| 231 | f0498685 | Athina Bekakou | </div>
|
| 232 | f0498685 | Athina Bekakou | <div class="img-wrap"> |
| 233 | de9b2b51 | Athina Bekakou | <span class="snf-network-full snf-font"></span> |
| 234 | f0498685 | Athina Bekakou | </div>
|
| 235 | f0498685 | Athina Bekakou | <h4>vm name 1 really large name vm name vm 1 really large name vm</h4> |
| 236 | f0498685 | Athina Bekakou | <div class="actions"> |
| 237 | de9b2b51 | Athina Bekakou | <a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a> |
| 238 | de9b2b51 | Athina Bekakou | <a href="vm_details.html" title="view vm details" class="snf-info-outline"></a> |
| 239 | f0498685 | Athina Bekakou | </div>
|
| 240 | f0498685 | Athina Bekakou | <div class= "status"> |
| 241 | f0498685 | Athina Bekakou | <span class="state"></span> |
| 242 | f0498685 | Athina Bekakou | </div>
|
| 243 | f0498685 | Athina Bekakou | <div class="tags"> |
| 244 | f0498685 | Athina Bekakou | <a href="" class="tag tag1 has-tip" data-tooltip ="Tooltip1"> </a> |
| 245 | f0498685 | Athina Bekakou | <a href="" class="tag tag2 has-tip" data-tooltip ="Tooltip2"> </a> |
| 246 | f0498685 | Athina Bekakou | </div>
|
| 247 | f0498685 | Athina Bekakou | <div class="info"></div> |
| 248 | f0498685 | Athina Bekakou | </div>
|
| 249 | f0498685 | Athina Bekakou | </li>
|
| 250 | f0498685 | Athina Bekakou | <li data-status="error" class="error"> |
| 251 | f0498685 | Athina Bekakou | <div class="more"> |
| 252 | f0498685 | Athina Bekakou | </div>
|
| 253 | f0498685 | Athina Bekakou | <div class="container"> |
| 254 | f0498685 | Athina Bekakou | <div class="check"> |
| 255 | f0498685 | Athina Bekakou | <span class="snf-checkbox-unchecked"></span> |
| 256 | f0498685 | Athina Bekakou | </div>
|
| 257 | f0498685 | Athina Bekakou | <div class="img-wrap"> |
| 258 | de9b2b51 | Athina Bekakou | <span class="snf-network-full snf-font"></span> |
| 259 | f0498685 | Athina Bekakou | </div>
|
| 260 | f0498685 | Athina Bekakou | <h4>Private Network</h4> |
| 261 | f0498685 | Athina Bekakou | <div class="actions"> |
| 262 | de9b2b51 | Athina Bekakou | <a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a> |
| 263 | de9b2b51 | Athina Bekakou | <a href="vm_details.html" title="view vm details" class="snf-info-outline"></a> |
| 264 | f0498685 | Athina Bekakou | </div>
|
| 265 | f0498685 | Athina Bekakou | <div class= "status"> |
| 266 | f0498685 | Athina Bekakou | <span class="state">Error</span> |
| 267 | f0498685 | Athina Bekakou | </div>
|
| 268 | f0498685 | Athina Bekakou | <div class="tags"> |
| 269 | f0498685 | Athina Bekakou | </div>
|
| 270 | f0498685 | Athina Bekakou | <div class="info"><a href="snf-9733.vm.okeanos.grnet.gr" title="">snf-9733.vm.okeanos.grnet.gr</a></div> |
| 271 | f0498685 | Athina Bekakou | </div>
|
| 272 | f0498685 | Athina Bekakou | </li>
|
| 273 | f0498685 | Athina Bekakou | </ul>
|
| 274 | f0498685 | Athina Bekakou | </div>
|
| 275 | f0498685 | Athina Bekakou | </div>
|
| 276 | 3549163d | Olga Brani | <section class="top"> |
| 277 | 3549163d | Olga Brani | <div class="lt"> |
| 278 | 3549163d | Olga Brani | <div class="img-wrap"> |
| 279 | de9b2b51 | Athina Bekakou | <span class="snf-network-full"></span> |
| 280 | 3549163d | Olga Brani | </div>
|
| 281 | e095c480 | Athina B | </div>
|
| 282 | 3549163d | Olga Brani | <div class="rt"> |
| 283 | 3549163d | Olga Brani | <div class="title"> |
| 284 | f0498685 | Athina Bekakou | <h1>Public Network</h1> |
| 285 | e095c480 | Athina B | </div>
|
| 286 | 3549163d | Olga Brani | <div class="actions"> |
| 287 | 3549163d | Olga Brani | <ul>
|
| 288 | f0498685 | Athina Bekakou | <li><a href="">Add Machine</a></li> |
| 289 | f0498685 | Athina Bekakou | <li><a href="">Destroy</a></li> |
| 290 | 3549163d | Olga Brani | </ul>
|
| 291 | 3549163d | Olga Brani | </div>
|
| 292 | 3549163d | Olga Brani | <div class="tabs"> |
| 293 | 3549163d | Olga Brani | <ul>
|
| 294 | de9b2b51 | Athina Bekakou | <li><a href="#info"><span class="snf-info-outline"></span></a></li> |
| 295 | e3bd17f3 | Athina Bekakou | <li><a href="#vm-connected" class="active"><span class="snf-pc-outline snf-font"></span></a></li> |
| 296 | 3549163d | Olga Brani | </ul>
|
| 297 | e095c480 | Athina B | </div>
|
| 298 | f46d245b | Athina Bekakou | </div>
|
| 299 | 3549163d | Olga Brani | </section>
|
| 300 | 34d12b31 | Olga Brani | <section class="content info-simple" id="info" style="display:none;"> |
| 301 | 34d12b31 | Olga Brani | <section class="info-block"> |
| 302 | 34d12b31 | Olga Brani | <h2>info</h2> |
| 303 | 34d12b31 | Olga Brani | <dl>
|
| 304 | c264bfaa | Athina Bekakou | <dt><span class="snf-font snf-network-full"></span>Name</dt> |
| 305 | f1360c76 | Athina Bekakou | <dd>
|
| 306 | f1360c76 | Athina Bekakou | <div class="editable"> |
| 307 | f1360c76 | Athina Bekakou | <span class="input-txt">Public Network</span> |
| 308 | f1360c76 | Athina Bekakou | <input type="text"> |
| 309 | f1360c76 | Athina Bekakou | <span class="editbuttons"> |
| 310 | f1360c76 | Athina Bekakou | <a href="#" class="edit"><span class="snf-edit"></span></a> |
| 311 | f1360c76 | Athina Bekakou | <a href="#" class="save"><span class="snf-ok-sign"></span></a> |
| 312 | f1360c76 | Athina Bekakou | <a href="#" class="cancel"><span class="snf-cancel-circled"></span></a> |
| 313 | f1360c76 | Athina Bekakou | </span>
|
| 314 | f1360c76 | Athina Bekakou | </div>
|
| 315 | f1360c76 | Athina Bekakou | </dd>
|
| 316 | f1360c76 | Athina Bekakou | <dt><span class="snf-font snf-dashboard-outline"></span>Assigned Project</dt> |
| 317 | f1360c76 | Athina Bekakou | <dd>Basic Project</dd> |
| 318 | de9b2b51 | Athina Bekakou | <dt><span class="snf-pc-full snf-font"></span>Connected Machines</dt> |
| 319 | 34d12b31 | Olga Brani | <dd>4</dd> |
| 320 | 34d12b31 | Olga Brani | </dl>
|
| 321 | 34d12b31 | Olga Brani | </section>
|
| 322 | 34d12b31 | Olga Brani | </section>
|
| 323 | 34d12b31 | Olga Brani | <section class="content connected" id="vm-connected" style="display:block"> |
| 324 | 3549163d | Olga Brani | <section class="item error"> |
| 325 | 3549163d | Olga Brani | <div class="what"> |
| 326 | 3549163d | Olga Brani | <div class="img-wrap"> |
| 327 | de9b2b51 | Athina Bekakou | <span class="snf-pc-full snf-font"></span> |
| 328 | 3549163d | Olga Brani | <span class="os fedora">fedora</span> |
| 329 | 3549163d | Olga Brani | </div>
|
| 330 | 3549163d | Olga Brani | <h4>My Awesome Machine<span class="status">BUILDING 798.56 MB of 4.33 GB (18%)</span></h4> |
| 331 | 3549163d | Olga Brani | </div>
|
| 332 | 3549163d | Olga Brani | <div class="clearfix"> |
| 333 | 3549163d | Olga Brani | <ul class="connections"> |
| 334 | 3549163d | Olga Brani | <li>
|
| 335 | c264bfaa | Athina Bekakou | <a href="#" class="act" data-reveal-id="disconnect-from-network"> </a> |
| 336 | f0498685 | Athina Bekakou | <div class="icon"><span class="snf-nic-full"></span></div> |
| 337 | 3549163d | Olga Brani | <div class="data"> |
| 338 | 3549163d | Olga Brani | <ul>
|
| 339 | 3549163d | Olga Brani | <li>
|
| 340 | 73486bc5 | Athina Bekakou | <h5>IPv6</h5> |
| 341 | 3549163d | Olga Brani | <p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 342 | 3549163d | Olga Brani | </li>
|
| 343 | 3549163d | Olga Brani | </ul>
|
| 344 | 3549163d | Olga Brani | </div>
|
| 345 | 54f6789d | Olga Brani | <div class="firewall" data-firewall="fully"> |
| 346 | 54f6789d | Olga Brani | <p>Firewall <em>on</em></p> |
| 347 | 54f6789d | Olga Brani | <div class="more"> |
| 348 | 54f6789d | Olga Brani | <p class="fully"> |
| 349 | 054328f0 | Olga Brani | <a href="">Fully protected mode<span class="snf-radio-checked"></span></a> |
| 350 | 54f6789d | Olga Brani | </p>
|
| 351 | 54f6789d | Olga Brani | <p class="basic"> |
| 352 | 054328f0 | Olga Brani | <a href="">Basically protected mode<span class="snf-radio-unchecked"></span></a> |
| 353 | 54f6789d | Olga Brani | </p>
|
| 354 | 54f6789d | Olga Brani | <p class="unprotected"> |
| 355 | 054328f0 | Olga Brani | <a href="">Unprotected mode<span class="snf-radio-unchecked"></span></a> |
| 356 | 54f6789d | Olga Brani | </p>
|
| 357 | 54f6789d | Olga Brani | </div>
|
| 358 | 54f6789d | Olga Brani | </div>
|
| 359 | 3549163d | Olga Brani | </li>
|
| 360 | 3549163d | Olga Brani | </ul>
|
| 361 | 3549163d | Olga Brani | </div>
|
| 362 | 3549163d | Olga Brani | </section>
|
| 363 | 3549163d | Olga Brani | <section class="item running"> |
| 364 | 3549163d | Olga Brani | <div class="what"> |
| 365 | 3549163d | Olga Brani | <div class="img-wrap"> |
| 366 | de9b2b51 | Athina Bekakou | <span class="snf-pc-full snf-font"></span> |
| 367 | 3549163d | Olga Brani | <span class="os fedora">fedora</span> |
| 368 | 3549163d | Olga Brani | </div>
|
| 369 | 3549163d | Olga Brani | <h4>My Awesome Machine</h4> |
| 370 | 3549163d | Olga Brani | </div>
|
| 371 | 3549163d | Olga Brani | <div class="clearfix"> |
| 372 | 3549163d | Olga Brani | <ul class="connections"> |
| 373 | 3549163d | Olga Brani | <li>
|
| 374 | c264bfaa | Athina Bekakou | <a href="#" class="act" data-reveal-id="disconnect-from-network"> </a> |
| 375 | f0498685 | Athina Bekakou | <div class="icon"><span class="snf-nic-full"></span></div> |
| 376 | 3549163d | Olga Brani | <div class="data"> |
| 377 | 3549163d | Olga Brani | <ul>
|
| 378 | 3549163d | Olga Brani | <li>
|
| 379 | 3549163d | Olga Brani | <h5>ipv4</h5> |
| 380 | 3549163d | Olga Brani | <p>001:648:2ffc</p> |
| 381 | 3549163d | Olga Brani | </li>
|
| 382 | 3549163d | Olga Brani | </ul>
|
| 383 | 3549163d | Olga Brani | </div>
|
| 384 | 54f6789d | Olga Brani | <div class="firewall" data-firewall="unprotected"> |
| 385 | 54f6789d | Olga Brani | <p>Firewall <em>on</em></p> |
| 386 | 54f6789d | Olga Brani | <div class="more"> |
| 387 | 54f6789d | Olga Brani | <p class="fully"> |
| 388 | 054328f0 | Olga Brani | <a href="">Fully protected mode<span class="snf-radio-unchecked"></span></a> |
| 389 | 54f6789d | Olga Brani | </p>
|
| 390 | 54f6789d | Olga Brani | <p class="basic"> |
| 391 | 054328f0 | Olga Brani | <a href="">Basically protected mode<span class="snf-radio-unchecked"></span></a> |
| 392 | 54f6789d | Olga Brani | </p>
|
| 393 | 54f6789d | Olga Brani | <p class="unprotected"> |
| 394 | 054328f0 | Olga Brani | <a href="">Unprotected mode<span class="snf-radio-checked"></span></a> |
| 395 | 54f6789d | Olga Brani | </p>
|
| 396 | 54f6789d | Olga Brani | </div>
|
| 397 | 54f6789d | Olga Brani | </div>
|
| 398 | 3549163d | Olga Brani | </li>
|
| 399 | 3549163d | Olga Brani | <li>
|
| 400 | c264bfaa | Athina Bekakou | <a href="#" class="act" data-reveal-id="disconnect-from-network"> </a> |
| 401 | f0498685 | Athina Bekakou | <div class="icon"><span class="snf-nic-full"></span></div> |
| 402 | 3549163d | Olga Brani | <div class="data"> |
| 403 | 3549163d | Olga Brani | <ul>
|
| 404 | 3549163d | Olga Brani | <li>
|
| 405 | 73486bc5 | Athina Bekakou | <h5>IPv6</h5> |
| 406 | 3549163d | Olga Brani | <p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 407 | 3549163d | Olga Brani | </li>
|
| 408 | 3549163d | Olga Brani | </ul>
|
| 409 | 3549163d | Olga Brani | </div>
|
| 410 | 54f6789d | Olga Brani | <div class="firewall" data-firewall="unprotected"> |
| 411 | 54f6789d | Olga Brani | <p>Firewall <em>on</em></p> |
| 412 | 54f6789d | Olga Brani | <div class="more"> |
| 413 | 54f6789d | Olga Brani | <p class="fully"> |
| 414 | 054328f0 | Olga Brani | <a href="">Fully protected mode<span class="snf-radio-unchecked"></span></a> |
| 415 | 54f6789d | Olga Brani | </p>
|
| 416 | 54f6789d | Olga Brani | <p class="basic"> |
| 417 | 054328f0 | Olga Brani | <a href="">Basically protected mode<span class="snf-radio-unchecked"></span></a> |
| 418 | 54f6789d | Olga Brani | </p>
|
| 419 | 54f6789d | Olga Brani | <p class="unprotected"> |
| 420 | 054328f0 | Olga Brani | <a href="">Unprotected mode<span class="snf-radio-checked"></span></a> |
| 421 | 54f6789d | Olga Brani | </p>
|
| 422 | 54f6789d | Olga Brani | </div>
|
| 423 | 54f6789d | Olga Brani | </div>
|
| 424 | 3549163d | Olga Brani | </li>
|
| 425 | 3549163d | Olga Brani | <li>
|
| 426 | c264bfaa | Athina Bekakou | <a href="#" class="act" data-reveal-id="disconnect-from-network"> </a> |
| 427 | f0498685 | Athina Bekakou | <div class="icon"><span class="snf-nic-full"></span></div> |
| 428 | 3549163d | Olga Brani | <div class="data"> |
| 429 | 3549163d | Olga Brani | <ul>
|
| 430 | 3549163d | Olga Brani | <li>
|
| 431 | 73486bc5 | Athina Bekakou | <h5>IPv6</h5> |
| 432 | 3549163d | Olga Brani | <p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 433 | 3549163d | Olga Brani | </li>
|
| 434 | 3549163d | Olga Brani | </ul>
|
| 435 | 3549163d | Olga Brani | </div>
|
| 436 | 3549163d | Olga Brani | </li>
|
| 437 | 3549163d | Olga Brani | </ul>
|
| 438 | 3549163d | Olga Brani | </div>
|
| 439 | 3549163d | Olga Brani | </section>
|
| 440 | 3549163d | Olga Brani | <section class="item running"> |
| 441 | 3549163d | Olga Brani | <div class="what"> |
| 442 | 3549163d | Olga Brani | <div class="img-wrap"> |
| 443 | de9b2b51 | Athina Bekakou | <span class="snf-pc-full snf-font"></span> |
| 444 | 3549163d | Olga Brani | <span class="os fedora">fedora</span> |
| 445 | 3549163d | Olga Brani | </div>
|
| 446 | 3549163d | Olga Brani | <h4>My Awesome Machine<span class="status">BUILDING 798.56 MB of 4.33 GB (18%)</span></h4> |
| 447 | 3549163d | Olga Brani | </div>
|
| 448 | 3549163d | Olga Brani | <div class="clearfix"> |
| 449 | 3549163d | Olga Brani | <ul class="connections"> |
| 450 | 3549163d | Olga Brani | <li>
|
| 451 | c264bfaa | Athina Bekakou | <a href="#" class="act" data-reveal-id="disconnect-from-network"> </a> |
| 452 | f0498685 | Athina Bekakou | <div class="icon"><span class="snf-nic-full"></span></div> |
| 453 | 3549163d | Olga Brani | <div class="data"> |
| 454 | 3549163d | Olga Brani | <ul>
|
| 455 | 3549163d | Olga Brani | <li>
|
| 456 | 73486bc5 | Athina Bekakou | <h5>IPv6</h5> |
| 457 | 3549163d | Olga Brani | <p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 458 | 3549163d | Olga Brani | </li>
|
| 459 | 3549163d | Olga Brani | </ul>
|
| 460 | 3549163d | Olga Brani | </div>
|
| 461 | 3549163d | Olga Brani | </li>
|
| 462 | 3549163d | Olga Brani | </ul>
|
| 463 | 3549163d | Olga Brani | </div>
|
| 464 | 3549163d | Olga Brani | </section>
|
| 465 | 3549163d | Olga Brani | <section class="connect-new"> |
| 466 | 3549163d | Olga Brani | <div class="img-wrap"> |
| 467 | c264bfaa | Athina Bekakou | <a href="" data-reveal-id="connect-vm-to-network"> |
| 468 | de9b2b51 | Athina Bekakou | <span class="snf-pc-full snf-font"></span> |
| 469 | 3549163d | Olga Brani | </a>
|
| 470 | 3549163d | Olga Brani | </div>
|
| 471 | c264bfaa | Athina Bekakou | <p><a href="" data-reveal-id="connect-vm-to-network">Connect Machine</a></p> |
| 472 | 3549163d | Olga Brani | </section>
|
| 473 | 3549163d | Olga Brani | </section>
|
| 474 | 3549163d | Olga Brani | <div class="placeholder"></div> |
| 475 | 3549163d | Olga Brani | </div>
|
| 476 | e095c480 | Athina B | </div>
|
| 477 | e095c480 | Athina B | </div>
|
| 478 | 3549163d | Olga Brani | <script src="javascripts/vendor/jquery.js"></script> |
| 479 | 300a9ea2 | Athina Bekakou | <script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script> |
| 480 | 300a9ea2 | Athina Bekakou | <script src="javascripts/underscore-min.js"></script> |
| 481 | 3549163d | Olga Brani | <script src="javascripts/foundation/foundation.js"></script> |
| 482 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.alerts.js"></script> |
| 483 | e095c480 | Athina B | |
| 484 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.clearing.js"></script> |
| 485 | e095c480 | Athina B | |
| 486 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.cookie.js"></script> |
| 487 | e095c480 | Athina B | |
| 488 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.dropdown.js"></script> |
| 489 | e095c480 | Athina B | |
| 490 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.forms.js"></script> |
| 491 | e095c480 | Athina B | |
| 492 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.joyride.js"></script> |
| 493 | e095c480 | Athina B | |
| 494 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.magellan.js"></script> |
| 495 | e095c480 | Athina B | |
| 496 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.orbit.js"></script> |
| 497 | e095c480 | Athina B | |
| 498 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.placeholder.js"></script> |
| 499 | e095c480 | Athina B | |
| 500 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.reveal.js"></script> |
| 501 | e095c480 | Athina B | |
| 502 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.section.js"></script> |
| 503 | e095c480 | Athina B | |
| 504 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.tooltips.js"></script> |
| 505 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.topbar.js"></script> |
| 506 | 300a9ea2 | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.scrollTo.js"></script> |
| 507 | 300a9ea2 | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.easing.1.3.js"></script> |
| 508 | 788833c7 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
| 509 | 788833c7 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
| 510 | 300a9ea2 | Athina Bekakou | <!-- dropzone.js used for drag and drop files to upload them -->
|
| 511 | 65814c28 | Olga Brani | <script type="text/javascript" src="javascripts/dropzone.js"></script> |
| 512 | 300a9ea2 | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script> |
| 513 | 300a9ea2 | Athina Bekakou | <!-- fabrastic.js used for the color picker -->
|
| 514 | 300a9ea2 | Athina Bekakou | <script type="text/javascript" src="javascripts/farbtastic.js"></script> |
| 515 | 300a9ea2 | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.scrollintoview.js"></script> |
| 516 | e095c480 | Athina B | <script src="javascripts/common.js"></script> |
| 517 | e095c480 | Athina B | |
| 518 | 300a9ea2 | Athina Bekakou | <script type="text/javascript" src="javascripts/wizard.js"></script> |
| 519 | 300a9ea2 | Athina Bekakou | <script type="text/javascript" src="javascripts/sshkeys-wizard.js"></script> |
| 520 | e095c480 | Athina B | <script>
|
| 521 | e095c480 | Athina B | $(document).foundation();
|
| 522 | e095c480 | Athina B | </script>
|
| 523 | e095c480 | Athina B | </body>
|
| 524 | e095c480 | Athina B | </html> |