root / ui / templates / home.html @ 2641e76c
History | View | Annotate | Download (23.2 kB)
1 | a5bc3755 | Vangelis Koukis | <!--
|
---|---|---|---|
2 | a5bc3755 | Vangelis Koukis | Copyright 2011 GRNET S.A. All rights reserved.
|
3 | a5bc3755 | Vangelis Koukis | |
4 | a5bc3755 | Vangelis Koukis | Redistribution and use in source and binary forms, with or
|
5 | a5bc3755 | Vangelis Koukis | without modification, are permitted provided that the following
|
6 | a5bc3755 | Vangelis Koukis | conditions are met:
|
7 | a5bc3755 | Vangelis Koukis | |
8 | a5bc3755 | Vangelis Koukis | 1. Redistributions of source code must retain the above
|
9 | a5bc3755 | Vangelis Koukis | copyright notice, this list of conditions and the following
|
10 | a5bc3755 | Vangelis Koukis | disclaimer.
|
11 | a5bc3755 | Vangelis Koukis | |
12 | a5bc3755 | Vangelis Koukis | 2. Redistributions in binary form must reproduce the above
|
13 | a5bc3755 | Vangelis Koukis | copyright notice, this list of conditions and the following
|
14 | a5bc3755 | Vangelis Koukis | disclaimer in the documentation and/or other materials
|
15 | a5bc3755 | Vangelis Koukis | provided with the distribution.
|
16 | a5bc3755 | Vangelis Koukis | |
17 | a5bc3755 | Vangelis Koukis | THIS SOFTWARE IS PROVIDED BY GRNET S.A. ``AS IS'' AND ANY EXPRESS
|
18 | a5bc3755 | Vangelis Koukis | OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
19 | a5bc3755 | Vangelis Koukis | WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
|
20 | a5bc3755 | Vangelis Koukis | PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL GRNET S.A OR
|
21 | a5bc3755 | Vangelis Koukis | CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
22 | a5bc3755 | Vangelis Koukis | SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
23 | a5bc3755 | Vangelis Koukis | LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF
|
24 | a5bc3755 | Vangelis Koukis | USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
25 | a5bc3755 | Vangelis Koukis | AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
|
26 | a5bc3755 | Vangelis Koukis | LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN
|
27 | a5bc3755 | Vangelis Koukis | ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
|
28 | a5bc3755 | Vangelis Koukis | POSSIBILITY OF SUCH DAMAGE.
|
29 | a5bc3755 | Vangelis Koukis | |
30 | a5bc3755 | Vangelis Koukis | The views and conclusions contained in the software and
|
31 | a5bc3755 | Vangelis Koukis | documentation are those of the authors and should not be
|
32 | a5bc3755 | Vangelis Koukis | interpreted as representing official policies, either expressed
|
33 | a5bc3755 | Vangelis Koukis | or implied, of GRNET S.A.
|
34 | a5bc3755 | Vangelis Koukis | -->
|
35 | a5bc3755 | Vangelis Koukis | |
36 | 4ea5cc44 | Mike Muzurakis | <html>
|
37 | 4ea5cc44 | Mike Muzurakis | |
38 | d7f0ad6e | provetza | {% load i18n %} |
39 | cc7c5902 | Dimitris Moraitis | <!DOCTYPE html>
|
40 | cc7c5902 | Dimitris Moraitis | <head>
|
41 | a226ff9f | Christodoulos Psaltis | <title>~okeanos</title> |
42 | f533f224 | Vangelis Koukis | <!-- include the Tools -->
|
43 | 146b6003 | Dimitris Moraitis | <!-- jquery tools minified for deployment-->
|
44 | 01864f44 | Dimitris Moraitis | <script src="static/jquery.tools.min.js"></script> |
45 | f533f224 | Vangelis Koukis | <!-- jquery tools source for JS debugging -->
|
46 | 01864f44 | Dimitris Moraitis | <!--
|
47 | f533f224 | Vangelis Koukis | <script src="http://flowplayer.org/tools/download/1.2.5/jquery-1.4.2.js"></script>
|
48 | f533f224 | Vangelis Koukis | <script src="http://flowplayer.org/tools/download/1.2.5/tabs/tabs.js"></script>
|
49 | f533f224 | Vangelis Koukis | <script src="http://flowplayer.org/tools/download/1.2.5/scrollable/scrollable.js"></script>
|
50 | f533f224 | Vangelis Koukis | <script src="http://flowplayer.org/tools/download/1.2.5/overlay/overlay.js"></script>
|
51 | f533f224 | Vangelis Koukis | <script src="http://flowplayer.org/tools/download/1.2.5/rangeinput/rangeinput.js"></script>
|
52 | f533f224 | Vangelis Koukis | <script src="http://flowplayer.org/tools/download/1.2.5/toolbox/toolbox.expose.js"></script>
|
53 | 01864f44 | Dimitris Moraitis | -->
|
54 | fb66080c | Dimitris Moraitis | <script src="static/jquery.cookie.js"></script> |
55 | aff0be51 | Kostas Papadimitriou | <script src="static/jquery.client.js"></script> |
56 | d2f03cb3 | Mike Muzurakis | <script src="static/json2.js"></script> |
57 | a4531705 | Christodoulos Psaltis | <script src="static/jquery.dataTables.min.js"></script> |
58 | 19e01943 | Kostas Papadimitriou | <script src="static/invitations.js"></script> |
59 | 7b7e768e | Christodoulos Psaltis | <script src="static/synnefo.js"></script> |
60 | 19e01943 | Kostas Papadimitriou | |
61 | f533f224 | Vangelis Koukis | <link rel="stylesheet" type="text/css" href="static/main.css"/> |
62 | a226ff9f | Christodoulos Psaltis | <!--[if IE]><style type="text/css" media="all">@import url(static/ie.css);</style><![endif]-->
|
63 | 42f67a2a | Dimitris Moraitis | <script>
|
64 | a657c49e | Kostas Papadimitriou | // empty object for console to avoid errors in browsers that don't support it
|
65 | 2b837adf | Kostas Papadimitriou | if (!window.console) {window.console = {}; window.console.log = window.console.info = window.console.debug =
|
66 | 2b837adf | Kostas Papadimitriou | window.console.error = function() {}};
|
67 | a657c49e | Kostas Papadimitriou | |
68 | f533f224 | Vangelis Koukis | //populate available image icons array
|
69 | f533f224 | Vangelis Koukis | var os_icons = {{image_icons|safe}};
|
70 | f533f224 | Vangelis Koukis | |
71 | eae0a59a | Dimitris Moraitis | // timeout value from settings.py
|
72 | d36493ce | Dimitris Moraitis | var TIMEOUT = {{timeout}};
|
73 | 7b03c69d | Dimitris Moraitis | var UPDATE_INTERVAL = {{update_interval}};
|
74 | 8e5122dd | Kostas Papadimitriou | var LOGOUT_REDIRECT = undefined;
|
75 | 19e01943 | Kostas Papadimitriou | var INVITATIONS_URL = "{% url invitations %}"
|
76 | 19e01943 | Kostas Papadimitriou | var INVITATIONS_TITLE = "{% trans "Invitations" %}"
|
77 | 0e8e87ac | Kostas Papadimitriou | var APP_DEBUG = {% if DEBUG %}true{% else %}false{% endif %};
|
78 | 3df307d7 | Christodoulos Psaltis | |
79 | 3df307d7 | Christodoulos Psaltis | // server statuses and transitions
|
80 | f533f224 | Vangelis Koukis | var STATUSES = {
|
81 | f533f224 | Vangelis Koukis | 'UNKNOWN' : '{% trans "Unknown" %}',
|
82 | eae0a59a | Dimitris Moraitis | 'BUILD' : '{% trans "Building" %}',
|
83 | f533f224 | Vangelis Koukis | 'REBOOT' : '{% trans "Rebooting" %}',
|
84 | eae0a59a | Dimitris Moraitis | 'STOPPED' : '{% trans "Stopped" %}',
|
85 | f533f224 | Vangelis Koukis | 'ACTIVE' : '{% trans "Running" %}',
|
86 | f533f224 | Vangelis Koukis | 'ERROR' : '{% trans "Error" %}'
|
87 | f533f224 | Vangelis Koukis | };
|
88 | f533f224 | Vangelis Koukis | |
89 | f533f224 | Vangelis Koukis | var TRANSITIONS = {
|
90 | f533f224 | Vangelis Koukis | 'Shutting down' : '{% trans "Shutting down" %}',
|
91 | f533f224 | Vangelis Koukis | 'Rebooting' : '{% trans "Rebooting" %}',
|
92 | f533f224 | Vangelis Koukis | 'Starting' : '{% trans "Starting" %}',
|
93 | 3df307d7 | Christodoulos Psaltis | 'Destroying' : '{% trans "Destroying" %}',
|
94 | f459a610 | Christodoulos Psaltis | 'Connecting' : '{% trans "Connecting" %}', // used only in networks
|
95 | f459a610 | Christodoulos Psaltis | 'Disconnecting' : '{% trans "Disconnecting" %}' // used only in networks
|
96 | eae0a59a | Dimitris Moraitis | };
|
97 | f533f224 | Vangelis Koukis | |
98 | 3df307d7 | Christodoulos Psaltis | // Server statuses and transitions that should be displayed as active or inactive
|
99 | f533f224 | Vangelis Koukis | var ACTIVE_STATES = [
|
100 | f533f224 | Vangelis Koukis | '{% trans "Building" %}',
|
101 | f533f224 | Vangelis Koukis | '{% trans "Rebooting" %}',
|
102 | f533f224 | Vangelis Koukis | '{% trans "Running" %}',
|
103 | f533f224 | Vangelis Koukis | '{% trans "Shutting down" %}',
|
104 | f533f224 | Vangelis Koukis | '{% trans "Rebooting" %}',
|
105 | f533f224 | Vangelis Koukis | '{% trans "Destroying" %}'
|
106 | f533f224 | Vangelis Koukis | ];
|
107 | f533f224 | Vangelis Koukis | |
108 | f533f224 | Vangelis Koukis | var INACTIVE_STATES = [
|
109 | f533f224 | Vangelis Koukis | '{% trans "Unknown" %}',
|
110 | f533f224 | Vangelis Koukis | '{% trans "Stopped" %}',
|
111 | f533f224 | Vangelis Koukis | '{% trans "Error" %}',
|
112 | f533f224 | Vangelis Koukis | '{% trans "Starting" %}',
|
113 | f533f224 | Vangelis Koukis | ];
|
114 | f533f224 | Vangelis Koukis | |
115 | 3df307d7 | Christodoulos Psaltis | // Network statuses and transitions
|
116 | 3df307d7 | Christodoulos Psaltis | var NET_STATES = {
|
117 | 3ad6f576 | Christodoulos Psaltis | 'ACTIVE' : '{% trans "Private network" %}', // this comes from the API
|
118 | 3ad6f576 | Christodoulos Psaltis | 'DELETED' : '{% trans "Deleted" %}', // this comes from the API
|
119 | 3df307d7 | Christodoulos Psaltis | 'Destroying' : '{% trans "Destroying" %}',
|
120 | 3df307d7 | Christodoulos Psaltis | 'Connecting' : '{% trans "Connecting" %}',
|
121 | 3df307d7 | Christodoulos Psaltis | 'Disconnecting' : '{% trans "Disconnecting" %}'
|
122 | 3df307d7 | Christodoulos Psaltis | };
|
123 | 3df307d7 | Christodoulos Psaltis | |
124 | eae0a59a | Dimitris Moraitis | var ERRORS = {
|
125 | eae0a59a | Dimitris Moraitis | // error message header
|
126 | f533f224 | Vangelis Koukis | 'HEADER' : '{% trans "Error" %}',
|
127 | eae0a59a | Dimitris Moraitis | // default
|
128 | 146b6003 | Dimitris Moraitis | 'DEFAULT' : '{% trans "Could not contact the service. Please check your network connectivity and try again." %}',
|
129 | eae0a59a | Dimitris Moraitis | // bad request
|
130 | eae0a59a | Dimitris Moraitis | '400' : '{% trans "Malformed request." %}',
|
131 | eae0a59a | Dimitris Moraitis | // not found
|
132 | eae0a59a | Dimitris Moraitis | '404' : '{% trans "Your request has failed. Resource not found." %}',
|
133 | eae0a59a | Dimitris Moraitis | // internal server error
|
134 | ccd40764 | Markos Gogoulos | '500' : '{% trans "There has been an Internal Error. Our administrators have been notified." %}',
|
135 | ccd40764 | Markos Gogoulos | // service unavailable
|
136 | ccd40764 | Markos Gogoulos | '501' : '{% trans "This server has not been implemented yet." %}',
|
137 | eae0a59a | Dimitris Moraitis | // service unavailable
|
138 | f533f224 | Vangelis Koukis | '502' : '{% trans "Bad Gateway error." %}',
|
139 | f533f224 | Vangelis Koukis | // service unavailable
|
140 | a5093da5 | Markos Gogoulos | '503' : '{% trans "This service is unavailable right now, please try again later." %}',
|
141 | 80a8f602 | Christodoulos Psaltis | // no server handshake
|
142 | 80a8f602 | Christodoulos Psaltis | '0' : '{% trans "Could not contact the server." %}',
|
143 | e2ccad35 | Dimitris Moraitis | // no images found
|
144 | 146b6003 | Dimitris Moraitis | 'NO_IMAGES' : '{% trans "Cannot show the Create machine wizard: No images found." %}',
|
145 | e2ccad35 | Dimitris Moraitis | // no flavors found
|
146 | f533f224 | Vangelis Koukis | 'NO_FLAVORS' : '{% trans "Cannot show the Create machine wizard: No machine configurations found." %}',
|
147 | f533f224 | Vangelis Koukis | // error box title
|
148 | f533f224 | Vangelis Koukis | 'GENERIC_POPUP_HEADER' : '{% trans "Something seems to have gone wrong :( Here is what happened:" %}',
|
149 | f533f224 | Vangelis Koukis | // no advanced details
|
150 | f533f224 | Vangelis Koukis | 'NO_DETAILS' : '{% trans "Νο advanced details provided" %}'
|
151 | eae0a59a | Dimitris Moraitis | };
|
152 | f533f224 | Vangelis Koukis | |
153 | eae0a59a | Dimitris Moraitis | var SUCCESS = {
|
154 | f533f224 | Vangelis Koukis | 'HEADER' : '{% trans "Success" %}',
|
155 | 146b6003 | Dimitris Moraitis | 'DEFAULT' : '{% trans "Your request has been succefully executed." %}',
|
156 | f533f224 | Vangelis Koukis | 'PASSWORD' : '{% trans "Password:" %}',
|
157 | aa0801aa | Markos Gogoulos | 'CREATE_VM_SUCCESS' : '{% trans "Success" %}',
|
158 | f533f224 | Vangelis Koukis | 'CREATE_VM_SUCCESS_ONE' : '{% trans "Your new machine is now buidling... (this might take a few minutes)" %}',
|
159 | def71253 | Markos Gogoulos | 'CREATE_VM_SUCCESS_TWO' : '{% trans "Write down your password now:" %}',
|
160 | f533f224 | Vangelis Koukis | 'CREATE_VM_SUCCESS_THREE' : '{% trans "You will need this later to connect to your machine." %}',
|
161 | f533f224 | Vangelis Koukis | 'CREATE_VM_SUCCESS_FOUR' : '{% trans "After closing this window you will NOT be able to retrieve it again." %}'
|
162 | eae0a59a | Dimitris Moraitis | };
|
163 | f533f224 | Vangelis Koukis | |
164 | b495fe50 | Mike Muzurakis | var VARIOUS = {
|
165 | b495fe50 | Mike Muzurakis | 'CONFIRM' : '{% trans "Confirm" %}',
|
166 | 372f6c81 | Mike Muzurakis | 'CANCEL' : '{% trans "Cancel" %}',
|
167 | d6872a51 | Christodoulos Psaltis | 'APPLY' : '{% trans "Apply" %}',
|
168 | d6872a51 | Christodoulos Psaltis | 'OFF' : '{% trans "Off" %}',
|
169 | d6872a51 | Christodoulos Psaltis | 'ON' : '{% trans "On" %}'
|
170 | b495fe50 | Mike Muzurakis | };
|
171 | b495fe50 | Mike Muzurakis | |
172 | f533f224 | Vangelis Koukis | // ajax error checking
|
173 | 038383b1 | Dimitris Moraitis | function ajax_error(status, serverID, action, responseText) {
|
174 | 716c3ead | Dimitris Moraitis | // close existing overlays to begin with
|
175 | a226ff9f | Christodoulos Psaltis | close_all_overlays();
|
176 | 716c3ead | Dimitris Moraitis | // clear old deferred calls (stops all auto-updates)
|
177 | 716c3ead | Dimitris Moraitis | clearTimeout(deferred);
|
178 | a226ff9f | Christodoulos Psaltis | |
179 | def71253 | Markos Gogoulos | $('#error-success').addClass('error');
|
180 | def71253 | Markos Gogoulos | $('#error-success').removeClass('success');
|
181 | a226ff9f | Christodoulos Psaltis | |
182 | 038383b1 | Dimitris Moraitis | var serverName = '';
|
183 | f533f224 | Vangelis Koukis | |
184 | 4ea5cc44 | Mike Muzurakis | if (serverID !== undefined) {
|
185 | a8e592c7 | Dimitris Moraitis | // standard view
|
186 | 4ea5cc44 | Mike Muzurakis | serverName = $("#" + serverID).find("span.name").text();
|
187 | 4ea5cc44 | Mike Muzurakis | if (serverName === "") { // list view
|
188 | 4ea5cc44 | Mike Muzurakis | serverName = $("#" + serverID).parent().parent().find("span.name").text();
|
189 | a8e592c7 | Dimitris Moraitis | }
|
190 | 038383b1 | Dimitris Moraitis | }
|
191 | f533f224 | Vangelis Koukis | |
192 | 42f67a2a | Dimitris Moraitis | // prepare the error message
|
193 | 146b6003 | Dimitris Moraitis | $("#error-success h3").text(ERRORS['HEADER']);
|
194 | 4ea5cc44 | Mike Muzurakis | if (responseText !== undefined) {
|
195 | f533f224 | Vangelis Koukis | var errors = parse_error(responseText, status), details = '';
|
196 | 4ea5cc44 | Mike Muzurakis | if (serverName) {
|
197 | 4ea5cc44 | Mike Muzurakis | serverName = "<p>{% trans "Server" %}: " + serverName + "</p>";
|
198 | 038383b1 | Dimitris Moraitis | }
|
199 | 0e8e87ac | Kostas Papadimitriou | |
200 | 4ea5cc44 | Mike Muzurakis | if ((errors[0].details === undefined) || (errors[0].details === "")) {
|
201 | f533f224 | Vangelis Koukis | details = ERRORS["NO_DETAILS"];
|
202 | 0e8e87ac | Kostas Papadimitriou |
|
203 | 0e8e87ac | Kostas Papadimitriou | // if no details message show debug info
|
204 | 0e8e87ac | Kostas Papadimitriou | if (window.APP_DEBUG) {
|
205 | 0e8e87ac | Kostas Papadimitriou | details = responseText;
|
206 | 0e8e87ac | Kostas Papadimitriou | try {
|
207 | 0e8e87ac | Kostas Papadimitriou | console.trace();
|
208 | 0e8e87ac | Kostas Papadimitriou | } catch (err) {
|
209 | 0e8e87ac | Kostas Papadimitriou | }
|
210 | 0e8e87ac | Kostas Papadimitriou | }
|
211 | f533f224 | Vangelis Koukis | } else {
|
212 | f533f224 | Vangelis Koukis | details = errors[0].details;
|
213 | a8e592c7 | Dimitris Moraitis | }
|
214 | f533f224 | Vangelis Koukis | |
215 | f533f224 | Vangelis Koukis | $("#error-success .machine-now-building").html(ERRORS["GENERIC_POPUP_HEADER"]);
|
216 | f533f224 | Vangelis Koukis | $("#error-success .popup-header").addClass("popup-header-error");
|
217 | f533f224 | Vangelis Koukis | $("#error-success").addClass("popup-border-error");
|
218 | f533f224 | Vangelis Koukis | $("#error-success .password-container").hide();
|
219 | f533f224 | Vangelis Koukis | $("#error-success .popup-details").addClass("popup-details-error");
|
220 | f533f224 | Vangelis Koukis | $("#error-success .popup-separator").addClass("popup-separator-error");
|
221 | 0e8e87ac | Kostas Papadimitriou | $("#error-success .popup-details").html("<p>" +
|
222 | 0e8e87ac | Kostas Papadimitriou | (errors[0].message || ERRORS[errors[0].code] || serverID) +
|
223 | 0e8e87ac | Kostas Papadimitriou | "</p>" + serverName + "<p>{% trans "Action" %}:" +
|
224 | 0e8e87ac | Kostas Papadimitriou | action + "</p><p>{% trans "Code" %}: " + errors[0].code +
|
225 | 0e8e87ac | Kostas Papadimitriou | "<p><a class='expand-details' href='#'>{% trans 'Details' %}</a><div class='more-details'>" +
|
226 | 0e8e87ac | Kostas Papadimitriou | details + "</div></p>");
|
227 | 0e8e87ac | Kostas Papadimitriou | |
228 | 4ea5cc44 | Mike Muzurakis | } else if (ERRORS[status] !== undefined) {
|
229 | 4ea5cc44 | Mike Muzurakis | if (serverID === undefined) {
|
230 | 7020cb54 | Markos Gogoulos | //eg no_images, no_flavors cases
|
231 | 7020cb54 | Markos Gogoulos | $("#error-success .machine-now-building").html(ERRORS["GENERIC_POPUP_HEADER"]);
|
232 | 7020cb54 | Markos Gogoulos | $("#error-success .popup-header").addClass("popup-header-error");
|
233 | 7020cb54 | Markos Gogoulos | $("#error-success").addClass("popup-border-error");
|
234 | 7020cb54 | Markos Gogoulos | $("#error-success .password-container").hide();
|
235 | 7020cb54 | Markos Gogoulos | $("#error-success .popup-details").addClass("popup-details-error");
|
236 | 7020cb54 | Markos Gogoulos | $("#error-success .popup-separator").addClass("popup-separator-error");
|
237 | 4ea5cc44 | Mike Muzurakis | $("#error-success .popup-details").html("<p>" + ERRORS[status] + "</p>");
|
238 | e1a023a6 | Markos Gogoulos | } else {
|
239 | 1532343a | Markos Gogoulos | $("#error-success .machine-now-building").html(ERRORS["GENERIC_POPUP_HEADER"]);
|
240 | 1532343a | Markos Gogoulos | $("#error-success .popup-header").addClass("popup-header-error");
|
241 | 1532343a | Markos Gogoulos | $("#error-success").addClass("popup-border-error");
|
242 | 1532343a | Markos Gogoulos | $("#error-success .password-container").hide();
|
243 | 1532343a | Markos Gogoulos | $("#error-success .popup-details").addClass("popup-details-error");
|
244 | 1532343a | Markos Gogoulos | $("#error-success .popup-separator").addClass("popup-separator-error");
|
245 | 4ea5cc44 | Mike Muzurakis | $("#error-success .popup-details").html("<p>" + ERRORS[status] + "</p><p>" + serverName + "</p>");
|
246 | e1a023a6 | Markos Gogoulos | }
|
247 | eae0a59a | Dimitris Moraitis | } else {
|
248 | 266597ae | Markos Gogoulos | $("#error-success .machine-now-building").html(ERRORS["DEFAULT"]);
|
249 | 4ea5cc44 | Mike Muzurakis | $("#error-success .popup-header").addClass("popup-header-error");
|
250 | 4ea5cc44 | Mike Muzurakis | $("#error-success").addClass("popup-border-error");
|
251 | 4ea5cc44 | Mike Muzurakis | $("#error-success .password-container").hide();
|
252 | 266597ae | Markos Gogoulos | $("#error-success .popup-details").hide();
|
253 | 266597ae | Markos Gogoulos | $("#error-success .popup-separator").hide();
|
254 | f533f224 | Vangelis Koukis | }
|
255 | 4ea5cc44 | Mike Muzurakis | $("#error-success p:first").css("padding-bottom", "10px");
|
256 | 4ea5cc44 | Mike Muzurakis | $("#error-success p:first").css("color", "#800000");
|
257 | f533f224 | Vangelis Koukis | $("#error-success div.more-details").hide();
|
258 | 4ea5cc44 | Mike Muzurakis | $("#error-success a.expand-details").live('click', function () {
|
259 | f533f224 | Vangelis Koukis | $(this).parent().parent().find("div.more-details").slideToggle(600);
|
260 | f533f224 | Vangelis Koukis | return false;
|
261 | 4ea5cc44 | Mike Muzurakis | });
|
262 | f533f224 | Vangelis Koukis | //stop the progress icon and hide the wizard
|
263 | 4ea5cc44 | Mike Muzurakis | if (action !== undefined) {
|
264 | 4ea5cc44 | Mike Muzurakis | if (action === 'Create VM') {
|
265 | f533f224 | Vangelis Koukis | $('#wizard #start').text('{% trans "Create VM" %}');
|
266 | f533f224 | Vangelis Koukis | $("#wizard").hide();
|
267 | 4ea5cc44 | Mike Muzurakis | } else if (action === 'Create network') {
|
268 | f533f224 | Vangelis Koukis | $('#networks-wizard').hide();
|
269 | 4ea5cc44 | Mike Muzurakis | } else if (action === 'Add server to network') {
|
270 | f533f224 | Vangelis Koukis | $('#add-machines-wizard').hide();
|
271 | f533f224 | Vangelis Koukis | }
|
272 | eae0a59a | Dimitris Moraitis | }
|
273 | f533f224 | Vangelis Koukis | |
274 | 42f67a2a | Dimitris Moraitis | // bring up error notification
|
275 | 42f67a2a | Dimitris Moraitis | var triggers = $("a#notification").overlay({
|
276 | 42f67a2a | Dimitris Moraitis | // some mask tweaks suitable for modal dialogs
|
277 | 716c3ead | Dimitris Moraitis | mask: '#666',
|
278 | 42f67a2a | Dimitris Moraitis | top: 'center',
|
279 | 42f67a2a | Dimitris Moraitis | closeOnClick: false,
|
280 | 42f67a2a | Dimitris Moraitis | oneInstance: false,
|
281 | 42f67a2a | Dimitris Moraitis | load: false,
|
282 | 4ea5cc44 | Mike Muzurakis | onClose: function () {
|
283 | 716c3ead | Dimitris Moraitis | // refresh the whole page
|
284 | 716c3ead | Dimitris Moraitis | location.reload();
|
285 | 42f67a2a | Dimitris Moraitis | }
|
286 | 42f67a2a | Dimitris Moraitis | });
|
287 | a226ff9f | Christodoulos Psaltis | |
288 | 716c3ead | Dimitris Moraitis | // we need to give the browser some time to close the old overlays before opening the new one
|
289 | 716c3ead | Dimitris Moraitis | setTimeout("$('a#notification').data('overlay').load()",400);
|
290 | 42f67a2a | Dimitris Moraitis | return false;
|
291 | 42f67a2a | Dimitris Moraitis | }
|
292 | f533f224 | Vangelis Koukis | |
293 | 42f67a2a | Dimitris Moraitis | // ajax success checking
|
294 | 146b6003 | Dimitris Moraitis | function ajax_success(status, password) {
|
295 | 42f67a2a | Dimitris Moraitis | // prepare the error message
|
296 | 42f67a2a | Dimitris Moraitis | // bring up success notification
|
297 | def71253 | Markos Gogoulos | $('#error-success').addClass('success');
|
298 | def71253 | Markos Gogoulos | $('#error-success').removeClass('error');
|
299 | 4ea5cc44 | Mike Muzurakis | if (status !== undefined && SUCCESS[status]) {
|
300 | 4ea5cc44 | Mike Muzurakis | if (password !== undefined && status === "CREATE_VM_SUCCESS") {
|
301 | f533f224 | Vangelis Koukis | |
302 | f533f224 | Vangelis Koukis | //stop the progress icon and hide the wizard
|
303 | f533f224 | Vangelis Koukis | $('#wizard #start').text('{% trans "Create VM" %}');
|
304 | f533f224 | Vangelis Koukis | $("#wizard").hide();
|
305 | f533f224 | Vangelis Koukis | |
306 | 97b6ee61 | Markos Gogoulos | $("#error-success h3 span.header-box").text(SUCCESS[status]);
|
307 | f533f224 | Vangelis Koukis | var CREATE_VM_SUCCESS_MSG = SUCCESS["CREATE_VM_SUCCESS_THREE"] + '<br / >'
|
308 | f533f224 | Vangelis Koukis | + SUCCESS["CREATE_VM_SUCCESS_FOUR"];
|
309 | f533f224 | Vangelis Koukis | $("#error-success div.machine-now-building").html(SUCCESS["CREATE_VM_SUCCESS_ONE"]);
|
310 | f533f224 | Vangelis Koukis | $("#error-success .popup-header").removeClass("popup-header-error");
|
311 | f533f224 | Vangelis Koukis | $("#error-success").removeClass("popup-border-error");
|
312 | f533f224 | Vangelis Koukis | $("#error-success .popup-details").removeClass("popup-details-error");
|
313 | f533f224 | Vangelis Koukis | $("#error-success .popup-separator").removeClass("popup-separator-error");
|
314 | f533f224 | Vangelis Koukis | $("#error-success .password-container").show();
|
315 | def71253 | Markos Gogoulos | |
316 | 4ea5cc44 | Mike Muzurakis | $("#error-success .popup-details").html("</div><div class=\"write-password-details\">" + CREATE_VM_SUCCESS_MSG + "</div>");
|
317 | 4ea5cc44 | Mike Muzurakis | $("#error-success div.password").html("<div class=\"write-password\">" + SUCCESS["CREATE_VM_SUCCESS_TWO"] + "<div class=\"write-password-password\">" + password + "</div></div>");
|
318 | f533f224 | Vangelis Koukis | //$("#error-success div.write-password").html(SUCCESS["CREATE_VM_SUCCESS_TWO"]);
|
319 | f533f224 | Vangelis Koukis | //$("#error-success div.write-password-details").html(CREATE_VM_SUCCESS_MSG);
|
320 | 8550e831 | Markos Gogoulos | } else {
|
321 | 8550e831 | Markos Gogoulos | $("#error-success h3").text(SUCCESS['HEADER']);
|
322 | f533f224 | Vangelis Koukis | $("#error-success div.popup-body-inner").text("<p>" + SUCCESS[status] + "</p>");
|
323 | 8550e831 | Markos Gogoulos | }
|
324 | 8550e831 | Markos Gogoulos | } else {
|
325 | 8550e831 | Markos Gogoulos | $("#error-success h3").text(SUCCESS['HEADER']);
|
326 | f533f224 | Vangelis Koukis | $("#error-success div.popup-body-inner").html("<p>" + SUCCESS['DEFAULT'] + "</p>");
|
327 | 8550e831 | Markos Gogoulos | }
|
328 | 8550e831 | Markos Gogoulos | |
329 | 42f67a2a | Dimitris Moraitis | var triggers = $("a#notification").overlay({
|
330 | 42f67a2a | Dimitris Moraitis | // some mask tweaks suitable for modal dialogs
|
331 | 716c3ead | Dimitris Moraitis | mask: '#666',
|
332 | 42f67a2a | Dimitris Moraitis | top: 'center',
|
333 | 42f67a2a | Dimitris Moraitis | closeOnClick: false,
|
334 | 42f67a2a | Dimitris Moraitis | oneInstance: false,
|
335 | 42f67a2a | Dimitris Moraitis | load: false,
|
336 | 4ea5cc44 | Mike Muzurakis | onClose: function () {
|
337 | e5b0ba20 | Vangelis Koukis | // With partial refresh working properly,
|
338 | e5b0ba20 | Vangelis Koukis | // it is no longer necessary to refresh the whole page
|
339 | e5b0ba20 | Vangelis Koukis | // choose_view();
|
340 | 42f67a2a | Dimitris Moraitis | }
|
341 | 42f67a2a | Dimitris Moraitis | });
|
342 | 42f67a2a | Dimitris Moraitis | $("a#notification").data('overlay').load();
|
343 | 42f67a2a | Dimitris Moraitis | return false;
|
344 | 42f67a2a | Dimitris Moraitis | }
|
345 | 42f67a2a | Dimitris Moraitis | </script>
|
346 | cc7c5902 | Dimitris Moraitis | </head>
|
347 | cc7c5902 | Dimitris Moraitis | <body>
|
348 | f533f224 | Vangelis Koukis | <div id="container"> |
349 | 3b363b8e | Christodoulos Psaltis | <div id='header'> |
350 | 3f545a3e | Kostas Papadimitriou | <div id='user'> |
351 | ce88aad7 | Kostas Papadimitriou | <div class="usermenu"> |
352 | 3f545a3e | Kostas Papadimitriou | <div class="username">{{ request.user.uniq }}</div> |
353 | ce88aad7 | Kostas Papadimitriou | <ul class="useractions"> |
354 | 315528a2 | Kostas Papadimitriou | <li class="invitations"><a class="action" href="#">{% trans "Invitations" %}</a></li> |
355 | 315528a2 | Kostas Papadimitriou | <li class="logout last"><a class="action" href="#">{% trans "logout" %}</a></li> |
356 | ce88aad7 | Kostas Papadimitriou | </ul>
|
357 | ce88aad7 | Kostas Papadimitriou | </div>
|
358 | ce88aad7 | Kostas Papadimitriou | <div class="langmenu"> |
359 | 2641e76c | Kostas Papadimitriou | <a class="current_lang">en</a> |
360 | 2641e76c | Kostas Papadimitriou | {% comment %} |
361 | f533f224 | Vangelis Koukis | {% get_available_languages as LANGUAGES %} |
362 | f533f224 | Vangelis Koukis | {% for lang in LANGUAGES %} |
363 | 2641e76c | Kostas Papadimitriou | <a {% if == lang.0 %}class="current_lang" {% else %} href="/lang/?l={{lang.0}}" {% endif %}>{{lang.0}}</a> |
364 | ce88aad7 | Kostas Papadimitriou | {% if not forloop.last %}<span class="sep">~</span>{% endif %} |
365 | ce88aad7 | Kostas Papadimitriou | {% endfor %} |
366 | 2641e76c | Kostas Papadimitriou | {% endcomment %} |
367 | ce88aad7 | Kostas Papadimitriou | </div>
|
368 | f533f224 | Vangelis Koukis | </div>
|
369 | f533f224 | Vangelis Koukis | <div class="header-logo"> |
370 | f533f224 | Vangelis Koukis | <a href="/"> |
371 | f533f224 | Vangelis Koukis | <img src="static/okeanos.png" alt="okeanos"/> |
372 | f533f224 | Vangelis Koukis | </a>
|
373 | f533f224 | Vangelis Koukis | </div>
|
374 | cc7c5902 | Dimitris Moraitis | </div>
|
375 | f533f224 | Vangelis Koukis | <div id="content"> |
376 | f533f224 | Vangelis Koukis | <div id="wrapper"> |
377 | f533f224 | Vangelis Koukis | <!-- tabs -->
|
378 | f533f224 | Vangelis Koukis | <div class="tab-name">{% trans "machines" %}</div> |
379 | f533f224 | Vangelis Koukis | <div class="tab-separator"></div> |
380 | f533f224 | Vangelis Koukis | <ul class="css-tabs"> |
381 | f533f224 | Vangelis Koukis | <li><a href="machines" title="{% trans "manage virtual " %}" class="primary" id="machines"> |
382 | f533f224 | Vangelis Koukis | <img src="static/machines-icon.png" /></a></li><div class="tab-separator"></div> |
383 | f533f224 | Vangelis Koukis | <li><a href="networks" title="{% trans "configure " %}" class="primary" id="networks"> |
384 | f533f224 | Vangelis Koukis | <img src="static/networks-icon.png" /></a></li><div class="tab-separator"></div> |
385 | f533f224 | Vangelis Koukis | <li><a href="disks" title="{% trans "manage storage " %}" class="primary" id="disks"> |
386 | f533f224 | Vangelis Koukis | <img src="static/disks-icon.png" /></a></li> |
387 | f533f224 | Vangelis Koukis | </ul>
|
388 | f533f224 | Vangelis Koukis | <div class="css-panes"> |
389 | e4f32f27 | Mike Muzurakis | <div id="machines-pane" class="pane" style="display:block;"></div> |
390 | e4f32f27 | Mike Muzurakis | <div id="networks-pane" class="pane"></div> |
391 | f533f224 | Vangelis Koukis | <div id="disks-pane" class="pane"></div> |
392 | f533f224 | Vangelis Koukis | </div>
|
393 | f533f224 | Vangelis Koukis | </div>
|
394 | cc7c5902 | Dimitris Moraitis | </div>
|
395 | f533f224 | Vangelis Koukis | {% include "footer.html" %} |
396 | cc7c5902 | Dimitris Moraitis | </div>
|
397 | f533f224 | Vangelis Koukis | |
398 | cc7c5902 | Dimitris Moraitis | <!-- activate tabs with JavaScript -->
|
399 | cc7c5902 | Dimitris Moraitis | <script>
|
400 | f533f224 | Vangelis Koukis | |
401 | cc7c5902 | Dimitris Moraitis | $(function() {
|
402 | 87a29449 | Dimitris Moraitis | // check pane cookie to select the initial pane
|
403 | 87a29449 | Dimitris Moraitis | var initial = 0, pane = $.cookie("pane");
|
404 | 87a29449 | Dimitris Moraitis | if (pane > 0)
|
405 | 87a29449 | Dimitris Moraitis | initial = pane;
|
406 | 87a29449 | Dimitris Moraitis | //alert(initial);
|
407 | f533f224 | Vangelis Koukis | $("ul.css-tabs").tabs("div.css-panes div.pane", {
|
408 | 87a29449 | Dimitris Moraitis | initialIndex: initial,
|
409 | f533f224 | Vangelis Koukis | onBeforeClick: function(event, i) {
|
410 | d60645d2 | Mike Muzurakis | this.getPanes().children().remove();
|
411 | f533f224 | Vangelis Koukis | // get the pane to be opened
|
412 | f533f224 | Vangelis Koukis | var pane = this.getPanes().eq(i);
|
413 | f533f224 | Vangelis Koukis | //change the displaying title
|
414 | f533f224 | Vangelis Koukis | $(".tab-name").text(this.getTabs().eq(i).attr("href"));
|
415 | f533f224 | Vangelis Koukis | // load it with a page specified in the tab's href attribute
|
416 | 4ea5cc44 | Mike Muzurakis | pane.load(this.getTabs().eq(i).attr("href"),function() {if (!i) {choose_view()}});
|
417 | f533f224 | Vangelis Koukis | }
|
418 | f533f224 | Vangelis Koukis | });
|
419 | cc7c5902 | Dimitris Moraitis | });
|
420 | f459a610 | Christodoulos Psaltis | |
421 | 87a29449 | Dimitris Moraitis | // set pane cookie whenever the user clicks on a different pane
|
422 | 4ea5cc44 | Mike Muzurakis | $("ul.css-tabs a").click(function(i) {
|
423 | 87a29449 | Dimitris Moraitis | $.cookie("pane", $("ul.css-tabs a").index(this));
|
424 | 87a29449 | Dimitris Moraitis | });
|
425 | f459a610 | Christodoulos Psaltis | |
426 | f533f224 | Vangelis Koukis | //change menu title on hover
|
427 | f533f224 | Vangelis Koukis | $("ul.css-tabs li").hover(
|
428 | f533f224 | Vangelis Koukis | function () {
|
429 | f533f224 | Vangelis Koukis | if ($(this).find("a.current").length == 0) {
|
430 | f533f224 | Vangelis Koukis | $(this).parent().parent().find(".tab-name").text($(this).find("a").attr("href"));
|
431 | f533f224 | Vangelis Koukis | }
|
432 | f533f224 | Vangelis Koukis | },
|
433 | f533f224 | Vangelis Koukis | function () {
|
434 | f533f224 | Vangelis Koukis | $(this).parent().parent().find(".tab-name").text($(this).parent().find("a.current").attr("href"));
|
435 | f533f224 | Vangelis Koukis | }
|
436 | f533f224 | Vangelis Koukis | );
|
437 | 1293d3ed | Mike Muzurakis | |
438 | d681d3a6 | Mike Muzurakis | //load opera css fixes
|
439 | d681d3a6 | Mike Muzurakis | if ($.browser.opera) {
|
440 | d681d3a6 | Mike Muzurakis | $("<link/>", {
|
441 | d681d3a6 | Mike Muzurakis | rel: "stylesheet",
|
442 | d681d3a6 | Mike Muzurakis | type: "text/css",
|
443 | d681d3a6 | Mike Muzurakis | href: "static/opera.css"
|
444 | d681d3a6 | Mike Muzurakis | }).appendTo("head");
|
445 | d681d3a6 | Mike Muzurakis | }
|
446 | ce88aad7 | Kostas Papadimitriou | |
447 | ce88aad7 | Kostas Papadimitriou | $(document).ready(function(){
|
448 | 19e01943 | Kostas Papadimitriou | // user menu interaction
|
449 | ce88aad7 | Kostas Papadimitriou | var resetUserMenu = function() {
|
450 | ce88aad7 | Kostas Papadimitriou | $(this).removeClass("hovered");
|
451 | ce88aad7 | Kostas Papadimitriou | $(this).removeClass("active");
|
452 | ce88aad7 | Kostas Papadimitriou | }
|
453 | ce88aad7 | Kostas Papadimitriou | $(".usermenu").live("click", function(){
|
454 | ce88aad7 | Kostas Papadimitriou | $(this).addClass("active");
|
455 | ce88aad7 | Kostas Papadimitriou | });
|
456 | ce88aad7 | Kostas Papadimitriou | $(".usermenu").bind('mouseleave', resetUserMenu);
|
457 | ce88aad7 | Kostas Papadimitriou | $(".usermenu").live("mouseover", function(){
|
458 | ce88aad7 | Kostas Papadimitriou | $(this).addClass("hovered");
|
459 | ce88aad7 | Kostas Papadimitriou | });
|
460 | af6fc929 | Kostas Papadimitriou | |
461 | 0e03566f | Kostas Papadimitriou | $(".usermenu li").mouseenter(function(){$(this).addClass("hovered")})
|
462 | 0e03566f | Kostas Papadimitriou | $(".usermenu li").mouseleave(function(){$(this).removeClass("hovered")});
|
463 | 0e03566f | Kostas Papadimitriou | |
464 | af6fc929 | Kostas Papadimitriou | // bind menu actions
|
465 | af6fc929 | Kostas Papadimitriou | $(".usermenu .logout").click(function() {
|
466 | af6fc929 | Kostas Papadimitriou | user_session_logout();
|
467 | af6fc929 | Kostas Papadimitriou | });
|
468 | 29772683 | Kostas Papadimitriou | |
469 | 19e01943 | Kostas Papadimitriou | $(".usermenu .invitations").click(show_invitations);
|
470 | 19e01943 | Kostas Papadimitriou |
|
471 | ce88aad7 | Kostas Papadimitriou | });
|
472 | cc7c5902 | Dimitris Moraitis | </script>
|
473 | b495fe50 | Mike Muzurakis | <!-- base notification for error/success reporting -->
|
474 | b495fe50 | Mike Muzurakis | <a id="notification" rel="#error-success" href="#"></a> |
475 | 29772683 | Kostas Papadimitriou | <a id="msgbox" rel="#notification-box" href="#"></a> |
476 | b495fe50 | Mike Muzurakis | |
477 | b495fe50 | Mike Muzurakis | <div class="modal" id="error-success"> |
478 | b495fe50 | Mike Muzurakis | <h3 class="popup-header"> |
479 | b495fe50 | Mike Muzurakis | <span class="header-box"></span> |
480 | b495fe50 | Mike Muzurakis | </h3>
|
481 | b495fe50 | Mike Muzurakis | <div class="popup-body"> |
482 | b495fe50 | Mike Muzurakis | <div class="popup-body-inner"> |
483 | b495fe50 | Mike Muzurakis | <div class="machine-now-building"></div> |
484 | b495fe50 | Mike Muzurakis | <div class="popup-separator"></div> |
485 | b495fe50 | Mike Muzurakis | <div class="password-container"> |
486 | b495fe50 | Mike Muzurakis | <div class="password-header"></div> |
487 | b495fe50 | Mike Muzurakis | <div class="password"></div> |
488 | b495fe50 | Mike Muzurakis | </div>
|
489 | b495fe50 | Mike Muzurakis | <div class="popup-details"> |
490 | b495fe50 | Mike Muzurakis | <div class="write-password"></div> |
491 | b495fe50 | Mike Muzurakis | <div class="write-password-details">{% trans "More details about the result"%}</div> |
492 | b495fe50 | Mike Muzurakis | </div>
|
493 | b495fe50 | Mike Muzurakis | </div>
|
494 | b495fe50 | Mike Muzurakis | </div>
|
495 | b495fe50 | Mike Muzurakis | </div>
|
496 | 29772683 | Kostas Papadimitriou | |
497 | 29772683 | Kostas Papadimitriou | <div class="modal" id="notification-box"> |
498 | 29772683 | Kostas Papadimitriou | <h3 class="popup-header"> |
499 | 29772683 | Kostas Papadimitriou | <span class="header-box"></span> |
500 | 29772683 | Kostas Papadimitriou | </h3>
|
501 | 29772683 | Kostas Papadimitriou | <div class="popup-body"> |
502 | 29772683 | Kostas Papadimitriou | <div class="popup-body-inner"> |
503 | 29772683 | Kostas Papadimitriou | <div class="machine-now-building"></div> |
504 | 29772683 | Kostas Papadimitriou | <div class="popup-separator"></div> |
505 | 29772683 | Kostas Papadimitriou | <div class="password-container"> |
506 | 29772683 | Kostas Papadimitriou | <div class="password"></div> |
507 | 29772683 | Kostas Papadimitriou | </div>
|
508 | bdf369a2 | Kostas Papadimitriou | <div class="sub-text"></div> |
509 | 29772683 | Kostas Papadimitriou | </div>
|
510 | 29772683 | Kostas Papadimitriou | </div>
|
511 | 29772683 | Kostas Papadimitriou | </div>
|
512 | cc7c5902 | Dimitris Moraitis | </body>
|
513 | cc7c5902 | Dimitris Moraitis | </html> |