Revision 9fad921d snf-cyclades-app/synnefo/ui/new_ui/ui/network_details_v1.html
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_details_v1.html | ||
|---|---|---|
| 11 | 11 |
<link rel="stylesheet" href="stylesheets/normalize.css" /> |
| 12 | 12 |
<link rel="stylesheet" href="stylesheets/app.css" /> |
| 13 | 13 |
<link rel="stylesheet" href="stylesheets/styles.css" /> |
| 14 |
<link rel="stylesheet" href="stylesheets/font_custom.css" /> |
|
| 14 | 15 |
<script src="javascripts/vendor/custom.modernizr.js"></script> |
| 15 | 16 |
|
| 16 | 17 |
</head> |
| ... | ... | |
| 32 | 33 |
<nav class="top-nav icons-nav"> |
| 33 | 34 |
|
| 34 | 35 |
<ul> |
| 35 |
<li><a href="" data-tooltip class="has-tip" title="Storage"><img src="images/menu-icon-storage.png" alt="vm"></a></li>
|
|
| 36 |
<li><a href="" data-tooltip class="has-tip" title="Compute"><img src="images/menu-icon-compute.png" alt="vm"></a></li>
|
|
| 36 |
<li><a href="" data-tooltip class="has-tip" title="Storage"><img src="images/menu-icon-storage.png" alt="network"></a></li>
|
|
| 37 |
<li><a href="" data-tooltip class="has-tip" title="Compute"><img src="images/menu-icon-compute.png" alt="network"></a></li>
|
|
| 37 | 38 |
|
| 38 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="vm"></a></li>
|
|
| 39 |
<li><a href="" data-tooltip class="has-tip" title="Networks"><img src="images/menu-icon-networks.png" alt="vm"></a></li>
|
|
| 39 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="network"></a></li>
|
|
| 40 |
<li><a href="" data-tooltip class="has-tip" title="Networks"><img src="images/menu-icon-networks.png" alt="network"></a></li>
|
|
| 40 | 41 |
</ul> |
| 41 | 42 |
|
| 42 | 43 |
</nav> |
| ... | ... | |
| 47 | 48 |
<div class="actions clearfix"> |
| 48 | 49 |
|
| 49 | 50 |
<div class="lt-actions"> |
| 50 |
<div class="new-btn"><a href="vm_create_a_v1.html"><span>+</span> NEW MACHINE </a></div>
|
|
| 51 |
<div class="new-btn"><a href=""><span>+</span> NEW NETWORK </a></div>
|
|
| 51 | 52 |
</div> |
| 52 | 53 |
<div class="main-actions"> |
| 53 | 54 |
<ul> |
| ... | ... | |
| 66 | 67 |
|
| 67 | 68 |
<p>Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, neque ut neque. In at libero. </p> |
| 68 | 69 |
</div> |
| 69 |
<a href="#" class="close" title="hide message">close</a>
|
|
| 70 |
<a href="#" class="close" title="hide message"></a> |
|
| 70 | 71 |
</div> |
| 71 | 72 |
|
| 72 | 73 |
</div> |
| 73 | 74 |
<div class="row-full wrapper"> |
| 74 |
<div class="lt-sidebar vms"> |
|
| 75 |
|
|
| 76 |
<!-- sidebar --> |
|
| 77 |
<div class="lt-sidebar networks scroll-pane"> |
|
| 75 | 78 |
|
| 76 |
<!-- sidebar --> |
|
| 77 | 79 |
<ul class="items-list"> |
| 78 | 80 |
<li> |
| 79 |
<div class="img running"> |
|
| 80 |
VM running |
|
| 81 |
<span class="os windows">os</span> |
|
| 81 |
<div class="img"> |
|
| 82 |
<span>Network</span> |
|
| 82 | 83 |
</div> |
| 83 | 84 |
<p class="visible-info"> |
| 84 | 85 |
<span>IPv4 83.212.97.127</span> |
| 85 |
<span>my awsome machine</span> |
|
| 86 |
</p> |
|
| 87 |
</li> |
|
| 88 |
<li class="current"> |
|
| 89 |
<div class="img running"> |
|
| 90 |
VM running |
|
| 91 |
<span class="os fedora">os</span> |
|
| 92 |
</div> |
|
| 93 |
<p class="visible-info"> |
|
| 94 |
<span>IPv4 83.212.97.127</span> |
|
| 95 |
<span>my awsome machine</span> |
|
| 86 |
<span>Network name</span> |
|
| 96 | 87 |
</p> |
| 97 | 88 |
</li> |
| 98 | 89 |
<li> |
| 99 |
<div class="img stopped"> |
|
| 100 |
VM running |
|
| 101 |
<span class="os kubuntu">os</span> |
|
| 90 |
<div class="img"> |
|
| 91 |
<span>Network</span> |
|
| 102 | 92 |
</div> |
| 103 | 93 |
<p class="visible-info"> |
| 104 | 94 |
<span>IPv4 83.212.97.127</span> |
| 105 |
<span>my awsome machine</span>
|
|
| 95 |
<span>Network name</span>
|
|
| 106 | 96 |
</p> |
| 107 | 97 |
</li> |
| 108 | 98 |
<li> |
| 109 |
<div class="img running"> |
|
| 110 |
VM running |
|
| 111 |
<span class="os windows">os</span> |
|
| 99 |
<div class="img"> |
|
| 100 |
<span>Network</span> |
|
| 112 | 101 |
</div> |
| 113 | 102 |
<p class="visible-info"> |
| 114 | 103 |
<span>IPv4 83.212.97.127</span> |
| 115 |
<span>my awsome machine</span> |
|
| 116 |
</p> |
|
| 117 |
</li> |
|
| 118 |
<li> |
|
| 119 |
<div class="img running"> |
|
| 120 |
VM running |
|
| 121 |
<span class="os kubuntu">os</span> |
|
| 122 |
</div> |
|
| 123 |
<p class="visible-info"> |
|
| 124 |
<span>IPv4 83.212.97.127</span> |
|
| 125 |
<span>my awsome machine</span> |
|
| 126 |
</p> |
|
| 127 |
</li> |
|
| 128 |
<li> |
|
| 129 |
<div class="img running"> |
|
| 130 |
VM running |
|
| 131 |
<span class="os">os</span> |
|
| 132 |
</div> |
|
| 133 |
<p class="visible-info"> |
|
| 134 |
<span>IPv4 83.212.97.127</span> |
|
| 135 |
<span>my awsome machine</span> |
|
| 136 |
</p> |
|
| 137 |
</li> |
|
| 138 |
<li> |
|
| 139 |
<div class="img running"> |
|
| 140 |
VM running |
|
| 141 |
<span class="os windows">os</span> |
|
| 142 |
</div> |
|
| 143 |
<p class="visible-info"> |
|
| 144 |
<span>IPv4 83.212.97.127</span> |
|
| 145 |
<span>my awsome machine</span> |
|
| 104 |
<span>Network name</span> |
|
| 146 | 105 |
</p> |
| 147 | 106 |
</li> |
| 107 |
|
|
| 148 | 108 |
</ul> |
| 149 | 109 |
</div> |
| 150 | 110 |
|
| 151 |
<!-- detailed view of vm -->
|
|
| 111 |
<!-- detailed view of network -->
|
|
| 152 | 112 |
|
| 153 |
<!-- main image of vm -->
|
|
| 154 |
<div class="main details vm">
|
|
| 155 |
<a href="" class="close" title="back to network list">close</a>
|
|
| 113 |
<!-- main image of network -->
|
|
| 114 |
<div class="main details network">
|
|
| 115 |
<a href="network_list_v1.html" class="close-font" title="back to network list"><span class="snf-font">c</span></a>
|
|
| 156 | 116 |
<div class="top border-bottom-style1"> |
| 157 |
<div class="img running">
|
|
| 158 |
VM running
|
|
| 159 |
<span class="os windows">os</span> |
|
| 117 |
<div class="img"> |
|
| 118 |
<span>Network</span>
|
|
| 119 |
|
|
| 160 | 120 |
</div> |
| 161 | 121 |
<div class="actions"> |
| 162 | 122 |
<ul> |
| ... | ... | |
| 166 | 126 |
</div> |
| 167 | 127 |
</div> |
| 168 | 128 |
|
| 169 |
<!--sections with details of vm -->
|
|
| 129 |
<!--sections with details of network -->
|
|
| 170 | 130 |
<section class="border-bottom-style1 info"> |
| 171 | 131 |
<dl> |
| 172 | 132 |
<dt>Name</dt> |
Also available in: Unified diff