root / snf-cyclades-app / synnefo / ui / new_ui / ui / vm_list.html @ 2c7cc4ac
History | View | Annotate | Download (8.9 kB)
1 | b3c1328b | Olga Brani | |
---|---|---|---|
2 | b3c1328b | Olga Brani | <!DOCTYPE html>
|
3 | 8bcfec88 | Athina B | <!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]-->
|
4 | b3c1328b | Olga Brani | <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
|
5 | b3c1328b | Olga Brani | <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> |
6 | b3c1328b | Olga Brani | |
7 | b3c1328b | Olga Brani | <head>
|
8 | b3c1328b | Olga Brani | <meta charset="utf-8" /> |
9 | b3c1328b | Olga Brani | <meta name="viewport" content="width=device-width" /> |
10 | b3c1328b | Olga Brani | <title>Synnefo | VM list</title> |
11 | db920d2c | Olga Brani | <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 | b3c1328b | Olga Brani | <link rel="stylesheet" href="stylesheets/normalize.css" /> |
13 | b3c1328b | Olga Brani | <link rel="stylesheet" href="stylesheets/app.css" /> |
14 | c9d873e8 | Olga Brani | <link rel="stylesheet" href="stylesheets/font_custom.css" /> |
15 | e106fc8f | 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 | b3c1328b | Olga Brani | <script src="javascripts/vendor/custom.modernizr.js"></script> |
18 | b3c1328b | Olga Brani | </head>
|
19 | 15948f00 | Olga Brani | <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 | <h2>Machines</h2> |
33 | 15948f00 | Olga Brani | </div>
|
34 | 15948f00 | Olga Brani | |
35 | 15948f00 | Olga Brani | <div class="login"> |
36 | 15948f00 | Olga Brani | <a href="">test@grnet.gr</a> |
37 | 15948f00 | Olga Brani | </div>
|
38 | 15948f00 | Olga Brani | <div class="actions clearfix"> |
39 | 15948f00 | Olga Brani | <div class="new-btn"><a href="vm_create_a.html"><span>+</span> NEW MACHINE </a></div> |
40 | 15948f00 | Olga Brani | <div class="main-actions"> |
41 | 15948f00 | Olga Brani | <ul>
|
42 | 15948f00 | Olga Brani | <li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li> |
43 | 15948f00 | Olga Brani | <li class="running"><a href="" data-overlay-id="#overlay1">Shutdown</a></li> |
44 | 15948f00 | Olga Brani | <li class="both"><a href="">Destroy</a></li> |
45 | 15948f00 | Olga Brani | <li class="stopped"><a href="">Start</a></li> |
46 | 15948f00 | Olga Brani | <!-- in case we want an action always activated
|
47 | 15948f00 | Olga Brani | <li class="pernament"><a href="" class="active">Action</a></li> -->
|
48 | 673ea014 | Olga Brani | </ul>
|
49 | b3c1328b | Olga Brani | </div>
|
50 | b3c1328b | Olga Brani | </div>
|
51 | 15948f00 | Olga Brani | </header>
|
52 | 15948f00 | Olga Brani | <div class="info top-info alert"> |
53 | 15948f00 | Olga Brani | <div class="wrap"> |
54 | 15948f00 | Olga Brani | <p>ALERT!</p> |
55 | 15948f00 | Olga Brani | <p>Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, neque ut neque. In at libero. </p> |
56 | 15948f00 | Olga Brani | </div>
|
57 | 15948f00 | Olga Brani | <a href="#" class="close" title="hide message">close</a> |
58 | b3c1328b | Olga Brani | </div>
|
59 | 15948f00 | Olga Brani | |
60 | 15948f00 | Olga Brani | <div class="overlay-wrapper "> |
61 | 9569cdc8 | Olga Brani | <div class="overlay-area"> |
62 | 9569cdc8 | Olga Brani | <a href="" class="close">close</a> |
63 | 9569cdc8 | Olga Brani | <div id="overlay1" class="overlay-div"> |
64 | 9569cdc8 | Olga Brani | <p>Are you sure you want to reboot your machine?</p> |
65 | 9569cdc8 | Olga Brani | <p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
66 | 9569cdc8 | Olga Brani | </div>
|
67 | 9569cdc8 | Olga Brani | <div id="overlay2" class="overlay-div"> |
68 | 9569cdc8 | Olga Brani | <p>Are you sure you want to shutdown your machine?</p> |
69 | 9569cdc8 | Olga Brani | <p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
70 | 9569cdc8 | Olga Brani | </div>
|
71 | f2126967 | Olga Brani | </div>
|
72 | 15948f00 | Olga Brani | <section class="main row"> |
73 | 321113f5 | Olga Brani | <div class="vms entities"> |
74 | db1f3b94 | Olga Brani | <ul class="items-list small-block-grid-2 large-block-grid-3 sortable"> |
75 | 5b99bf0a | Athina Bekakou | <li data-order="0"> |
76 | 5e62e9c1 | Olga Brani | <div class="container"> |
77 | 5e62e9c1 | Olga Brani | <div class="img-wrap"> |
78 | 5e62e9c1 | Olga Brani | <div class="img running"> |
79 | 692c5cea | Olga Brani | <span class="snf-PC_fill" data-reveal-id="vm-connect"></span> |
80 | 692c5cea | Olga Brani | <span class="os" data-reveal-id="vm-connect">unknown</span> |
81 | 5e62e9c1 | Olga Brani | </div>
|
82 | f8f24db6 | Olga Brani | </div>
|
83 | 8bcfec88 | Athina B | <p class="visible-info"> |
84 | 692c5cea | Olga Brani | <span class="title"> |
85 | 692c5cea | Olga Brani | <a href="vm_details.html"><em>vm name 1 really large name</em></a> |
86 | 692c5cea | Olga Brani | </span>
|
87 | 8bcfec88 | Athina B | </p>
|
88 | 96e399a4 | Olga Brani | <div class="tags"> |
89 | 96e399a4 | Olga Brani | <a href="" class="tag1" title="Server"> </a> |
90 | 96e399a4 | Olga Brani | <a href="" class="tag2" title="Experiment"> </a> |
91 | 96e399a4 | Olga Brani | </div>
|
92 | 8db75456 | Athina Bekakou | <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
93 | b3c1328b | Olga Brani | </div>
|
94 | b3c1328b | Olga Brani | </li>
|
95 | 5b99bf0a | Athina Bekakou | <li data-order="1"> |
96 | 5e62e9c1 | Olga Brani | <div class="container"> |
97 | 5e62e9c1 | Olga Brani | <div class="img-wrap"> |
98 | c9655064 | Olga Brani | <div class="img running"> |
99 | 692c5cea | Olga Brani | <span class="snf-PC_fill" data-reveal-id="vm-connect"></span> |
100 | 692c5cea | Olga Brani | <span class="os fedora" data-reveal-id="vm-connect">fedora</span> |
101 | 5e62e9c1 | Olga Brani | </div>
|
102 | f8f24db6 | Olga Brani | </div>
|
103 | f8f24db6 | Olga Brani | <p class="visible-info"> |
104 | 692c5cea | Olga Brani | <span class="title"> |
105 | 692c5cea | Olga Brani | <a href="vm_details.html"><em>vm name 1 really large name</em></a> |
106 | 692c5cea | Olga Brani | </span>
|
107 | f8f24db6 | Olga Brani | </p>
|
108 | 96e399a4 | Olga Brani | <div class="tags"> |
109 | 96e399a4 | Olga Brani | <a href="" class="tag3"> </a> |
110 | 96e399a4 | Olga Brani | <a href="" class="tag2"> </a> |
111 | 96e399a4 | Olga Brani | </div>
|
112 | 8db75456 | Athina Bekakou | <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
113 | b3c1328b | Olga Brani | </div>
|
114 | b3c1328b | Olga Brani | </li>
|
115 | 5b99bf0a | Athina Bekakou | <li data-order="2"> |
116 | 5e62e9c1 | Olga Brani | <div class="container"> |
117 | 5e62e9c1 | Olga Brani | <div class="img-wrap"> |
118 | 692c5cea | Olga Brani | <div class="img running"> |
119 | 692c5cea | Olga Brani | <span class="snf-PC_fill" data-reveal-id="vm-connect"></span> |
120 | 692c5cea | Olga Brani | <span class="os" data-reveal-id="vm-connect">unknown</span> |
121 | c9655064 | Olga Brani | </div>
|
122 | c9655064 | Olga Brani | </div>
|
123 | c9655064 | Olga Brani | <p class="visible-info"> |
124 | 692c5cea | Olga Brani | <span class="title"> |
125 | 692c5cea | Olga Brani | <a href="vm_details.html"><em>vm name 2</em></a> |
126 | 692c5cea | Olga Brani | </span>
|
127 | c9655064 | Olga Brani | </p>
|
128 | 96e399a4 | Olga Brani | <div class="tags"> |
129 | 96e399a4 | Olga Brani | <a href="" class="tag2"> </a> |
130 | 96e399a4 | Olga Brani | </div>
|
131 | 8db75456 | Athina Bekakou | <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
132 | c9655064 | Olga Brani | </div>
|
133 | c9655064 | Olga Brani | </li>
|
134 | 5b99bf0a | Athina Bekakou | <li data-order="3"> |
135 | c9655064 | Olga Brani | <div class="container"> |
136 | c9655064 | Olga Brani | <div class="img-wrap"> |
137 | 692c5cea | Olga Brani | <div class="img stopped"> |
138 | 96e399a4 | Olga Brani | <span class="snf-PC_fill"></span> |
139 | 96e399a4 | Olga Brani | <span class="os fedora">fedora</span> |
140 | c9655064 | Olga Brani | </div>
|
141 | c9655064 | Olga Brani | </div>
|
142 | c9655064 | Olga Brani | <p class="visible-info"> |
143 | 692c5cea | Olga Brani | <span class="title"> |
144 | 692c5cea | Olga Brani | <a href="vm_details.html"><em>vm name 3</em></a> |
145 | 692c5cea | Olga Brani | </span>
|
146 | c9655064 | Olga Brani | </p>
|
147 | 96e399a4 | Olga Brani | <div class="tags"> |
148 | 96e399a4 | Olga Brani | <a href="" class="tag1"> </a> |
149 | 96e399a4 | Olga Brani | <a href="" class="tag2"> </a> |
150 | 96e399a4 | Olga Brani | <a href="" class="tag3"> </a> |
151 | 96e399a4 | Olga Brani | </div>
|
152 | 8db75456 | Athina Bekakou | <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
153 | c9655064 | Olga Brani | </div>
|
154 | c9655064 | Olga Brani | </li>
|
155 | 5b99bf0a | Athina Bekakou | <li data-order="4"> |
156 | c9655064 | Olga Brani | <div class="container"> |
157 | c9655064 | Olga Brani | <div class="img-wrap"> |
158 | 5e62e9c1 | Olga Brani | <div class="img running"> |
159 | 692c5cea | Olga Brani | <span class="snf-PC_fill" data-reveal-id="vm-connect"></span> |
160 | 692c5cea | Olga Brani | <span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
161 | 5e62e9c1 | Olga Brani | </div>
|
162 | f8f24db6 | Olga Brani | </div>
|
163 | f8f24db6 | Olga Brani | <p class="visible-info"> |
164 | 692c5cea | Olga Brani | <span class="title"> |
165 | 692c5cea | Olga Brani | <a href="vm_details.html"><em>vm name 4</em></a> |
166 | 692c5cea | Olga Brani | </span>
|
167 | f8f24db6 | Olga Brani | </p>
|
168 | 96e399a4 | Olga Brani | <div class="tags"> |
169 | 96e399a4 | Olga Brani | <a href="" class="tag1"> </a> |
170 | 96e399a4 | Olga Brani | <a href="" class="tag2"> </a> |
171 | 96e399a4 | Olga Brani | </div>
|
172 | 8db75456 | Athina Bekakou | <a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
173 | b3c1328b | Olga Brani | </div>
|
174 | b3c1328b | Olga Brani | </li>
|
175 | d3bfabe8 | Olga Brani | |
176 | 5b99bf0a | Athina Bekakou | <li data-order="5"> |
177 | 3fe0830a | Athina Bekakou | <div class="add-new"><a href="vm_create_a.html">NEW<br>MACHINE</a></div> |
178 | b3c1328b | Olga Brani | </li>
|
179 | 5e62e9c1 | Olga Brani | |
180 | b3c1328b | Olga Brani | </ul>
|
181 | b3c1328b | Olga Brani | </div>
|
182 | b3c1328b | Olga Brani | </section>
|
183 | b3c1328b | Olga Brani | </div>
|
184 | 5e62e9c1 | Olga Brani | <div id="vm-connect" class="reveal-modal medium"> |
185 | 09566b56 | Olga Brani | <p>A direct connection to this machine can be established using the <a target="_blank" href="http://en.wikipedia.org/wiki/Secure_Shell">SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p> |
186 | f2126967 | Olga Brani | <p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p> |
187 | 09566b56 | Olga Brani | |
188 | 5e62e9c1 | Olga Brani | <p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p> |
189 | 09566b56 | Olga Brani | <p>Alternatively you can connect to your VM via <a href="">Console</a> (slow connection - meant only for troubleshooting.</p> |
190 | 5e62e9c1 | Olga Brani | <a class="close-reveal-modal" title="close window">×</a> |
191 | 5e62e9c1 | Olga Brani | </div>
|
192 | f2126967 | Olga Brani | <script src="javascripts/vendor/jquery.js"></script> |
193 | 5b99bf0a | Athina Bekakou | <script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script> |
194 | f2126967 | Olga Brani | <script src="javascripts/foundation/foundation.js"></script> |
195 | b3c1328b | Olga Brani | <script src="javascripts/foundation/foundation.alerts.js"></script> |
196 | b3c1328b | Olga Brani | |
197 | b3c1328b | Olga Brani | <script src="javascripts/foundation/foundation.clearing.js"></script> |
198 | b3c1328b | Olga Brani | |
199 | b3c1328b | Olga Brani | <script src="javascripts/foundation/foundation.cookie.js"></script> |
200 | b3c1328b | Olga Brani | |
201 | b3c1328b | Olga Brani | <script src="javascripts/foundation/foundation.dropdown.js"></script> |
202 | b3c1328b | Olga Brani | |
203 | b3c1328b | Olga Brani | <script src="javascripts/foundation/foundation.forms.js"></script> |
204 | b3c1328b | Olga Brani | |
205 | b3c1328b | Olga Brani | <script src="javascripts/foundation/foundation.joyride.js"></script> |
206 | b3c1328b | Olga Brani | |
207 | b3c1328b | Olga Brani | <script src="javascripts/foundation/foundation.magellan.js"></script> |
208 | b3c1328b | Olga Brani | |
209 | b3c1328b | Olga Brani | <script src="javascripts/foundation/foundation.orbit.js"></script> |
210 | b3c1328b | Olga Brani | |
211 | b3c1328b | Olga Brani | <script src="javascripts/foundation/foundation.placeholder.js"></script> |
212 | b3c1328b | Olga Brani | |
213 | b3c1328b | Olga Brani | <script src="javascripts/foundation/foundation.reveal.js"></script> |
214 | b3c1328b | Olga Brani | |
215 | b3c1328b | Olga Brani | <script src="javascripts/foundation/foundation.section.js"></script> |
216 | b3c1328b | Olga Brani | |
217 | b3c1328b | Olga Brani | <script src="javascripts/foundation/foundation.tooltips.js"></script> |
218 | b3c1328b | Olga Brani | |
219 | b3c1328b | Olga Brani | <script src="javascripts/foundation/foundation.topbar.js"></script> |
220 | 788833c7 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
221 | 788833c7 | Olga Brani | <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
222 | 5b99bf0a | Athina Bekakou | <script type="text/javascript" src="javascripts/dropzone.js"></script> |
223 | 8db75456 | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script> |
224 | b3c1328b | Olga Brani | <script src="javascripts/common.js"></script> |
225 | 3820a3de | Athina Bekakou | |
226 | 3b80225c | Athina Bekakou | |
227 | b3c1328b | Olga Brani | <script>
|
228 | b3c1328b | Olga Brani | $(document).foundation();
|
229 | b3c1328b | Olga Brani | </script>
|
230 | b3c1328b | Olga Brani | </body>
|
231 | b3c1328b | Olga Brani | </html> |