root / snf-cyclades-app / synnefo / ui / new_ui / ui / network_details.html @ 6bd1416f
History | View | Annotate | Download (6.2 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 | 15948f00 | Olga Brani | <header class="header"> |
21 | 15948f00 | Olga Brani | <nav>
|
22 | 15948f00 | Olga Brani | <ul class="icons-nav"> |
23 | 15948f00 | Olga Brani | <li><a href="pithos_list.html" data-tooltip ="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li> |
24 | 15948f00 | Olga Brani | <li><a href="vm_list.html" data-tooltip ="has-tip" title="Machines"><span class="snf-PC"></span></a></li> |
25 | 15948f00 | Olga Brani | <li><a href="" data-tooltip ="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
26 | 15948f00 | Olga Brani | <li><a href="network_list.html" data-tooltip ="has-tip " title="Networks"><span class="snf-network"></span></a></li> |
27 | 15948f00 | Olga Brani | <li><a href="" data-tooltip ="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li> |
28 | 15948f00 | Olga Brani | </ul>
|
29 | 15948f00 | Olga Brani | </nav>
|
30 | 15948f00 | Olga Brani | <div class="logo"> |
31 | 15948f00 | Olga Brani | <a href="index.html"><img src="images/logo_01.png" alt="software logo"></a> |
32 | 15948f00 | Olga Brani | </div>
|
33 | 15948f00 | Olga Brani | <div class="login"> |
34 | 15948f00 | Olga Brani | <a href="">test@grnet.gr</a> |
35 | 15948f00 | Olga Brani | </div>
|
36 | 15948f00 | Olga Brani | </header>
|
37 | 15948f00 | Olga Brani | <div class="overlay-wrapper"> |
38 | 0a9e1a04 | Olga Brani | <section class="actions-bar clearfix"> |
39 | 0a9e1a04 | Olga Brani | <div class="row"> |
40 | 0a9e1a04 | Olga Brani | <div class="new-btn"><a href="network_create.html"><span>+</span> NEW NETWORK </a></div> |
41 | 0a9e1a04 | Olga Brani | <div class="main-actions"> |
42 | 0a9e1a04 | Olga Brani | <ul>
|
43 | 0a9e1a04 | Olga Brani | <li class="running" ><a href="">Reboot</a></li> |
44 | 0a9e1a04 | Olga Brani | <li class="running"><a href="">Shutdown</a></li> |
45 | 0a9e1a04 | Olga Brani | <li class="both"><a href="">Destroy</a></li> |
46 | 0a9e1a04 | Olga Brani | <li class="stopped"><a href="">Start</a></li> |
47 | 0a9e1a04 | Olga Brani | <!-- in case we want an action always activated
|
48 | 0a9e1a04 | Olga Brani | <li class="pernament"><a href="" class="active">Action</a></li> -->
|
49 | 0a9e1a04 | Olga Brani | </ul>
|
50 | 0a9e1a04 | Olga Brani | </div>
|
51 | 0a9e1a04 | Olga Brani | </div>
|
52 | 0a9e1a04 | Olga Brani | </section>
|
53 | 9fad921d | Athina B | <div class="lt-sidebar networks scroll-pane"> |
54 | e095c480 | Athina B | |
55 | e095c480 | Athina B | <ul class="items-list"> |
56 | e095c480 | Athina B | <li>
|
57 | 9fad921d | Athina B | <div class="img"> |
58 | 9fad921d | Athina B | <span>Network</span> |
59 | e095c480 | Athina B | </div>
|
60 | e095c480 | Athina B | <p class="visible-info"> |
61 | e095c480 | Athina B | <span>IPv4 83.212.97.127</span> |
62 | 9fad921d | Athina B | <span>Network name</span> |
63 | e095c480 | Athina B | </p>
|
64 | e095c480 | Athina B | </li>
|
65 | e095c480 | Athina B | <li>
|
66 | 9fad921d | Athina B | <div class="img"> |
67 | 9fad921d | Athina B | <span>Network</span> |
68 | e095c480 | Athina B | </div>
|
69 | e095c480 | Athina B | <p class="visible-info"> |
70 | e095c480 | Athina B | <span>IPv4 83.212.97.127</span> |
71 | 9fad921d | Athina B | <span>Network name</span> |
72 | e095c480 | Athina B | </p>
|
73 | e095c480 | Athina B | </li>
|
74 | ce385b85 | Olga Brani | <li class="current"> |
75 | 9fad921d | Athina B | <div class="img"> |
76 | 9fad921d | Athina B | <span>Network</span> |
77 | e095c480 | Athina B | </div>
|
78 | e095c480 | Athina B | <p class="visible-info"> |
79 | e095c480 | Athina B | <span>IPv4 83.212.97.127</span> |
80 | 9fad921d | Athina B | <span>Network name</span> |
81 | e095c480 | Athina B | </p>
|
82 | e095c480 | Athina B | </li>
|
83 | 9fad921d | Athina B | |
84 | e095c480 | Athina B | </ul>
|
85 | e095c480 | Athina B | </div>
|
86 | 9fad921d | Athina B | <div class="main details network"> |
87 | 3fe0830a | Athina Bekakou | <a href="network_list.html" class="close" title="back to network list"><span class="snf-font">c</span></a> |
88 | e095c480 | Athina B | <div class="top border-bottom-style1"> |
89 | 9fad921d | Athina B | <div class="img"> |
90 | f46d245b | Athina Bekakou | <span>Network</span> |
91 | e095c480 | Athina B | </div>
|
92 | e095c480 | Athina B | <div class="actions"> |
93 | e095c480 | Athina B | <ul>
|
94 | ce385b85 | Olga Brani | <li><a href="#" data-reveal-id="network-add-vms">+ machine</a></li> |
95 | e095c480 | Athina B | <li><a href="">destroy</a></li> |
96 | e095c480 | Athina B | </ul>
|
97 | e095c480 | Athina B | </div>
|
98 | e095c480 | Athina B | </div>
|
99 | e095c480 | Athina B | <section class="border-bottom-style1 info"> |
100 | e095c480 | Athina B | <dl>
|
101 | f46d245b | Athina Bekakou | <dt>Name</dt><dd>My Crazy Network</dd> |
102 | f46d245b | Athina Bekakou | <dt>Status</dt><dd>running</dd> |
103 | f46d245b | Athina Bekakou | <dt>Machines</dt><dd >2 x Machines</dd> |
104 | f46d245b | Athina Bekakou | <dt>IPv6</dt><dd>2001:648:2ffc:1222:a800:ff:fe3f:98fe </dd> |
105 | e095c480 | Athina B | </dl>
|
106 | e095c480 | Athina B | </section>
|
107 | e095c480 | Athina B | <section class="wrap info"> |
108 | f46d245b | Athina Bekakou | <div class="section_header"> |
109 | f46d245b | Athina Bekakou | machines |
110 | f46d245b | Athina Bekakou | </div>
|
111 | f46d245b | Athina Bekakou | <div class="right_side"> |
112 | f46d245b | Athina Bekakou | <div class="middle_side"> |
113 | e095c480 | Athina B | <div class="set"> |
114 | 4c25ff50 | Olga Brani | <p>
|
115 | 4c25ff50 | Olga Brani | <span class="info_simple">My Windows Server 2012</span> |
116 | 4c25ff50 | Olga Brani | <span class="action_links"> |
117 | 4c25ff50 | Olga Brani | <a href="">remove</a> |
118 | 4c25ff50 | Olga Brani | </span>
|
119 | 4c25ff50 | Olga Brani | </p>
|
120 | 4c25ff50 | Olga Brani | <p>IPv6: 2001:648:2ffc:1222:a800:ff:fe3f:98fe </p> |
121 | e095c480 | Athina B | </div>
|
122 | e095c480 | Athina B | <div class="set"> |
123 | 4c25ff50 | Olga Brani | <p>
|
124 | 4c25ff50 | Olga Brani | <span class="info_simple">My Windows Server 2012</span> |
125 | 4c25ff50 | Olga Brani | <span class="action_links"> |
126 | 4c25ff50 | Olga Brani | <a href="">remove</a> |
127 | 4c25ff50 | Olga Brani | </span>
|
128 | 4c25ff50 | Olga Brani | </p>
|
129 | 4c25ff50 | Olga Brani | <p>IPv6: 2001:648:2ffc:1222:a800:ff:fe3f:98fe </p> |
130 | e095c480 | Athina B | </div>
|
131 | f46d245b | Athina Bekakou | </div>
|
132 | 4c25ff50 | Olga Brani | <div class="btn-img"> |
133 | 4c25ff50 | Olga Brani | <a href=""> |
134 | 4c25ff50 | Olga Brani | add machine |
135 | 4c25ff50 | Olga Brani | <img src="images/menu-icon-compute.png" alt="Disk Image"> |
136 | 4c25ff50 | Olga Brani | </a>
|
137 | 4c25ff50 | Olga Brani | </div>
|
138 | f46d245b | Athina Bekakou | </div>
|
139 | e095c480 | Athina B | </section>
|
140 | e095c480 | Athina B | </div>
|
141 | e095c480 | Athina B | </div>
|
142 | 4c25ff50 | Olga Brani | <div id="network-add-vms" class="reveal-modal medium"> |
143 | ce385b85 | Olga Brani | <p>A widget to add vms</p> |
144 | ce385b85 | Olga Brani | <a class="close-reveal-modal" title="close window">×</a> |
145 | ce385b85 | Olga Brani | </div>
|
146 | e095c480 | Athina B | |
147 | e095c480 | Athina B | <script src="javascripts/vendor/jquery.js"></script> |
148 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.js"></script> |
149 | e095c480 | Athina B | |
150 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.alerts.js"></script> |
151 | e095c480 | Athina B | |
152 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.clearing.js"></script> |
153 | e095c480 | Athina B | |
154 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.cookie.js"></script> |
155 | e095c480 | Athina B | |
156 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.dropdown.js"></script> |
157 | e095c480 | Athina B | |
158 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.forms.js"></script> |
159 | e095c480 | Athina B | |
160 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.joyride.js"></script> |
161 | e095c480 | Athina B | |
162 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.magellan.js"></script> |
163 | e095c480 | Athina B | |
164 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.orbit.js"></script> |
165 | e095c480 | Athina B | |
166 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.placeholder.js"></script> |
167 | e095c480 | Athina B | |
168 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.reveal.js"></script> |
169 | e095c480 | Athina B | |
170 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.section.js"></script> |
171 | e095c480 | Athina B | |
172 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.tooltips.js"></script> |
173 | e095c480 | Athina B | |
174 | e095c480 | Athina B | <script src="javascripts/foundation/foundation.topbar.js"></script> |
175 | 788833c7 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
176 | 788833c7 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
177 | 8db75456 | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script> |
178 | 65814c28 | Olga Brani | <script type="text/javascript" src="javascripts/dropzone.js"></script> |
179 | 788833c7 | Olga Brani | |
180 | e095c480 | Athina B | <script src="javascripts/common.js"></script> |
181 | e095c480 | Athina B | |
182 | e095c480 | Athina B | |
183 | e095c480 | Athina B | <script>
|
184 | e095c480 | Athina B | $(document).foundation();
|
185 | e095c480 | Athina B | </script>
|
186 | e095c480 | Athina B | </body>
|
187 | e095c480 | Athina B | </html> |