Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / network_list.html @ 6bd1416f

History | View | Annotate | Download (9 kB)

1 9fad921d Athina B
2 6bd1416f Athina Bekakou
3 9fad921d Athina B
<!DOCTYPE html>
4 9fad921d Athina B
    <!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]-->
5 9fad921d Athina B
<!--[if IE 8]>                                  <html class="no-js lt-ie9" lang="en"> <![endif]-->
6 9fad921d Athina B
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
7 9fad921d Athina B
8 9fad921d Athina B
<head>
9 9fad921d Athina B
        <meta charset="utf-8" />
10 9fad921d Athina B
    <meta name="viewport" content="width=device-width" />
11 3b80225c Athina Bekakou
    <title>Synnefo | Network list</title>
12 9fad921d Athina B
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>
13 9fad921d Athina B
    <link rel="stylesheet" href="stylesheets/normalize.css" />
14 9fad921d Athina B
    <link rel="stylesheet" href="stylesheets/app.css" />
15 c9d873e8 Olga Brani
    <link rel="stylesheet" href="stylesheets/font_custom.css" />
16 9fad921d Athina B
    <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" />
17 c9d873e8 Olga Brani
    <link rel="stylesheet" href="stylesheets/magnific-popup.css" />
18 9fad921d Athina B
    <script src="javascripts/vendor/custom.modernizr.js"></script>
19 9fad921d Athina B
</head>
20 9fad921d Athina B
<body>
21 15948f00 Olga Brani
        <header class="header">
22 15948f00 Olga Brani
                <nav>
23 15948f00 Olga Brani
                        <ul class="icons-nav">
24 15948f00 Olga Brani
                                <li><a href="pithos_list.html" data-tooltip ="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
25 15948f00 Olga Brani
                                <li><a href="vm_list.html" data-tooltip ="has-tip" title="Machines"><span class="snf-PC"></span></a></li>
26 15948f00 Olga Brani
                                <li><a href="" data-tooltip ="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
27 15948f00 Olga Brani
                                <li><a href="network_list.html" data-tooltip ="has-tip " title="Networks"><span class="snf-network"></span></a></li>
28 15948f00 Olga Brani
                                <li><a href="" data-tooltip ="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li>
29 15948f00 Olga Brani
                        </ul>
30 15948f00 Olga Brani
                </nav>
31 15948f00 Olga Brani
                <div class="logo">
32 15948f00 Olga Brani
                        <a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
33 15948f00 Olga Brani
                </div>
34 15948f00 Olga Brani
                <div class="login">
35 15948f00 Olga Brani
                        <a href="">test@grnet.gr</a>
36 15948f00 Olga Brani
                </div>
37 15948f00 Olga Brani
        </header>
38 6d7b9bc4 Athina Bekakou
        
39 15948f00 Olga Brani
        <div class="overlay-wrapper">
40 6d7b9bc4 Athina Bekakou
41 6d7b9bc4 Athina Bekakou
        <!-- overlays start -->
42 6d7b9bc4 Athina Bekakou
        <div class="overlay-area">
43 6d7b9bc4 Athina Bekakou
                <a href="" class="close"><span class="snf-close"></span></a>
44 6d7b9bc4 Athina Bekakou
                <div id="overlay1" class="overlay-div">
45 6d7b9bc4 Athina Bekakou
                        <p>Are you sure you want to reboot your machine?</p>
46 6d7b9bc4 Athina Bekakou
                        <p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
47 6d7b9bc4 Athina Bekakou
                </div>
48 6d7b9bc4 Athina Bekakou
                <div id="overlay2" class="overlay-div">
49 6d7b9bc4 Athina Bekakou
                        <p>Are you sure you want to shutdown your machine?</p>
50 6d7b9bc4 Athina Bekakou
                        <p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
51 6d7b9bc4 Athina Bekakou
                </div>
52 6d7b9bc4 Athina Bekakou
                        <div id="network-wizard" class="overlay-div wizard">
53 6d7b9bc4 Athina Bekakou
                                <div class="top">
54 6d7b9bc4 Athina Bekakou
                                        <div class="row">
55 6d7b9bc4 Athina Bekakou
                                                <a href="" class="close"><span class="snf-close"></span></a>
56 6d7b9bc4 Athina Bekakou
                                                <nav class="sub-menu" data-step="1">
57 6d7b9bc4 Athina Bekakou
                                                        <ul>
58 6d7b9bc4 Athina Bekakou
                                                                <li><a href="" class="current">Menu</a></li>
59 6d7b9bc4 Athina Bekakou
                                                        <!--        <li><a href="">Menu Option</a></li>
60 6d7b9bc4 Athina Bekakou
                                                                <li><a href="">Menu Option</a></li>
61 6d7b9bc4 Athina Bekakou
                                                                <li><a href="">Menu Option</a></li> -->
62 6d7b9bc4 Athina Bekakou
                                                        </ul>
63 6d7b9bc4 Athina Bekakou
                                                </nav>
64 6d7b9bc4 Athina Bekakou
                                                <nav class="sub-menu" data-step=2>
65 6d7b9bc4 Athina Bekakou
                                                        <ul>
66 6d7b9bc4 Athina Bekakou
                                                                <li><a href="" class="current" data-size="small">Small</a></li>
67 6d7b9bc4 Athina Bekakou
                                                                <li><a href="" data-size="medium">Medium</a></li>
68 6d7b9bc4 Athina Bekakou
                                                                <li><a href="" data-size="large">Large</a></li>
69 6d7b9bc4 Athina Bekakou
                                                        </ul>
70 6d7b9bc4 Athina Bekakou
                                                </nav>
71 6d7b9bc4 Athina Bekakou
                                        </div>
72 6d7b9bc4 Athina Bekakou
                                </div>
73 6d7b9bc4 Athina Bekakou
                                <div class="middle">
74 6d7b9bc4 Athina Bekakou
                                        <div class="wizard-content">
75 6d7b9bc4 Athina Bekakou
76 6bd1416f Athina Bekakou
                                                <div class="row main">
77 6d7b9bc4 Athina Bekakou
                                                        <ul class="network_options clearfix">
78 6d7b9bc4 Athina Bekakou
                                                                        <li>
79 6bd1416f Athina Bekakou
                                                                                <div class="row main">
80 6d7b9bc4 Athina Bekakou
                                                                                        <form><span >Network Name:</span><input type="text" name="network_name"></form>
81 6d7b9bc4 Athina Bekakou
                                                                                </div>
82 6d7b9bc4 Athina Bekakou
                                                                        </li>
83 6d7b9bc4 Athina Bekakou
                                                                        <li class="dhcp_option"><span>Assign IP addresses automatically:</span>
84 6d7b9bc4 Athina Bekakou
                                                                                <a href="" class="check">
85 6d7b9bc4 Athina Bekakou
                                                                                        <span class="snf-checkbox-checked"></span>
86 6d7b9bc4 Athina Bekakou
                                                                                </a>
87 6d7b9bc4 Athina Bekakou
                                                                                <p>
88 6d7b9bc4 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.
89 6d7b9bc4 Athina Bekakou
                                                                                </p>
90 6d7b9bc4 Athina Bekakou
                                                                        </li>
91 6d7b9bc4 Athina Bekakou
                                                                        <li>
92 6d7b9bc4 Athina Bekakou
                                                                                <span class="sub_title">Network subnet:</span>
93 6d7b9bc4 Athina Bekakou
                                                                                <ul class="subnet_options">
94 6d7b9bc4 Athina Bekakou
                                                                                        <li>
95 6d7b9bc4 Athina Bekakou
                                                                                                <span>Auto 
96 6bd1416f Athina Bekakou
                                                                                                        <a href="" class="radio_btn">
97 6d7b9bc4 Athina Bekakou
                                                                                                                <span class="snf-radio-checked"></span>
98 6d7b9bc4 Athina Bekakou
                                                                                                        </a>
99 6d7b9bc4 Athina Bekakou
                                                                                                </span>
100 6d7b9bc4 Athina Bekakou
                                                                                        </li>
101 6d7b9bc4 Athina Bekakou
                                                                                        <li class="manual">
102 6d7b9bc4 Athina Bekakou
                                                                                                <form>
103 6d7b9bc4 Athina Bekakou
                                                                                                        <span>Manual
104 6bd1416f Athina Bekakou
                                                                                                                <a href="" class="radio_btn manual">
105 6d7b9bc4 Athina Bekakou
                                                                                                                        <span class="snf-radio-unchecked"></span>
106 6d7b9bc4 Athina Bekakou
                                                                                                                </a>
107 6d7b9bc4 Athina Bekakou
                                                                                                                <input class="manual_sub hidden" type="text" name="network_name">
108 6d7b9bc4 Athina Bekakou
                                                                                                        </span>
109 6d7b9bc4 Athina Bekakou
                                                                                                </form>
110 6d7b9bc4 Athina Bekakou
                                                                                        </li>
111 6d7b9bc4 Athina Bekakou
                                                                                        <li>
112 6d7b9bc4 Athina Bekakou
                                                                                                <span>10.0.0.0/24 
113 6bd1416f Athina Bekakou
                                                                                                        <a href="" class="radio_btn">
114 6d7b9bc4 Athina Bekakou
                                                                                                                <span class="snf-radio-unchecked"></span>
115 6d7b9bc4 Athina Bekakou
                                                                                                        </a>
116 6d7b9bc4 Athina Bekakou
                                                                                                </span>
117 6d7b9bc4 Athina Bekakou
                                                                                        </li>
118 6d7b9bc4 Athina Bekakou
                                                                                        <li>
119 6d7b9bc4 Athina Bekakou
                                                                                                <span>192.168.0.0/24 
120 6bd1416f Athina Bekakou
                                                                                                        <a href="" class="radio_btn">
121 6d7b9bc4 Athina Bekakou
                                                                                                                <span class="snf-radio-unchecked"></span>
122 6d7b9bc4 Athina Bekakou
                                                                                                        </a>
123 6d7b9bc4 Athina Bekakou
                                                                                                </span>
124 6d7b9bc4 Athina Bekakou
                                                                                        </li>
125 6d7b9bc4 Athina Bekakou
                                                                                </ul>
126 6d7b9bc4 Athina Bekakou
                                                                        </li>        
127 6d7b9bc4 Athina Bekakou
                                                                </ul>
128 6d7b9bc4 Athina Bekakou
                                                        </div>
129 6d7b9bc4 Athina Bekakou
130 6d7b9bc4 Athina Bekakou
131 6d7b9bc4 Athina Bekakou
                                        </div>
132 6d7b9bc4 Athina Bekakou
                                </div>
133 6bd1416f Athina Bekakou
<!-- new tba start -->
134 6bd1416f Athina Bekakou
                                <div class="bottom">
135 6bd1416f Athina Bekakou
                                        <div class="row">
136 6bd1416f Athina Bekakou
                                                <a href="" class="nav prev"><span>CANCEL</span></a>
137 6bd1416f Athina Bekakou
                                                <a href="" class="nav next"><span>CREATE</span></a>
138 6bd1416f Athina Bekakou
                                                
139 6bd1416f Athina Bekakou
                                        </div>
140 6bd1416f Athina Bekakou
                                </div>
141 6bd1416f Athina Bekakou
<!-- new tba end -->
142 6bd1416f Athina Bekakou
143 6d7b9bc4 Athina Bekakou
                        </div>
144 6d7b9bc4 Athina Bekakou
145 6d7b9bc4 Athina Bekakou
        </div>
146 6d7b9bc4 Athina Bekakou
        <!-- overlays end -->
147 6d7b9bc4 Athina Bekakou
        
148 6d7b9bc4 Athina Bekakou
149 0a9e1a04 Olga Brani
                <section class="actions-bar clearfix">
150 0a9e1a04 Olga Brani
                        <div class="row">
151 6d7b9bc4 Athina Bekakou
                                <div class="new-btn">
152 6d7b9bc4 Athina Bekakou
                                        <a data-overlay-id="#network-wizard" href="#"><span>+</span> NEW NETWORK </a></div>
153 0a9e1a04 Olga Brani
                                <div class="main-actions">
154 0a9e1a04 Olga Brani
                                        <ul>
155 0a9e1a04 Olga Brani
                                                <li class="running" ><a href="">Reboot</a></li>
156 0a9e1a04 Olga Brani
                                                <li class="running"><a href="">Shutdown</a></li>
157 0a9e1a04 Olga Brani
                                                <li class="both"><a href="">Destroy</a></li>
158 0a9e1a04 Olga Brani
                                                <li class="stopped"><a href="">Start</a></li>
159 0a9e1a04 Olga Brani
                                                 <!-- in case we want an action always activated
160 0a9e1a04 Olga Brani
                                                <li class="pernament"><a href="" class="active">Action</a></li> -->
161 0a9e1a04 Olga Brani
                                        </ul>
162 0a9e1a04 Olga Brani
                                </div>
163 0a9e1a04 Olga Brani
                        </div>
164 0a9e1a04 Olga Brani
                </section>
165 15948f00 Olga Brani
                <section class="main row">
166 3b80225c Athina Bekakou
                        <div class="networks entities">
167 db1f3b94 Olga Brani
                                <ul class="items-list small-block-grid-2 large-block-grid-3 sortable">
168 5b99bf0a Athina Bekakou
                                        <li data-order="0">
169 9fad921d Athina B
                                                <div class="container">
170 9fad921d Athina B
                                                        <div class="img-wrap">
171 09566b56 Olga Brani
                                                                <div class="img running">
172 692c5cea Olga Brani
                                                                        Network
173 9fad921d Athina B
                                                                </div>
174 9fad921d Athina B
                                                        </div>
175 9fad921d Athina B
                                                        <p class="visible-info">
176 9fad921d Athina B
                                                                <span><em>IPv4 83.212.97.127</em></span>
177 692c5cea Olga Brani
                                                                <span class="title">
178 692c5cea Olga Brani
                                                                        <a href="network_details.html"><em>Network name</em></a>
179 692c5cea Olga Brani
                                                                </span>
180 9fad921d Athina B
                                                        </p>
181 8db75456 Athina Bekakou
                                                        <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
182 9fad921d Athina B
                                                </div>
183 9fad921d Athina B
                                        </li>
184 5b99bf0a Athina Bekakou
                                        <li data-order="1">
185 9fad921d Athina B
                                                <div class="container">
186 9fad921d Athina B
                                                        <div class="img-wrap">
187 09566b56 Olga Brani
                                                                <div class="img running">
188 9fad921d Athina B
                                                                        Network
189 9fad921d Athina B
                                                                </div>
190 9fad921d Athina B
                                                        </div>
191 9fad921d Athina B
                                                        <p class="visible-info">
192 9fad921d Athina B
                                                                <span><em>IPv4 83.212.97.127</em></span>
193 692c5cea Olga Brani
                                                                <span class="title">
194 692c5cea Olga Brani
                                                                        <a href="network_details.html"><em>Network name</em></a>
195 692c5cea Olga Brani
                                                                </span>
196 9fad921d Athina B
                                                        </p>
197 8db75456 Athina Bekakou
                                                        <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
198 9fad921d Athina B
                                                </div>
199 9fad921d Athina B
                                        </li>
200 5b99bf0a Athina Bekakou
                                        <li data-order="2">
201 9fad921d Athina B
                                                <div class="container">
202 9fad921d Athina B
                                                        <div class="img-wrap">
203 09566b56 Olga Brani
                                                                <div class="img running">
204 9fad921d Athina B
                                                                        Network
205 9fad921d Athina B
                                                                </div>
206 9fad921d Athina B
                                                        </div>
207 9fad921d Athina B
                                                        <p class="visible-info">
208 9fad921d Athina B
                                                                <span><em>IPv4 83.212.97.127</em></span>
209 692c5cea Olga Brani
                                                                <span class="title">
210 692c5cea Olga Brani
                                                                        <a href="network_details.html"><em>Network name</em></a>
211 692c5cea Olga Brani
                                                                </span>
212 9fad921d Athina B
                                                        </p>
213 8db75456 Athina Bekakou
                                                        <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
214 9fad921d Athina B
                                                </div>
215 9fad921d Athina B
                                        </li>
216 5b99bf0a Athina Bekakou
                                        <li data-order="3">
217 6d7b9bc4 Athina Bekakou
                                                <div class="add-new"><a href="#">NEW<br>NETWORK</a></div>        
218 9fad921d Athina B
                                        </li>
219 9fad921d Athina B
                                </ul>
220 9fad921d Athina B
                        </div>
221 9fad921d Athina B
                </section>
222 9fad921d Athina B
        </div>
223 6d7b9bc4 Athina Bekakou
        
224 6bd1416f Athina Bekakou
225 9fad921d Athina B
  <script src="javascripts/vendor/jquery.js"></script>
226 6bd1416f Athina Bekakou
        <script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script>
227 6bd1416f Athina Bekakou
        <script src="javascripts/foundation/foundation.js"></script>
228 9fad921d Athina B
        <script src="javascripts/foundation/foundation.alerts.js"></script>
229 9fad921d Athina B
        
230 9fad921d Athina B
        <script src="javascripts/foundation/foundation.clearing.js"></script>
231 9fad921d Athina B
        
232 9fad921d Athina B
        <script src="javascripts/foundation/foundation.cookie.js"></script>
233 9fad921d Athina B
        
234 9fad921d Athina B
        <script src="javascripts/foundation/foundation.dropdown.js"></script>
235 9fad921d Athina B
        
236 9fad921d Athina B
        <script src="javascripts/foundation/foundation.forms.js"></script>
237 9fad921d Athina B
        
238 9fad921d Athina B
        <script src="javascripts/foundation/foundation.joyride.js"></script>
239 9fad921d Athina B
        
240 9fad921d Athina B
        <script src="javascripts/foundation/foundation.magellan.js"></script>
241 9fad921d Athina B
        
242 9fad921d Athina B
        <script src="javascripts/foundation/foundation.orbit.js"></script>
243 9fad921d Athina B
        
244 9fad921d Athina B
        <script src="javascripts/foundation/foundation.placeholder.js"></script>
245 9fad921d Athina B
        
246 9fad921d Athina B
        <script src="javascripts/foundation/foundation.reveal.js"></script>
247 9fad921d Athina B
        
248 9fad921d Athina B
        <script src="javascripts/foundation/foundation.section.js"></script>
249 9fad921d Athina B
        
250 9fad921d Athina B
        <script src="javascripts/foundation/foundation.tooltips.js"></script>
251 9fad921d Athina B
        
252 9fad921d Athina B
        <script src="javascripts/foundation/foundation.topbar.js"></script>
253 788833c7 Olga Brani
        <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script>
254 788833c7 Olga Brani
        <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
255 5b99bf0a Athina Bekakou
        <script type="text/javascript" src="javascripts/dropzone.js"></script>
256 6bd1416f Athina Bekakou
        <script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
257 3820a3de Athina Bekakou
        
258 6bd1416f Athina Bekakou
259 6bd1416f Athina Bekakou
        <script src="javascripts/common.js"></script>
260 6bd1416f Athina Bekakou
        <script src="javascripts/network-wizard.js"></script>
261 6bd1416f Athina Bekakou
        <!-- <script src="javascripts/vm-wizard.js"></script> -->
262 6bd1416f Athina Bekakou
        
263 6bd1416f Athina Bekakou
264 9fad921d Athina B
  <script>
265 9fad921d Athina B
    $(document).foundation();
266 9fad921d Athina B
  </script>
267 9fad921d Athina B
</body>
268 6bd1416f Athina Bekakou
</html>