root / snf-cyclades-app / synnefo / ui / new_ui / ui / network_details.html @ 25a02c79
History | View | Annotate | Download (5.8 kB)
1 | e095c480 | Athina B | |
---|---|---|---|
2 | e095c480 | Athina B | <!DOCTYPE html>
|
3 | c9d873e8 | Olga Brani | <!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]-->
|
4 | e095c480 | Athina B | <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
|
5 | e095c480 | Athina B | <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> |
6 | e095c480 | Athina B | |
7 | e095c480 | Athina B | <head>
|
8 | e095c480 | Athina B | <meta charset="utf-8" /> |
9 | e095c480 | Athina B | <meta name="viewport" content="width=device-width" /> |
10 | 4c25ff50 | Olga Brani | <title>Synnefo | Νetwork details</title> |
11 | 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'> |
12 | e095c480 | Athina B | <link rel="stylesheet" href="stylesheets/normalize.css" /> |
13 | e095c480 | Athina B | <link rel="stylesheet" href="stylesheets/app.css" /> |
14 | 9fad921d | Athina B | <link rel="stylesheet" href="stylesheets/font_custom.css" /> |
15 | ce385b85 | Olga Brani | <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" /> |
16 | c9d873e8 | Olga Brani | <link rel="stylesheet" href="stylesheets/magnific-popup.css" /> |
17 | e095c480 | Athina B | <script src="javascripts/vendor/custom.modernizr.js"></script> |
18 | e095c480 | Athina B | </head>
|
19 | e095c480 | Athina B | <body>
|
20 | 061cefb7 | Athina Bekakou | <header class="header"> |
21 | 15948f00 | Olga Brani | <nav>
|
22 | 15948f00 | Olga Brani | <ul class="icons-nav"> |
23 | 15948f00 | Olga Brani | <li><a href="vm_list.html" data-tooltip ="has-tip" title="Machines"><span class="snf-PC"></span></a></li> |
24 | 6907afd3 | Athina Bekakou | <li><a href="network_list.html" data-tooltip ="has-tip " title="Networks"><span class="snf-network_full"></span></a></li> |
25 | 15948f00 | Olga Brani | <li><a href="" data-tooltip ="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
26 | 061cefb7 | Athina Bekakou | <li><a href="pithos_list.html" data-tooltip ="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li> |
27 | 15948f00 | Olga Brani | </ul>
|
28 | 15948f00 | Olga Brani | </nav>
|
29 | 061cefb7 | Athina Bekakou | <div class="login"> |
30 | 061cefb7 | Athina Bekakou | <a href=""><span class="snf-lock_open"></span></a> |
31 | 061cefb7 | Athina Bekakou | </div>
|
32 | 15948f00 | Olga Brani | <div class="logo"> |
33 | 15948f00 | Olga Brani | <a href="index.html"><img src="images/logo_01.png" alt="software logo"></a> |
34 | 15948f00 | Olga Brani | </div>
|
35 | 15948f00 | Olga Brani | </header>
|
36 | 15948f00 | Olga Brani | <div class="overlay-wrapper"> |
37 | 0a9e1a04 | Olga Brani | <section class="actions-bar clearfix"> |
38 | 0a9e1a04 | Olga Brani | <div class="row"> |
39 | 0a9e1a04 | Olga Brani | <div class="new-btn"><a href="network_create.html"><span>+</span> NEW NETWORK </a></div> |
40 | 0a9e1a04 | Olga Brani | <div class="main-actions"> |
41 | 0a9e1a04 | Olga Brani | </div>
|
42 | 0a9e1a04 | Olga Brani | </div>
|
43 | fed367f0 | Athina Bekakou | <div class="border-dashed"></div> |
44 | 0a9e1a04 | Olga Brani | </section>
|
45 | 9fad921d | Athina B | <div class="lt-sidebar networks scroll-pane"> |
46 | e095c480 | Athina B | |
47 | e095c480 | Athina B | <ul class="items-list"> |
48 | e095c480 | Athina B | <li>
|
49 | 9fad921d | Athina B | <div class="img"> |
50 | 9fad921d | Athina B | <span>Network</span> |
51 | e095c480 | Athina B | </div>
|
52 | e095c480 | Athina B | <p class="visible-info"> |
53 | e095c480 | Athina B | <span>IPv4 83.212.97.127</span> |
54 | 9fad921d | Athina B | <span>Network name</span> |
55 | e095c480 | Athina B | </p>
|
56 | e095c480 | Athina B | </li>
|
57 | e095c480 | Athina B | <li>
|
58 | 9fad921d | Athina B | <div class="img"> |
59 | 9fad921d | Athina B | <span>Network</span> |
60 | e095c480 | Athina B | </div>
|
61 | e095c480 | Athina B | <p class="visible-info"> |
62 | e095c480 | Athina B | <span>IPv4 83.212.97.127</span> |
63 | 9fad921d | Athina B | <span>Network name</span> |
64 | e095c480 | Athina B | </p>
|
65 | e095c480 | Athina B | </li>
|
66 | ce385b85 | Olga Brani | <li class="current"> |
67 | 9fad921d | Athina B | <div class="img"> |
68 | 9fad921d | Athina B | <span>Network</span> |
69 | e095c480 | Athina B | </div>
|
70 | e095c480 | Athina B | <p class="visible-info"> |
71 | e095c480 | Athina B | <span>IPv4 83.212.97.127</span> |
72 | 9fad921d | Athina B | <span>Network name</span> |
73 | e095c480 | Athina B | </p>
|
74 | e095c480 | Athina B | </li>
|
75 | 9fad921d | Athina B | |
76 | e095c480 | Athina B | </ul>
|
77 | e095c480 | Athina B | </div>
|
78 | 9fad921d | Athina B | <div class="main details network"> |
79 | 3fe0830a | Athina Bekakou | <a href="network_list.html" class="close" title="back to network list"><span class="snf-font">c</span></a> |
80 | e095c480 | Athina B | <div class="top border-bottom-style1"> |
81 | 9fad921d | Athina B | <div class="img"> |
82 | f46d245b | Athina Bekakou | <span>Network</span> |
83 | e095c480 | Athina B | </div>
|
84 | e095c480 | Athina B | <div class="actions"> |
85 | e095c480 | Athina B | <ul>
|
86 | ce385b85 | Olga Brani | <li><a href="#" data-reveal-id="network-add-vms">+ machine</a></li> |
87 | e095c480 | Athina B | <li><a href="">destroy</a></li> |
88 | e095c480 | Athina B | </ul>
|
89 | e095c480 | Athina B | </div>
|
90 | e095c480 | Athina B | </div>
|
91 | e095c480 | Athina B | <section class="border-bottom-style1 info"> |
92 | e095c480 | Athina B | <dl>
|
93 | f46d245b | Athina Bekakou | <dt>Name</dt><dd>My Crazy Network</dd> |
94 | f46d245b | Athina Bekakou | <dt>Status</dt><dd>running</dd> |
95 | f46d245b | Athina Bekakou | <dt>Machines</dt><dd >2 x Machines</dd> |
96 | f46d245b | Athina Bekakou | <dt>IPv6</dt><dd>2001:648:2ffc:1222:a800:ff:fe3f:98fe </dd> |
97 | e095c480 | Athina B | </dl>
|
98 | e095c480 | Athina B | </section>
|
99 | e095c480 | Athina B | <section class="wrap info"> |
100 | f46d245b | Athina Bekakou | <div class="section_header"> |
101 | f46d245b | Athina Bekakou | machines |
102 | f46d245b | Athina Bekakou | </div>
|
103 | f46d245b | Athina Bekakou | <div class="right_side"> |
104 | f46d245b | Athina Bekakou | <div class="middle_side"> |
105 | e095c480 | Athina B | <div class="set"> |
106 | 4c25ff50 | Olga Brani | <p>
|
107 | 4c25ff50 | Olga Brani | <span class="info_simple">My Windows Server 2012</span> |
108 | 4c25ff50 | Olga Brani | <span class="action_links"> |
109 | 4c25ff50 | Olga Brani | <a href="">remove</a> |
110 | 4c25ff50 | Olga Brani | </span>
|
111 | 4c25ff50 | Olga Brani | </p>
|
112 | 4c25ff50 | Olga Brani | <p>IPv6: 2001:648:2ffc:1222:a800:ff:fe3f:98fe </p> |
113 | e095c480 | Athina B | </div>
|
114 | e095c480 | Athina B | <div class="set"> |
115 | 4c25ff50 | Olga Brani | <p>
|
116 | 4c25ff50 | Olga Brani | <span class="info_simple">My Windows Server 2012</span> |
117 | 4c25ff50 | Olga Brani | <span class="action_links"> |
118 | 4c25ff50 | Olga Brani | <a href="">remove</a> |
119 | 4c25ff50 | Olga Brani | </span>
|
120 | 4c25ff50 | Olga Brani | </p>
|
121 | 4c25ff50 | Olga Brani | <p>IPv6: 2001:648:2ffc:1222:a800:ff:fe3f:98fe </p> |
122 | e095c480 | Athina B | </div>
|
123 | f46d245b | Athina Bekakou | </div>
|
124 | 4c25ff50 | Olga Brani | <div class="btn-img"> |
125 | 4c25ff50 | Olga Brani | <a href=""> |
126 | 4c25ff50 | Olga Brani | add machine |
127 | 4c25ff50 | Olga Brani | <img src="images/menu-icon-compute.png" alt="Disk Image"> |
128 | 4c25ff50 | Olga Brani | </a>
|
129 | 4c25ff50 | Olga Brani | </div>
|
130 | f46d245b | Athina Bekakou | </div>
|
131 | e095c480 | Athina B | </section>
|
132 | e095c480 | Athina B | </div>
|
133 | e095c480 | Athina B | </div>
|
134 | 4c25ff50 | Olga Brani | <div id="network-add-vms" class="reveal-modal medium"> |
135 | ce385b85 | Olga Brani | <p>A widget to add vms</p> |
136 | ce385b85 | Olga Brani | <a class="close-reveal-modal" title="close window">×</a> |
137 | ce385b85 | Olga Brani | </div>
|
138 | e095c480 | Athina B | |
139 | e095c480 | Athina B | <script src="javascripts/vendor/jquery.js"></script> |
140 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.js"></script> |
141 | e095c480 | Athina B | |
142 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.alerts.js"></script> |
143 | e095c480 | Athina B | |
144 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.clearing.js"></script> |
145 | e095c480 | Athina B | |
146 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.cookie.js"></script> |
147 | e095c480 | Athina B | |
148 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.dropdown.js"></script> |
149 | e095c480 | Athina B | |
150 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.forms.js"></script> |
151 | e095c480 | Athina B | |
152 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.joyride.js"></script> |
153 | e095c480 | Athina B | |
154 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.magellan.js"></script> |
155 | e095c480 | Athina B | |
156 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.orbit.js"></script> |
157 | e095c480 | Athina B | |
158 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.placeholder.js"></script> |
159 | e095c480 | Athina B | |
160 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.reveal.js"></script> |
161 | e095c480 | Athina B | |
162 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.section.js"></script> |
163 | e095c480 | Athina B | |
164 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.tooltips.js"></script> |
165 | e095c480 | Athina B | |
166 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.topbar.js"></script> |
167 | 788833c7 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
168 | 788833c7 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
169 | 8db75456 | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script> |
170 | 65814c28 | Olga Brani | <script type="text/javascript" src="javascripts/dropzone.js"></script> |
171 | 788833c7 | Olga Brani | |
172 | e095c480 | Athina B | <script src="javascripts/common.js"></script> |
173 | e095c480 | Athina B | |
174 | e095c480 | Athina B | |
175 | e095c480 | Athina B | <script>
|
176 | e095c480 | Athina B | $(document).foundation();
|
177 | e095c480 | Athina B | </script>
|
178 | e095c480 | Athina B | </body>
|
179 | e095c480 | Athina B | </html> |