root / snf-cyclades-app / synnefo / ui / new_ui / ui / network_create.html @ c9d873e8
History | View | Annotate | Download (5.8 kB)
| 1 |
|
|---|---|
| 2 |
<!DOCTYPE html>
|
| 3 |
<!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]-->
|
| 4 |
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
|
| 5 |
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> |
| 6 |
|
| 7 |
<head>
|
| 8 |
<meta charset="utf-8" /> |
| 9 |
<meta name="viewport" content="width=device-width" /> |
| 10 |
<title>Synnefo | Create Network</title> |
| 11 |
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'> |
| 12 |
<link rel="stylesheet" href="stylesheets/normalize.css" /> |
| 13 |
<link rel="stylesheet" href="stylesheets/app.css" /> |
| 14 |
<link rel="stylesheet" href="stylesheets/font_custom.css" /> |
| 15 |
<link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" /> |
| 16 |
<script src="javascripts/vendor/custom.modernizr.js"></script> |
| 17 |
|
| 18 |
</head>
|
| 19 |
<body>
|
| 20 |
<div class="row-full"> |
| 21 |
<header class="header"> |
| 22 |
<div class="logo"> |
| 23 |
<img src="images/logo_01.png" alt="software logo"> |
| 24 |
</div>
|
| 25 |
<nav class="top-nav icons-nav"> |
| 26 |
<ul>
|
| 27 |
<li><a href="pithos_list.html" data-tooltip ="has-tip" title="Storage" ><img src="images/menu-icon-storage.png" alt="vm"></a></li> |
| 28 |
<li><a href="vm_list.html" data-tooltip ="has-tip" title="Compute"><img src="images/menu-icon-compute.png" alt="vm"></a></li> |
| 29 |
|
| 30 |
<li><a href="" data-tooltip ="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="vm"></a></li> |
| 31 |
<li><a href="network_list.html" data-tooltip ="has-tip" title="Networks"><img src="images/menu-icon-networks.png" alt="vm"></a></li> |
| 32 |
</ul>
|
| 33 |
</nav>
|
| 34 |
<div class="login"> |
| 35 |
<a href="">test@grnet.gr</a> |
| 36 |
</div>
|
| 37 |
<div class="actions clearfix"> |
| 38 |
<div class="lt-actions"> |
| 39 |
<div class="new-btn"><a href="network_create.html" class="current"><span>+</span> NEW NETWORK </a></div> |
| 40 |
</div>
|
| 41 |
<div class="main-actions"> |
| 42 |
<ul>
|
| 43 |
<li><a href="">Reboot</a></li> |
| 44 |
<li><a href="">Shutdown</a></li> |
| 45 |
<li class="single"><a href="">Console</a></li> |
| 46 |
<li><a href="">Multiple action</a></li> |
| 47 |
<li class="single"><a href="">Single action</a></li> |
| 48 |
</ul>
|
| 49 |
</div>
|
| 50 |
</div>
|
| 51 |
</header>
|
| 52 |
</div>
|
| 53 |
<div class="row-full wrapper "> |
| 54 |
<div class="overlay create-vm create-network"> |
| 55 |
<div class="lt-sidebar nav"> |
| 56 |
tba...? |
| 57 |
</div>
|
| 58 |
<div class="main"> |
| 59 |
<a href="network_list.html" class="close close_char" title="cancel network creation"><span class="snf-font">e</span></a> |
| 60 |
<div>
|
| 61 |
<ul class="network_options clearfix"> |
| 62 |
<li>
|
| 63 |
<form><span >Network Name:</span><input type="text" name="network_name"></form> |
| 64 |
</li>
|
| 65 |
<li class="dhcp_option"><span>Assign IP addresses automatically:</span> |
| 66 |
<a href="" class="check"> |
| 67 |
<span class="snf-font custom_checkbox checkbox-checked">b</span> |
| 68 |
</a>
|
| 69 |
<p>
|
| 70 |
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. |
| 71 |
</p>
|
| 72 |
</li>
|
| 73 |
<li>
|
| 74 |
<span class="sub_title">Network subnet:</span> |
| 75 |
<ul class="subnet_options"> |
| 76 |
<li>
|
| 77 |
<span>Auto
|
| 78 |
<a href="" class="check"> |
| 79 |
<span class="snf-font custom_checkbox checkbox-checked">b</span> |
| 80 |
</a>
|
| 81 |
</span>
|
| 82 |
</li>
|
| 83 |
<li class="manual"> |
| 84 |
<form>
|
| 85 |
<span>Manual
|
| 86 |
<a href="" class="check manual"> |
| 87 |
<span class="snf-font custom_checkbox">a</span> |
| 88 |
</a>
|
| 89 |
<input class="manual_sub hidden" type="text" name="network_name"> |
| 90 |
</span>
|
| 91 |
</form>
|
| 92 |
</li>
|
| 93 |
<li>
|
| 94 |
<span>10.0.0.0/24
|
| 95 |
<a href="" class="check"> |
| 96 |
<span class="snf-font custom_checkbox">a</span> |
| 97 |
</a>
|
| 98 |
</span>
|
| 99 |
</li>
|
| 100 |
<li>
|
| 101 |
<span>192.168.0.0/24
|
| 102 |
<a href="" class="check"> |
| 103 |
<span class="snf-font custom_checkbox">a</span> |
| 104 |
</a>
|
| 105 |
</span>
|
| 106 |
</li>
|
| 107 |
</ul>
|
| 108 |
</li>
|
| 109 |
</ul>
|
| 110 |
</div>
|
| 111 |
<div class="navigation clearfix"> |
| 112 |
<a class="rt btn2" href="network_list.html" title="Create your private network">Create Network</a> |
| 113 |
</div>
|
| 114 |
</div>
|
| 115 |
</div>
|
| 116 |
</div>
|
| 117 |
|
| 118 |
<script src="javascripts/vendor/jquery.js"></script> |
| 119 |
<script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script> |
| 120 |
<script src="javascripts/foundation/foundation.js"></script> |
| 121 |
|
| 122 |
<script src="javascripts/foundation/foundation.alerts.js"></script> |
| 123 |
|
| 124 |
<script src="javascripts/foundation/foundation.clearing.js"></script> |
| 125 |
|
| 126 |
<script src="javascripts/foundation/foundation.cookie.js"></script> |
| 127 |
|
| 128 |
<script src="javascripts/foundation/foundation.dropdown.js"></script> |
| 129 |
|
| 130 |
<script src="javascripts/foundation/foundation.forms.js"></script> |
| 131 |
|
| 132 |
<script src="javascripts/foundation/foundation.joyride.js"></script> |
| 133 |
|
| 134 |
<script src="javascripts/foundation/foundation.magellan.js"></script> |
| 135 |
|
| 136 |
<script src="javascripts/foundation/foundation.orbit.js"></script> |
| 137 |
|
| 138 |
<script src="javascripts/foundation/foundation.placeholder.js"></script> |
| 139 |
|
| 140 |
<script src="javascripts/foundation/foundation.reveal.js"></script> |
| 141 |
|
| 142 |
<script src="javascripts/foundation/foundation.section.js"></script> |
| 143 |
|
| 144 |
<script src="javascripts/foundation/foundation.tooltips.js"></script> |
| 145 |
|
| 146 |
<script src="javascripts/foundation/foundation.topbar.js"></script> |
| 147 |
|
| 148 |
<script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
| 149 |
<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
| 150 |
<script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script> |
| 151 |
<script type="text/javascript" src="javascripts/dropzone.js"></script> |
| 152 |
|
| 153 |
<script src="javascripts/common.js"></script> |
| 154 |
<script src="javascripts/glafkopis.js"></script> |
| 155 |
|
| 156 |
|
| 157 |
<script>
|
| 158 |
$(document).foundation();
|
| 159 |
</script>
|
| 160 |
</body>
|
| 161 |
</html>
|