Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / templates / home.html @ 4c69d744

History | View | Annotate | Download (33.3 kB)

1 8d08f18a Kostas Papadimitriou
<!doctype html>
2 4ea5cc44 Mike Muzurakis
<html>
3 4ea5cc44 Mike Muzurakis
4 d7f0ad6e provetza
{% load i18n %}
5 cc7c5902 Dimitris Moraitis
<head>
6 9d889386 Olga Brani
    <title>{{ BRANDING_SERVICE_NAME }}</title>
7 4a57745c Kostas Papadimitriou
    
8 8d08f18a Kostas Papadimitriou
    <!--<meta http-equiv="X-UA-Compatible" content="IE=7">-->
9 4a57745c Kostas Papadimitriou
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
10 12d01aa2 Kostas Papadimitriou
    
11 12d01aa2 Kostas Papadimitriou
    {% if SYNNEFO_FONTS_BASE_URL %}
12 12d01aa2 Kostas Papadimitriou
    <link href="{{ SYNNEFO_FONTS_BASE_URL }}css?family=Ubuntu&subset=latin,greek" 
13 12d01aa2 Kostas Papadimitriou
          rel="stylesheet" type="text/css" >
14 12d01aa2 Kostas Papadimitriou
    <link href='{{ SYNNEFO_FONTS_BASE_URL }}css?family=Open+Sans&subset=latin,greek' 
15 12d01aa2 Kostas Papadimitriou
          rel='stylesheet' type='text/css'>
16 12d01aa2 Kostas Papadimitriou
    {% endif %}
17 8d08f18a Kostas Papadimitriou
18 9d889386 Olga Brani
    <link rel="shortcut icon" href="{{ BRANDING_FAVICON_URL }}" />
19 fbeba614 Kostas Papadimitriou
20 8d08f18a Kostas Papadimitriou
    {% comment %}
21 8d08f18a Kostas Papadimitriou
    <script type="text/javascript" src="{% url javascript_catalog %}"></script> 
22 8d08f18a Kostas Papadimitriou
    {% endcomment %}
23 19e01943 Kostas Papadimitriou
24 209a38bc Kostas Papadimitriou
    <link rel="stylesheet" type="text/css" 
25 209a38bc Kostas Papadimitriou
          href="{{ SYNNEFO_CSS_URL }}main.css?v={{ SYNNEFO_JS_LIB_VERSION }}"/>
26 5fe07577 Kostas Papadimitriou
27 8d08f18a Kostas Papadimitriou
    <!--[if IE]>
28 1d9e9a43 Kostas Papadimitriou
        <style type="text/css" media="all">@import url({{ SYNNEFO_CSS_URL }}ie.css?v={{ SYNNEFO_JS_LIB_VERSION }});</style>
29 8d08f18a Kostas Papadimitriou
    <![endif]-->
30 4954661a Kostas Papadimitriou
    <!--[if (lte IE 8)]>
31 1d9e9a43 Kostas Papadimitriou
        <style type="text/css" media="all">@import url({{ SYNNEFO_CSS_URL }}ie8.css?v={{ SYNNEFO_JS_LIB_VERSION }});</style>
32 4954661a Kostas Papadimitriou
    <![endif]-->
33 5fe07577 Kostas Papadimitriou
    <!--[if (lte IE 7)]>
34 1d9e9a43 Kostas Papadimitriou
        <style type="text/css" media="all">@import url({{ SYNNEFO_CSS_URL }}ie7.css?v={{ SYNNEFO_JS_LIB_VERSION }});</style>
35 5fe07577 Kostas Papadimitriou
    <![endif]-->
36 8d08f18a Kostas Papadimitriou
37 209a38bc Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}jquery-1.7.2.js"></script>
38 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}jquery.cookie.js"></script>
39 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}jquery.client.js"></script>
40 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}jquery.tools.min.js"></script>
41 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}jquery.dataTables.min.js"></script>
42 1e827d67 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}jquery.pagination.js"></script>
43 35584d80 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}jquery.zclip.js"></script>
44 e97e7c44 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}jquery.base64.js"></script>
45 209a38bc Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}rivets.js"></script>
46 209a38bc Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}filereader.js"></script>
47 209a38bc Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}filesaver.js"></script>
48 8d08f18a Kostas Papadimitriou
49 23a3bb8e Kostas Papadimitriou
50 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}underscore.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
51 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}underscore.string.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
52 209a38bc Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}rivets.conf.js"></script>
53 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}backbone.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
54 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}json2.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
55 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}stacktrace.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
56 209a38bc Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}backbone-filtered-collection.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
57 23a3bb8e Kostas Papadimitriou
58 8e701482 Kostas Papadimitriou
    <!--[if (lt IE 7)]>
59 1d9e9a43 Kostas Papadimitriou
        <script src="{{ SYNNEFO_JS_LIB_URL }}selectivizr.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
60 8d08f18a Kostas Papadimitriou
    <! [endif] -->
61 8d08f18a Kostas Papadimitriou
62 8d08f18a Kostas Papadimitriou
    <!--[if IE]>
63 1d9e9a43 Kostas Papadimitriou
        <script src="{{ SYNNEFO_JS_URL }}ui/ie_fixes.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
64 8d08f18a Kostas Papadimitriou
    <![endif]-->
65 1956fd41 Kostas Papadimitriou
    
66 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL }}utils.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
67 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL }}auth.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
68 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL }}quota.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
69 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL }}sync.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
70 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL }}models.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
71 209a38bc Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL }}neutron.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
72 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL }}glance_models.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
73 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL }}views.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
74 209a38bc Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL }}views_ext.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
75 1d9e9a43 Kostas Papadimitriou
76 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_vms_base_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
77 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_model_views.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
78 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_error_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
79 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_icon_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
80 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_single_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
81 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_list_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
82 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_networks_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
83 209a38bc Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_public_keys_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
84 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_disks_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
85 209a38bc Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_ips_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
86 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_metadata_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
87 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_feedback_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
88 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_create_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
89 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_connect_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
90 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_vm_resize_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
91 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_public_keys_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
92 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_custom_images.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
93 1d9e9a43 Kostas Papadimitriou
94 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_router.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
95 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL }}ui_main_view.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
96 8d08f18a Kostas Papadimitriou
97 8d08f18a Kostas Papadimitriou
    <!-- the following views require refactor -->
98 1d9e9a43 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL }}synnefo.js?v={{ SYNNEFO_JS_LIB_VERSION }}"></script>
99 810205e5 Kostas Papadimitriou
    <script>
100 810205e5 Kostas Papadimitriou
        tmp_auth_client = new synnefo.auth.AstakosClient({
101 810205e5 Kostas Papadimitriou
            cookie_name: '{{ auth_cookie_name }}',
102 27738c43 Kostas Papadimitriou
            login_url: {{ login_redirect|safe }}
103 810205e5 Kostas Papadimitriou
        });
104 2d815668 Kostas Papadimitriou
        if (!tmp_auth_client.get_token()) { tmp_auth_client.redirect_to_login(); }
105 810205e5 Kostas Papadimitriou
    </script>
106 4ef604a6 Kostas Papadimitriou
    {{ CLOUDBAR_CODE }}
107 8d08f18a Kostas Papadimitriou
    
108 42f67a2a Dimitris Moraitis
    <script>
109 a657c49e Kostas Papadimitriou
        // empty object for console to avoid errors in browsers that don't support it
110 2b837adf Kostas Papadimitriou
        if (!window.console) {window.console = {}; window.console.log = window.console.info = window.console.debug =
111 2b837adf Kostas Papadimitriou
            window.console.error = function() {}};
112 49772990 Kostas Papadimitriou
        
113 f533f224 Vangelis Koukis
        //populate available image icons array
114 f533f224 Vangelis Koukis
        var os_icons = {{image_icons|safe}};
115 8d08f18a Kostas Papadimitriou
        
116 eae0a59a Dimitris Moraitis
        // timeout value from settings.py
117 f4098dee Kostas Papadimitriou
        var TIMEOUT = {{ timeout }};
118 ec027295 Kostas Papadimitriou
        var TIMEOUTS_OCCURED = 0;
119 0375f6c5 Kostas Papadimitriou
        var SKIP_TIMEOUTS = {{ skip_timeouts }};
120 ec027295 Kostas Papadimitriou
        var UPDATE_INTERVAL = {{ update_interval }};
121 9040e9fe Kostas Papadimitriou
        var APP_DEBUG = {% if DEBUG %}true{% else %}false{% endif %};
122 3c08f055 Kostas Papadimitriou
        var API_OVERLAY_TITLE = "{% trans "API access" %}";
123 9d889386 Olga Brani
        var API_OVERLAY_SUBCONTENT = "{% blocktrans %}The API key provides full access to your <em>{{ BRANDING_SERVICE_NAME}}</em> account, so always keep it private.{% endblocktrans %}";
124 8d08f18a Kostas Papadimitriou

125 8d08f18a Kostas Papadimitriou
        STATE_TEXTS = {
126 8d08f18a Kostas Papadimitriou
            'UNKNOWN': '{% trans "Unknown" %}',
127 8d08f18a Kostas Papadimitriou
            'BUILD':  '{% trans "Building..." %}',
128 8d08f18a Kostas Papadimitriou
            'FIREWALL':  '{% trans "Firewall change..." %}',
129 8d08f18a Kostas Papadimitriou
            'REBOOT': '{% trans "Rebooting..." %}',
130 8d08f18a Kostas Papadimitriou
            'STOPPED':'{% trans "Stopped" %}',
131 8d08f18a Kostas Papadimitriou
            'ACTIVE': '{% trans "Running" %}',
132 8d08f18a Kostas Papadimitriou
            'ERROR':  '{% trans "Error" %}',
133 8d08f18a Kostas Papadimitriou
            'DELETE': '',
134 8d08f18a Kostas Papadimitriou
            'DESTROY': '{% trans "Destroying..." %}',
135 8d08f18a Kostas Papadimitriou
            'SHUTDOWN': '{% trans "Shutting down..." %}',
136 8d08f18a Kostas Papadimitriou
            'START': '{% trans "Starting..." %}',
137 8d08f18a Kostas Papadimitriou
            'CONNECT': '{% trans "Connecting..." %}',
138 a3ac649e Kostas Papadimitriou
            'DISCONNECT': '{% trans "Disconnecting..." %}',
139 a3ac649e Kostas Papadimitriou
            'RESIZE': '{% trans "Resizing..." %}'
140 8d08f18a Kostas Papadimitriou
        }
141 8d08f18a Kostas Papadimitriou

142 8d08f18a Kostas Papadimitriou

143 8d08f18a Kostas Papadimitriou

144 55e4b353 Kostas Papadimitriou
        // building statuses
145 8d08f18a Kostas Papadimitriou
        var BUILDING_MESSAGES = {
146 55e4b353 Kostas Papadimitriou
            'INIT': '{% trans "Initializing..." %}',
147 8d08f18a Kostas Papadimitriou
            'COPY': '{% trans "{0} of {1} ({2}%)" %}',
148 1e882dd7 Kostas Papadimitriou
            'FINAL': '{% trans "Bulding image..." %}'
149 55e4b353 Kostas Papadimitriou
        }
150 3df307d7 Christodoulos Psaltis

151 8d08f18a Kostas Papadimitriou
        var ERROR_OVERRIDES = {
152 eae0a59a Dimitris Moraitis
            // error message header
153 f533f224 Vangelis Koukis
            'HEADER' : '{% trans "Error" %}',
154 eae0a59a Dimitris Moraitis
            // default
155 146b6003 Dimitris Moraitis
            'DEFAULT' : '{% trans "Could not contact the service. Please check your network connectivity and try again." %}',
156 eae0a59a Dimitris Moraitis
            // bad request
157 eae0a59a Dimitris Moraitis
            '400' : '{% trans "Malformed request." %}',
158 eae0a59a Dimitris Moraitis
            // not found
159 eae0a59a Dimitris Moraitis
            '404' : '{% trans "Your request has failed. Resource not found." %}',
160 eae0a59a Dimitris Moraitis
            // internal server error
161 ccd40764 Markos Gogoulos
            '500' : '{% trans "There has been an Internal Error. Our administrators have been notified." %}',
162 ccd40764 Markos Gogoulos
            // service unavailable
163 ccd40764 Markos Gogoulos
            '501' : '{% trans "This server has not been implemented yet." %}',
164 eae0a59a Dimitris Moraitis
            // service unavailable
165 f533f224 Vangelis Koukis
            '502' : '{% trans "Bad Gateway error." %}',
166 f533f224 Vangelis Koukis
            // service unavailable
167 a5093da5 Markos Gogoulos
            '503' : '{% trans "This service is unavailable right now, please try again later." %}',
168 80a8f602 Christodoulos Psaltis
            // no server handshake
169 80a8f602 Christodoulos Psaltis
            '0' : '{% trans "Could not contact the server." %}',
170 e2ccad35 Dimitris Moraitis
            // no images found
171 8d08f18a Kostas Papadimitriou
            '-212' : '{% trans "Cannot show the Create machine wizard: No images found." %}',
172 e2ccad35 Dimitris Moraitis
            // no flavors found
173 8d08f18a Kostas Papadimitriou
            '-213' : '{% trans "Cannot show the Create machine wizard: No machine configurations found." %}',
174 f533f224 Vangelis Koukis
            // error box title
175 f533f224 Vangelis Koukis
            'GENERIC_POPUP_HEADER' : '{% trans "Something seems to have gone wrong :( Here is what happened:" %}',
176 f533f224 Vangelis Koukis
            // no advanced details
177 b15a0cc4 Kostas Papadimitriou
            'NO_DETAILS' : '{% trans "Νο advanced details provided" %}',
178 b15a0cc4 Kostas Papadimitriou
            // timeout message
179 b15a0cc4 Kostas Papadimitriou
            'TIMEOUT' : '{% trans "It seems the server takes too long to respond, please check your network connectivity" %}'
180 eae0a59a Dimitris Moraitis
        };
181 f533f224 Vangelis Koukis

182 e0dea91a Kostas Papadimitriou
        var SUGGESTED_FLAVORS = {{ suggested_flavors|safe }};
183 73e25ce2 Kostas Papadimitriou
        var SUGGESTED_ROLES = {{ suggested_roles|safe }}
184 e9b14cb8 Kostas Papadimitriou

185 eae0a59a Dimitris Moraitis
        var SUCCESS = {
186 f533f224 Vangelis Koukis
            'HEADER' : '{% trans "Success" %}',
187 146b6003 Dimitris Moraitis
            'DEFAULT' : '{% trans "Your request has been succefully executed." %}',
188 f533f224 Vangelis Koukis
            'PASSWORD' : '{% trans "Password:" %}',
189 aa0801aa Markos Gogoulos
            'CREATE_VM_SUCCESS' : '{% trans "Success" %}',
190 f533f224 Vangelis Koukis
            'CREATE_VM_SUCCESS_ONE' : '{% trans "Your new machine is now buidling... (this might take a few minutes)" %}',
191 def71253 Markos Gogoulos
            'CREATE_VM_SUCCESS_TWO' : '{% trans "Write down your password now:" %}',
192 f533f224 Vangelis Koukis
            'CREATE_VM_SUCCESS_THREE' : '{% trans "You will need this later to connect to your machine." %}',
193 f533f224 Vangelis Koukis
            'CREATE_VM_SUCCESS_FOUR' : '{% trans "After closing this window you will NOT be able to retrieve it again." %}'
194 eae0a59a Dimitris Moraitis
        };
195 f533f224 Vangelis Koukis

196 b495fe50 Mike Muzurakis
        var VARIOUS = {
197 b495fe50 Mike Muzurakis
            'CONFIRM' : '{% trans "Confirm" %}',
198 372f6c81 Mike Muzurakis
            'CANCEL' : '{% trans "Cancel" %}',
199 d6872a51 Christodoulos Psaltis
            'APPLY' : '{% trans "Apply" %}',
200 d6872a51 Christodoulos Psaltis
            'OFF' : '{% trans "Off" %}',
201 d6872a51 Christodoulos Psaltis
            'ON' : '{% trans "On" %}'
202 b495fe50 Mike Muzurakis
        };
203 b495fe50 Mike Muzurakis
204 42f67a2a Dimitris Moraitis
    </script>
205 cc7c5902 Dimitris Moraitis
</head>
206 8d08f18a Kostas Papadimitriou
207 23a3bb8e Kostas Papadimitriou
<body id="app">
208 f533f224 Vangelis Koukis
    <div id="container">
209 8d08f18a Kostas Papadimitriou
        <div id="header">
210 8d08f18a Kostas Papadimitriou
            <div id="user">
211 b9add257 Kostas Papadimitriou
                {% comment %}
212 ce88aad7 Kostas Papadimitriou
                <div class="langmenu">
213 8d08f18a Kostas Papadimitriou
                    <a class="current_lang">en</a>
214 f533f224 Vangelis Koukis
                {% get_available_languages as LANGUAGES %}
215 f533f224 Vangelis Koukis
                {% for lang in LANGUAGES %}
216 8d08f18a Kostas Papadimitriou
                <a {% if  == lang.0 %}
217 8d08f18a Kostas Papadimitriou
                    class="current_lang" {% else %}  href="/lang/?l={{lang.0}}" {% endif %}>{{lang.0}}</a>
218 8d08f18a Kostas Papadimitriou
219 ce88aad7 Kostas Papadimitriou
                    {% if not forloop.last %}<span class="sep">~</span>{% endif %}
220 ce88aad7 Kostas Papadimitriou
                    {% endfor %}
221 ce88aad7 Kostas Papadimitriou
                </div>
222 b9add257 Kostas Papadimitriou
                {% endcomment %}
223 f533f224 Vangelis Koukis
            </div>
224 f533f224 Vangelis Koukis
            <div class="header-logo">
225 1e23ceb2 Olga Brani
                <a href="/" title="{{ BRANDING_SERVICE_NAME }} Compute">
226 9d889386 Olga Brani
                     <img src="{{ BRANDING_COMPUTE_LOGO_URL }}" alt="{{ BRANDING_SERVICE_NAME }}"/>  
227 f533f224 Vangelis Koukis
                </a>
228 f533f224 Vangelis Koukis
            </div>
229 cc7c5902 Dimitris Moraitis
        </div>
230 f533f224 Vangelis Koukis
        <div id="content">
231 8d08f18a Kostas Papadimitriou
            <div id="wrapper" class="clearfix">
232 8d08f18a Kostas Papadimitriou
233 8d08f18a Kostas Papadimitriou
                <div class="panes-menu clearfix">
234 f533f224 Vangelis Koukis
                <!-- tabs -->
235 f533f224 Vangelis Koukis
                <div class="tab-name">{% trans "machines" %}</div>
236 f533f224 Vangelis Koukis
                <ul class="css-tabs">
237 4c69d744 Kostas Papadimitriou
                    <li><a href="#machines/icon/" title="{% trans "manage  virtual " %}"
238 7237e429 Kostas Papadimitriou
                        data-hover-title="machines" class="primary" id="machines_view_link">
239 7970aa87 Kostas Papadimitriou
                        <img src="{{ SYNNEFO_IMAGES_URL }}machines-icon.png" /></a></li>
240 4c69d744 Kostas Papadimitriou
                    <li><a href="#networks/" title="{% trans "configure " %}"
241 7237e429 Kostas Papadimitriou
                        data-hover-title="networks" class="primary" id="networks_view_link">
242 7970aa87 Kostas Papadimitriou
                        <img src="{{ SYNNEFO_IMAGES_URL }}networks-icon.png" /></a></li>
243 4c69d744 Kostas Papadimitriou
                    <li><a href="#ips/" title="{% trans "manage  IP " %}"
244 e6a4b75c Kostas Papadimitriou
                        data-hover-title="IPs" class="primary" id="ips_view_link">
245 d9128cf3 Kostas Papadimitriou
                        <img src="{{ SYNNEFO_IMAGES_URL }}ips-pane-icon.png" /></a></li>
246 4c69d744 Kostas Papadimitriou
                    <li><a href="#public-keys/" title="{% trans "manage  public " %}"
247 7237e429 Kostas Papadimitriou
                        data-hover-title="public keys" class="primary" id="public_keys_view_link">
248 530cc539 Kostas Papadimitriou
                        <img src="{{ SYNNEFO_IMAGES_URL }}ssh-keys-pane-icon.png" /></a></li>
249 f533f224 Vangelis Koukis
                </ul>
250 8d08f18a Kostas Papadimitriou
                </div>
251 f533f224 Vangelis Koukis
                <div class="css-panes">
252 8d08f18a Kostas Papadimitriou
                    <div id="machines-pane" class="pane" style="display:block;">
253 8d08f18a Kostas Papadimitriou
                        {% include "partials/machines.html" %}
254 8d08f18a Kostas Papadimitriou
                    </div>
255 7237e429 Kostas Papadimitriou
                    <div id="networks-pane" class="pane-view">
256 8d08f18a Kostas Papadimitriou
                        {% include "partials/networks.html" %}
257 8d08f18a Kostas Papadimitriou
                    </div>
258 7f841ad2 Olga Brani
                    <div id="disks-pane" class="pane">
259 7f841ad2 Olga Brani
                            {% include "partials/disks.html" %}
260 7f841ad2 Olga Brani
                    </div>
261 7237e429 Kostas Papadimitriou
                    <div id="ips-pane" class="pane-view">
262 7237e429 Kostas Papadimitriou
                            {% include "partials/ips.html" %}
263 7237e429 Kostas Papadimitriou
                    </div>
264 7237e429 Kostas Papadimitriou
                    <div id="public-keys-pane" class="pane-view">
265 7237e429 Kostas Papadimitriou
                            {% include "partials/public_keys.html" %}
266 7237e429 Kostas Papadimitriou
                    </div>
267 8d08f18a Kostas Papadimitriou
268 122850c5 Kostas Papadimitriou
                    <div class="confirm_multiple clearfix" id="multiple_actions_container">
269 101e6604 Kostas Papadimitriou
                        <div class="confirm_multiple_actions confirm-all-cont global hidden confirm_multiple_cont clearfix">
270 101e6604 Kostas Papadimitriou
                            <div class="confirm-all msg">
271 9d889386 Olga Brani
                                <p>You requested multiple actions to execute (<span class="show">show all</span>)</p>
272 101e6604 Kostas Papadimitriou
                                <button class="yes">Confirm all</button>
273 101e6604 Kostas Papadimitriou
                                <button class="no">Cancel all</button>
274 101e6604 Kostas Papadimitriou
                            </div>
275 101e6604 Kostas Papadimitriou
                            <div class="details"></div>
276 122850c5 Kostas Papadimitriou
                        </div>
277 101e6604 Kostas Papadimitriou
                        <div class="ns-confirms-cont">
278 101e6604 Kostas Papadimitriou
                            <div class="confirm_multiple_actions hidden confirm_multiple_cont
279 101e6604 Kostas Papadimitriou
                                ns-confirm clearfix"
280 101e6604 Kostas Papadimitriou
                                id="conirm_multiple_cont_template">
281 101e6604 Kostas Papadimitriou
                                <div class="confirm-all msg">
282 101e6604 Kostas Papadimitriou
                                    <p></p>
283 101e6604 Kostas Papadimitriou
                                    <button class="yes"></button>
284 101e6604 Kostas Papadimitriou
                                    <button class="no"></button>
285 101e6604 Kostas Papadimitriou
                                </div>
286 101e6604 Kostas Papadimitriou
                                <div class="details"></div>
287 101e6604 Kostas Papadimitriou
                            </div>
288 122850c5 Kostas Papadimitriou
                        </div>
289 8d08f18a Kostas Papadimitriou
                    </div>
290 8d08f18a Kostas Papadimitriou
291 f533f224 Vangelis Koukis
                </div>
292 f533f224 Vangelis Koukis
            </div>
293 cc7c5902 Dimitris Moraitis
        </div>
294 cc7c5902 Dimitris Moraitis
    </div>
295 f533f224 Vangelis Koukis
296 cc7c5902 Dimitris Moraitis
    <!-- activate tabs with JavaScript -->
297 cc7c5902 Dimitris Moraitis
    <script>
298 f533f224 Vangelis Koukis

299 d681d3a6 Mike Muzurakis
        //load opera css fixes
300 d681d3a6 Mike Muzurakis
        if ($.browser.opera) {
301 d681d3a6 Mike Muzurakis
            $("<link/>", {
302 d681d3a6 Mike Muzurakis
               rel: "stylesheet",
303 d681d3a6 Mike Muzurakis
               type: "text/css",
304 1d9e9a43 Kostas Papadimitriou
               href: "{{ SYNNEFO_CSS_URL }}opera.css?v={{ SYNNEFO_JS_LIB_VERSION }}"
305 d681d3a6 Mike Muzurakis
            }).appendTo("head");
306 d681d3a6 Mike Muzurakis
        }
307 ce88aad7 Kostas Papadimitriou

308 ce88aad7 Kostas Papadimitriou
        $(document).ready(function(){
309 f277a1cd Kostas Papadimitriou

310 01e254be Kostas Papadimitriou
            {% if current_lang == "el" and not DEBUG %}
311 01e254be Kostas Papadimitriou
                window.location = "/lang/?l=en";
312 01e254be Kostas Papadimitriou
            {% endif %}
313 01e254be Kostas Papadimitriou

314 19e01943 Kostas Papadimitriou
            // user menu interaction
315 ce88aad7 Kostas Papadimitriou
            var resetUserMenu = function() {
316 ce88aad7 Kostas Papadimitriou
                $(this).removeClass("hovered");
317 ce88aad7 Kostas Papadimitriou
                $(this).removeClass("active");
318 ce88aad7 Kostas Papadimitriou
            }
319 92a063bf Kostas Papadimitriou

320 ce88aad7 Kostas Papadimitriou
            $(".usermenu").live("click", function(){
321 ce88aad7 Kostas Papadimitriou
                $(this).addClass("active");
322 ce88aad7 Kostas Papadimitriou
            });
323 ce88aad7 Kostas Papadimitriou
            $(".usermenu").bind('mouseleave', resetUserMenu);
324 ce88aad7 Kostas Papadimitriou
            $(".usermenu").live("mouseover", function(){
325 ce88aad7 Kostas Papadimitriou
                $(this).addClass("hovered");
326 ce88aad7 Kostas Papadimitriou
            });
327 af6fc929 Kostas Papadimitriou

328 0e03566f Kostas Papadimitriou
            $(".usermenu li").mouseenter(function(){$(this).addClass("hovered")})
329 0e03566f Kostas Papadimitriou
            $(".usermenu li").mouseleave(function(){$(this).removeClass("hovered")});
330 0e03566f Kostas Papadimitriou

331 af6fc929 Kostas Papadimitriou
            // bind menu actions
332 af6fc929 Kostas Papadimitriou
            $(".usermenu .logout").click(function() {
333 85f1cd1e Kostas Papadimitriou
                synnefo.auth_client.logout();
334 af6fc929 Kostas Papadimitriou
            });
335 29772683 Kostas Papadimitriou

336 978648f4 Kostas Papadimitriou
            $(".usermenu .api").click(function(){
337 978648f4 Kostas Papadimitriou
                synnefo.ui.main.api_info_view.show();
338 978648f4 Kostas Papadimitriou
            });
339 8d08f18a Kostas Papadimitriou

340 8d08f18a Kostas Papadimitriou
        });
341 8d08f18a Kostas Papadimitriou
        
342 8d08f18a Kostas Papadimitriou
        function positionBottomMessages() {
343 8d08f18a Kostas Papadimitriou
            var el = $("#multiple_actions_container");
344 8d08f18a Kostas Papadimitriou
        }
345 d1a7ce9c Kostas Papadimitriou
        
346 d1a7ce9c Kostas Papadimitriou
        
347 d1a7ce9c Kostas Papadimitriou
        $(document).ready(function() {
348 d1a7ce9c Kostas Papadimitriou
          // Footer position handlers
349 d1a7ce9c Kostas Papadimitriou
          var footerHeight = 0;
350 d1a7ce9c Kostas Papadimitriou
          var footerTop = 0;
351 d1a7ce9c Kostas Papadimitriou
          var $footer = $("#footer-container");
352 d1a7ce9c Kostas Papadimitriou
          function _positionFooter() {
353 d1a7ce9c Kostas Papadimitriou

354 d1a7ce9c Kostas Papadimitriou
              footerHeight = 80;
355 d1a7ce9c Kostas Papadimitriou
              footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";
356 d1a7ce9c Kostas Papadimitriou
              if (($(document.body).height()+footerHeight) < $(window).height()) {
357 d1a7ce9c Kostas Papadimitriou

358 d1a7ce9c Kostas Papadimitriou
                  $footer.css({
359 d1a7ce9c Kostas Papadimitriou
                       position: "absolute"
360 d1a7ce9c Kostas Papadimitriou
                  }).css({
361 d1a7ce9c Kostas Papadimitriou
                       top: footerTop
362 d1a7ce9c Kostas Papadimitriou
                  })
363 d1a7ce9c Kostas Papadimitriou
               } else {
364 d1a7ce9c Kostas Papadimitriou
               
365 d1a7ce9c Kostas Papadimitriou
                  if ($footer.css("position") == "static") {
366 d1a7ce9c Kostas Papadimitriou
                      if ($(document.body).height() < $(window).height()) {    
367 d1a7ce9c Kostas Papadimitriou
                          $footer.css({
368 d1a7ce9c Kostas Papadimitriou
                               position: "absolute"
369 d1a7ce9c Kostas Papadimitriou
                          }).css({
370 d1a7ce9c Kostas Papadimitriou
                               top: footerTop
371 8d08f18a Kostas Papadimitriou
                           })
372 8d08f18a Kostas Papadimitriou
                       }
373 d1a7ce9c Kostas Papadimitriou
                   } else {
374 d1a7ce9c Kostas Papadimitriou

375 d1a7ce9c Kostas Papadimitriou
                      $footer.css({
376 d1a7ce9c Kostas Papadimitriou
                          position: "static"
377 d1a7ce9c Kostas Papadimitriou
                      })
378 d1a7ce9c Kostas Papadimitriou
                  }
379 d1a7ce9c Kostas Papadimitriou
              }
380 d1a7ce9c Kostas Papadimitriou

381 d1a7ce9c Kostas Papadimitriou
          }
382 d1a7ce9c Kostas Papadimitriou
          _positionFooter();
383 d1a7ce9c Kostas Papadimitriou
          window.positionFooter = _.throttle(_positionFooter, 100);
384 d1a7ce9c Kostas Papadimitriou
          window.forcePositionFooter = _positionFooter;
385 d1a7ce9c Kostas Papadimitriou
          $(window).scroll(window.positionFooter).resize(window.positionFooter)
386 d1a7ce9c Kostas Papadimitriou

387 d1a7ce9c Kostas Papadimitriou
          $(window).bind("load", function() { 
388 d1a7ce9c Kostas Papadimitriou
            _positionFooter();
389 d1a7ce9c Kostas Papadimitriou
          });
390 d1a7ce9c Kostas Papadimitriou
        
391 d1a7ce9c Kostas Papadimitriou
        })
392 cc7c5902 Dimitris Moraitis
    </script>
393 8d08f18a Kostas Papadimitriou
394 b495fe50 Mike Muzurakis
    <!-- base notification for error/success reporting -->
395 b495fe50 Mike Muzurakis
    <a id="notification" rel="#error-success" href="#"></a>
396 29772683 Kostas Papadimitriou
    <a id="msgbox" rel="#notification-box" href="#"></a>
397 54417a11 Kostas Papadimitriou
    <a id="feedbackbox" rel="#feedback-form" href="#"></a>
398 7237e429 Kostas Papadimitriou
    
399 7237e429 Kostas Papadimitriou
    <!-- rename view tpl -->
400 7237e429 Kostas Papadimitriou
    <div id="rename-view-tpl" class="hidden model-rename-view">
401 7237e429 Kostas Papadimitriou
      <div class="model-name">
402 7237e429 Kostas Papadimitriou
        <h3>
403 af505a94 Kostas Papadimitriou
          <span data-rv-text="model.name|list_truncate" class="value"></span>
404 7237e429 Kostas Papadimitriou
          <span class="edit-btn" data-rv-on-click="view.set_edit"></span>
405 7237e429 Kostas Papadimitriou
        </h3>
406 7237e429 Kostas Papadimitriou
      </div>
407 7237e429 Kostas Papadimitriou
      <div class="edit">
408 7237e429 Kostas Papadimitriou
        <input type="text" class="rename-input" />
409 7237e429 Kostas Papadimitriou
        <div class="rename-actions">
410 7237e429 Kostas Papadimitriou
          <div class="btn confirm" data-rv-on-click="view.rename"></div>
411 7237e429 Kostas Papadimitriou
          <div class="btn cancel" data-rv-on-click="view.unset_edit"></div>
412 7237e429 Kostas Papadimitriou
        </div>
413 7237e429 Kostas Papadimitriou
      </div>
414 7237e429 Kostas Papadimitriou
    </div>
415 b495fe50 Mike Muzurakis
416 7237e429 Kostas Papadimitriou
    <!-- generic overlay tpl -->
417 8d08f18a Kostas Papadimitriou
    <div class="overlay" id="generic-overlay-tpl">
418 b1410719 Kostas Papadimitriou
        <div class="overlay-inner">
419 1892dd0d Kostas Papadimitriou
            <h3 class="overlay-header clearfix">
420 b1410719 Kostas Papadimitriou
                <span class="subtitle"></span>
421 b1410719 Kostas Papadimitriou
                <span class="title"></span>
422 b1410719 Kostas Papadimitriou
                <span class="closeme">close</span></h3>
423 b1410719 Kostas Papadimitriou
            <div class="container">
424 b1410719 Kostas Papadimitriou
                <div class="content">
425 b1410719 Kostas Papadimitriou
                </div>
426 b495fe50 Mike Muzurakis
            </div>
427 b1410719 Kostas Papadimitriou
            <div class="footer"></div>
428 b495fe50 Mike Muzurakis
        </div>
429 b495fe50 Mike Muzurakis
    </div>
430 29772683 Kostas Papadimitriou
431 8d08f18a Kostas Papadimitriou
    <div id="error-overlay-content" class="hidden">
432 9ffd10ce Kostas Papadimitriou
        <div class="error-nav hidden clearfix">
433 9ffd10ce Kostas Papadimitriou
            <span class="indicator"><span class="num">1</span> <span
434 9ffd10ce Kostas Papadimitriou
                    class="ind-msg">new error occured</span></span>
435 9ffd10ce Kostas Papadimitriou
            <span class="show-next nav-btn">{% trans "next" %}</span>
436 9ffd10ce Kostas Papadimitriou
            <span class="show-prev nav-btn">{% trans "previous" %}</span>
437 9ffd10ce Kostas Papadimitriou
        </div>
438 8d08f18a Kostas Papadimitriou
        <div class="message"><p></p></div>
439 8d08f18a Kostas Papadimitriou
        <div class="error-details">
440 8d08f18a Kostas Papadimitriou
            <span class="key">{% trans "Module" %}</span>
441 8d08f18a Kostas Papadimitriou
            <span class="value error-module"></span>
442 8d08f18a Kostas Papadimitriou
443 8d08f18a Kostas Papadimitriou
            <span class="key">{% trans "Code" %}</span>
444 8d08f18a Kostas Papadimitriou
            <span class="value error-code"></span>
445 8d08f18a Kostas Papadimitriou
446 8d08f18a Kostas Papadimitriou
            <span class="key">{% trans "Type" %}</span>
447 8d08f18a Kostas Papadimitriou
            <span class="value error-type"></span>
448 8d08f18a Kostas Papadimitriou
449 8d08f18a Kostas Papadimitriou
            <span class="key details">{% trans "Details" %}</span>
450 8d08f18a Kostas Papadimitriou
            <div class="value error-more-details"><p></p></div>
451 8d08f18a Kostas Papadimitriou
        </div>
452 edd1d565 Kostas Papadimitriou
        
453 edd1d565 Kostas Papadimitriou
        <!--<div class="navigation">-->
454 edd1d565 Kostas Papadimitriou
            <!--<span class="next-error">{% trans "next error" %}</span>-->
455 edd1d565 Kostas Papadimitriou
            <!--<span class="previous-error">{% trans "previous error" %}</span>-->
456 edd1d565 Kostas Papadimitriou
        <!--</div>-->
457 edd1d565 Kostas Papadimitriou
        
458 edd1d565 Kostas Papadimitriou
        <!--<div class="date">-->
459 edd1d565 Kostas Papadimitriou
            <!--<span class="error-date"></span>-->
460 edd1d565 Kostas Papadimitriou
        <!--</div>-->
461 8d08f18a Kostas Papadimitriou
462 8d08f18a Kostas Papadimitriou
        <div class="actions">
463 8d08f18a Kostas Papadimitriou
            <span class="show-details">{% trans "Show details" %}</span>
464 8d08f18a Kostas Papadimitriou
            <span class="hide-details">{% trans "Hide details" %}</span>
465 8d08f18a Kostas Papadimitriou
            <span class="report-error">{% trans "Send report" %}</span>
466 9ce969a7 Kostas Papadimitriou
            <span class="reload-app">{% trans "Reload" %}</span>
467 8d08f18a Kostas Papadimitriou
        </div>
468 8d08f18a Kostas Papadimitriou
    </div>
469 8d08f18a Kostas Papadimitriou
    <div id="feedback-overlay-content" class="hidden overlay-content feedback-form">
470 8d08f18a Kostas Papadimitriou
        <div class="description">
471 8d08f18a Kostas Papadimitriou
            <p>
472 9d889386 Olga Brani
                {% blocktrans %}{{ BRANDING_SERVICE_NAME }} is currently in alpha test and we would appreciate any kind of feedback.
473 8d08f18a Kostas Papadimitriou
                We welcome any suggestions, questions and bug reports you may have.{% endblocktrans %}
474 8d08f18a Kostas Papadimitriou
            </p>
475 8d08f18a Kostas Papadimitriou
        </div>
476 8d08f18a Kostas Papadimitriou
        <div class="description messages noborder">
477 8d08f18a Kostas Papadimitriou
            <p class="success-message hidden">
478 8d08f18a Kostas Papadimitriou
            {% trans "thank you for submiting your feedback" %}
479 8d08f18a Kostas Papadimitriou
            </p>
480 8d08f18a Kostas Papadimitriou
            <p class="error-message hidden">
481 8d08f18a Kostas Papadimitriou
                {% trans "some error occured submiting submiting your feedback, please try again later" %}
482 8d08f18a Kostas Papadimitriou
            </p>
483 8d08f18a Kostas Papadimitriou
            <p class="sending-message hidden">
484 8d08f18a Kostas Papadimitriou
            {% blocktrans %}Sending feedback...{% endblocktrans %}
485 8d08f18a Kostas Papadimitriou
            </p>
486 8d08f18a Kostas Papadimitriou
        </div>
487 8d08f18a Kostas Papadimitriou
        <div class="form">
488 8d08f18a Kostas Papadimitriou
            <div class="form-field">
489 8d08f18a Kostas Papadimitriou
                <label for{% trans "Please  your  here, provide  many  as " %}</label
490 8d08f18a Kostas Papadimitriou
                <textarea ="feedback-message"> 
491 8d08f18a Kostas Papadimitriou
                </textarea>
492 8d08f18a Kostas Papadimitriou
            </div>
493 8d08f18a Kostas Papadimitriou
            <div class="form-actions clearfix noborder">
494 8d08f18a Kostas Papadimitriou
                <span class="form-action submit">{% trans "send feedback" %}</span>
495 8d08f18a Kostas Papadimitriou
            </div>
496 8d08f18a Kostas Papadimitriou
        </div>
497 8d08f18a Kostas Papadimitriou
    </div>
498 54417a11 Kostas Papadimitriou
    <div class="modal" id="feedback-form" class="feedback notification-box">
499 b1fb5f74 Kostas Papadimitriou
      <h3 class="popup-header overlay-header">
500 b1fb5f74 Kostas Papadimitriou
        <span class="header-box">{% trans "Send feedback" %}</span>
501 b1fb5f74 Kostas Papadimitriou
      </h3>
502 b1fb5f74 Kostas Papadimitriou
      <div class="popup-body">
503 b1fb5f74 Kostas Papadimitriou
        <div class="popup-body-inner">
504 b1fb5f74 Kostas Papadimitriou
          <div class="form-container">
505 b1fb5f74 Kostas Papadimitriou
            <p class="feedback-intro">
506 9d889386 Olga Brani
            {% blocktrans %}Synnefo is currently in alpha test and we would appreciate any kind of feedback.
507 b1fb5f74 Kostas Papadimitriou
            We welcome any suggestions, questions and bug reports you may have.{% endblocktrans %}</p>
508 b1fb5f74 Kostas Papadimitriou
            <form id="feedback-form">
509 b1fb5f74 Kostas Papadimitriou
              <label for="feedback-msg">{% trans "Please describe your problem here, provide as many details as possible" %}</label>
510 b1fb5f74 Kostas Papadimitriou
              <div class="description"></div>
511 b1fb5f74 Kostas Papadimitriou
              <div class="empty-error-msg">{% trans "Please provide some feedback" %}</div>
512 b1fb5f74 Kostas Papadimitriou
              <textarea name="feedback-msg" class="feedback-text"></textarea>
513 b1fb5f74 Kostas Papadimitriou
514 b1fb5f74 Kostas Papadimitriou
              <input type="checkbox" name="submit-submit-data" class='submit-data' />
515 b1fb5f74 Kostas Papadimitriou
              <input type="submit" value="{% trans "submit " %}" class="submit" />
516 b1fb5f74 Kostas Papadimitriou
              <textarea name="feedback-data" class="data-text"></textarea>
517 b1fb5f74 Kostas Papadimitriou
            </form>
518 b1fb5f74 Kostas Papadimitriou
          </div>
519 b1fb5f74 Kostas Papadimitriou
520 b1fb5f74 Kostas Papadimitriou
          <div class="message sending">{% trans "submiting your data....." %}</div>
521 b1fb5f74 Kostas Papadimitriou
          <div class="message success">
522 b1fb5f74 Kostas Papadimitriou
            {% trans "thank you for submiting your feedback" %}
523 b1fb5f74 Kostas Papadimitriou
            <span class="close-msg-box"> {% trans "close feedback" %}</span></div>
524 b1fb5f74 Kostas Papadimitriou
          <div class="message errormsg">
525 b1fb5f74 Kostas Papadimitriou
            {% trans "some error occured submiting submiting your feedback, please try again later" %}
526 b1fb5f74 Kostas Papadimitriou
            <span class="close-msg-box"> {% trans "close feedback" %}</span></div>
527 54417a11 Kostas Papadimitriou
        </div>
528 b1fb5f74 Kostas Papadimitriou
      </div>
529 54417a11 Kostas Papadimitriou
    </div>
530 3c08f055 Kostas Papadimitriou
    
531 1e882dd7 Kostas Papadimitriou
    <div id="details-overlay" class="overlay-content overlay-info hidden">
532 1e882dd7 Kostas Papadimitriou
        <div class="description intro">
533 1e882dd7 Kostas Papadimitriou
            <p></p>
534 1e882dd7 Kostas Papadimitriou
        </div>
535 1e882dd7 Kostas Papadimitriou
        <div class="description subinfo">
536 1e882dd7 Kostas Papadimitriou
            <p></p>
537 1e882dd7 Kostas Papadimitriou
        </div>
538 1e882dd7 Kostas Papadimitriou
    </div>
539 1e882dd7 Kostas Papadimitriou
540 a6b9836b Kostas Papadimitriou
    <div id="suspended-vm-overlay" class="overlay-content overlay-info hidden">
541 a6b9836b Kostas Papadimitriou
        <div class="description noborder">
542 5a5ca502 Kostas Papadimitriou
          Your VM has been suspended, please contact us for more details.
543 a6b9836b Kostas Papadimitriou
        </div>
544 a6b9836b Kostas Papadimitriou
    </div>
545 a6b9836b Kostas Papadimitriou
546 978648f4 Kostas Papadimitriou
    <div id="api-info-overlay" class="overlay-content overlay-info hidden">
547 978648f4 Kostas Papadimitriou
        <div class="description">
548 978648f4 Kostas Papadimitriou
            <p>{% blocktrans with EXTERNAL_CLIENT_URL as EXTERNAL_CLIENT_URL %}Use the following API key along with the <a
549 978648f4 Kostas Papadimitriou
                href="{{ EXTERNAL_CLIENT_URL }}">./kamaki</a> client to manage
550 978648f4 Kostas Papadimitriou
            your cloud resources from outside this page.{% endblocktrans %}</p>
551 978648f4 Kostas Papadimitriou
        </div>
552 978648f4 Kostas Papadimitriou
        <div class="copy-content">
553 978648f4 Kostas Papadimitriou
            <p></p>
554 978648f4 Kostas Papadimitriou
        </div>
555 978648f4 Kostas Papadimitriou
        <div class="description subinfo">
556 978648f4 Kostas Papadimitriou
            <p>
557 9d889386 Olga Brani
            {% blocktrans %} The API key provides full access to your <em>{{ BRANDING_SERVICE_NAME }}</em> account, so always keep it private.{% endblocktrans %}
558 978648f4 Kostas Papadimitriou
            </p>
559 978648f4 Kostas Papadimitriou
        </div>
560 978648f4 Kostas Papadimitriou
    </div>
561 978648f4 Kostas Papadimitriou
562 3c08f055 Kostas Papadimitriou
    <div class="api_overlay_template">
563 3c08f055 Kostas Papadimitriou
        <div class="api_overlay_content">
564 79f287b1 Kostas Papadimitriou
            <p>Use the following API key along with the <a href="{{ EXTERNAL_CLIENT_URL }}">./kamaki</a> client to manage your cloud resources from outside this page.</p>
565 3c08f055 Kostas Papadimitriou
        </div>
566 3c08f055 Kostas Papadimitriou
    </div>
567 54417a11 Kostas Papadimitriou
568 54417a11 Kostas Papadimitriou
    <div class="modal" id="notification-box" class="notification-box">
569 29772683 Kostas Papadimitriou
        <h3 class="popup-header">
570 29772683 Kostas Papadimitriou
            <span class="header-box"></span>
571 29772683 Kostas Papadimitriou
        </h3>
572 29772683 Kostas Papadimitriou
        <div class="popup-body">
573 29772683 Kostas Papadimitriou
            <div class="popup-body-inner">
574 29772683 Kostas Papadimitriou
                <div class="machine-now-building"></div>
575 29772683 Kostas Papadimitriou
                <div class="popup-separator"></div>
576 29772683 Kostas Papadimitriou
                <div class="password-container">
577 29772683 Kostas Papadimitriou
                    <div class="password"></div>
578 29772683 Kostas Papadimitriou
                </div>
579 9ed51b7e Kostas Papadimitriou
                <div class="sub-text"></div>
580 29772683 Kostas Papadimitriou
            </div>
581 29772683 Kostas Papadimitriou
        </div>
582 29772683 Kostas Papadimitriou
    </div>
583 8d08f18a Kostas Papadimitriou
    
584 336ddd59 Kostas Papadimitriou
    <div id="loading-view" class="hidden clearfix">
585 336ddd59 Kostas Papadimitriou
        <div class="header clearfix images off">Loading images...<span></span></div>
586 336ddd59 Kostas Papadimitriou
        <div class="header clearfix flavors off">Loading flavors...<span></span></div>
587 426e1fb9 Kostas Papadimitriou
        <div class="header clearfix resources off">Loading resources...<span></span></div>
588 426e1fb9 Kostas Papadimitriou
        <div class="header clearfix quotas off">Loading quotas...<span></span></div>
589 336ddd59 Kostas Papadimitriou
        <div class="header clearfix vms off">Loading machines...<span></span></div>
590 336ddd59 Kostas Papadimitriou
        <div class="header clearfix networks off">Loading networks...<span></span></div>
591 336ddd59 Kostas Papadimitriou
        <div class="header clearfix layout off">Rendering layout...<span></span></div>
592 8d08f18a Kostas Papadimitriou
    </div>
593 8b71ea92 Kostas Papadimitriou
    <div id="user_custom_images" class="overlay-content overlay-content hidden">
594 8b71ea92 Kostas Papadimitriou
        {% include "partials/custom_images.html" %}
595 8b71ea92 Kostas Papadimitriou
    </div>
596 ab3df8df Kostas Papadimitriou
    {% include "partials/vm_resize.html" %}
597 8d08f18a Kostas Papadimitriou
    {% include "footer.html" %}
598 8d08f18a Kostas Papadimitriou
599 8d08f18a Kostas Papadimitriou
    <script>
600 8d08f18a Kostas Papadimitriou
        $(document).ready(function() {
601 8d08f18a Kostas Papadimitriou
            $(".css-panes").hide();
602 1956fd41 Kostas Papadimitriou

603 66be390b Kostas Papadimitriou
            // TODO: match <= 1.9.1
604 5dad72ea Kostas Papadimitriou
            if ($.browser.mozilla && $.browser.version.substr(0,3) == "1.9") {
605 2506f741 Kostas Papadimitriou
                synnefo.config.overlay_speed = 0;
606 66be390b Kostas Papadimitriou
                $.fx.off = true;
607 2506f741 Kostas Papadimitriou
            }
608 66be390b Kostas Papadimitriou
            
609 66be390b Kostas Papadimitriou
            // synnefo js config
610 c130b56e Kostas Papadimitriou
            synnefo.VERSION = "{{ synnefo_version }}";
611 66be390b Kostas Papadimitriou
            synnefo.config.update_interval = {{ update_interval }};
612 1cc6e94f Kostas Papadimitriou
            synnefo.config.update_interval_increase = {{ update_interval_increase }};
613 1cc6e94f Kostas Papadimitriou
            synnefo.config.fast_interval = {{ update_interval_fast }};
614 1cc6e94f Kostas Papadimitriou
            synnefo.config.update_interval_increase_after_calls = {{ update_interval_increase_after_calls }};
615 1cc6e94f Kostas Papadimitriou
            synnefo.config.update_interval_max = {{ update_interval_max }};
616 66be390b Kostas Papadimitriou
            synnefo.config.delay_on_blur = {{ delay_on_blur }};
617 66be390b Kostas Papadimitriou
            synnefo.config.update_hidden_views = {{ update_hidden_views }};
618 66be390b Kostas Papadimitriou
            synnefo.config.handle_window_exceptions = {{ handle_window_exceptions }};
619 66be390b Kostas Papadimitriou
            synnefo.config.ajax_timeout = {{ timeout }};
620 66be390b Kostas Papadimitriou
            synnefo.config.skip_timeouts = {{ skip_timeouts }};
621 c130b56e Kostas Papadimitriou
            synnefo.config.machines_icons_url = '{{ SYNNEFO_IMAGES_URL }}icons/machines/';
622 c130b56e Kostas Papadimitriou
            synnefo.config.vm_name_template = {{ vm_name_template|safe }};
623 d965e6dc Kostas Papadimitriou
            synnefo.config.flavors_disk_templates_info = {{ flavors_disk_templates_info|safe }};
624 ebf4619d Kostas Papadimitriou
            synnefo.config.vm_image_common_metadata = {{ vm_image_common_metadata|safe }};
625 ef19e96e Kostas Papadimitriou
            synnefo.config.hotplug_enabled = {{ hotplug_enabled|safe }};
626 1e882dd7 Kostas Papadimitriou

627 1e882dd7 Kostas Papadimitriou
            synnefo.config.diagnostics_update_interval = {{ diagnostics_update_interval }};
628 1e882dd7 Kostas Papadimitriou
            // override diagnostic messages display
629 1e882dd7 Kostas Papadimitriou
            synnefo.config.diagnostic_messages_tpls = {
630 1e882dd7 Kostas Papadimitriou
              'image-helper-task-start': "{% trans "Running task 'MESSAGE'" %}"
631 1e882dd7 Kostas Papadimitriou
            };
632 1e882dd7 Kostas Papadimitriou
            // what messages to display based on vm status
633 1e882dd7 Kostas Papadimitriou
            synnefo.config.diagnostics_status_messages_map = {
634 1e882dd7 Kostas Papadimitriou
                'BUILD': ['image-helper-task-start', 'image-info'],
635 1e882dd7 Kostas Papadimitriou
                'ERROR': ['image-error']
636 1e882dd7 Kostas Papadimitriou
            };
637 1e882dd7 Kostas Papadimitriou

638 47e34b99 Kostas Papadimitriou
            synnefo.config.api_urls = {
639 7f16b9b1 Kostas Papadimitriou
                'userdata': '{% url ui_userdata %}', 
640 30b6f316 Kostas Papadimitriou
                'compute':  {{ compute_api_url|safe }}, 
641 e481c282 Kostas Papadimitriou
                'network':  {{ network_api_url|safe }}, 
642 426e1fb9 Kostas Papadimitriou
                'glance': {{ glance_api_url|safe }},
643 426e1fb9 Kostas Papadimitriou
                'accounts': {{ accounts_api_url|safe }},
644 47e34b99 Kostas Papadimitriou
            };
645 85f1cd1e Kostas Papadimitriou
            
646 48865f82 Kostas Papadimitriou
            // TODO: configurable userdata urls in models.js
647 d194e869 Kostas Papadimitriou
            synnefo.config.userdata_keys_url = '{% url ui_keys_collection %}';
648 c72a830d Kostas Papadimitriou
            synnefo.config.userdata_keys_limit = {{ userdata_keys_limit }};
649 85f1cd1e Kostas Papadimitriou
            
650 258235f4 Kostas Papadimitriou
            // media config
651 c62c6b91 Kostas Papadimitriou
            synnefo.config.media_url = '{{ UI_MEDIA_URL }}';
652 c62c6b91 Kostas Papadimitriou
            synnefo.config.js_url = '{{ SYNNEFO_JS_URL }}';
653 1892dd0d Kostas Papadimitriou
            synnefo.config.images_url = '{{ SYNNEFO_IMAGES_URL }}';
654 03639c6d Kostas Papadimitriou
            synnefo.config.image_deleted_title = {{ image_deleted_title|safe }};
655 6de7fde5 Kostas Papadimitriou
            synnefo.config.changes_since_alignment = {{ changes_since_alignment }};
656 03639c6d Kostas Papadimitriou
            synnefo.config.image_deleted_size_title = {{ image_deleted_size_title|safe }};
657 30b6f316 Kostas Papadimitriou
            synnefo.config.use_glance = {{ use_glance }};
658 7970aa87 Kostas Papadimitriou
            synnefo.config.indicators_icons_url = '{{ SYNNEFO_IMAGES_URL }}icons/indicators/';
659 7970aa87 Kostas Papadimitriou
            synnefo.config.machines_icons_url = '{{ SYNNEFO_IMAGES_URL }}icons/machines/';
660 0c2166b9 Kostas Papadimitriou
            synnefo.config.ui_console_url = '{% url ui_machines_console %}';
661 0c2166b9 Kostas Papadimitriou
            synnefo.config.ui_connect_url = '{% url ui_machines_connect %}';
662 47276ec2 Kostas Papadimitriou
            synnefo.config.support_ssh_os_list = {{ support_ssh_os_list|safe }};
663 5acb8b8a Kostas Papadimitriou
            synnefo.config.support_ssh_os_family_list = {{ support_ssh_os_family_list|safe }};
664 8fa1cbc9 Kostas Papadimitriou
            synnefo.config.unknown_os = {{ unknown_os|safe }};
665 47276ec2 Kostas Papadimitriou
            synnefo.config.os_created_users = {{ os_created_users|safe }};
666 5af5920c Kostas Papadimitriou
            synnefo.config.feedback_post_url = {{ feedback_post_url|safe }};
667 85f1cd1e Kostas Papadimitriou
            
668 27738c43 Kostas Papadimitriou
            synnefo.config.logout_redirect = {{ logout_redirect|safe }};
669 27738c43 Kostas Papadimitriou
            synnefo.config.login_redirect = {{ login_redirect|safe }};
670 85f1cd1e Kostas Papadimitriou
            synnefo.config.auth_cookie_name = '{{ auth_cookie_name }}';
671 126a01f2 Kostas Papadimitriou

672 8f53cfa3 Kostas Papadimitriou
            synnefo.config.translate_uuids = {{ translate_uuids|safe }};
673 8f53cfa3 Kostas Papadimitriou
            synnefo.config.user_catalog_url = {{ user_catalog_url|safe }};
674 8f53cfa3 Kostas Papadimitriou

675 126a01f2 Kostas Papadimitriou
            synnefo.config.network_suggested_subnets = {{ network_suggested_subnets|safe }};
676 126a01f2 Kostas Papadimitriou
            synnefo.config.network_available_types = {{ network_available_types|safe }};
677 126a01f2 Kostas Papadimitriou
            synnefo.config.network_allow_duplicate_vm_nics = {{ network_allow_duplicate_vm_nics }};
678 126a01f2 Kostas Papadimitriou
            synnefo.config.network_strict_destroy = {{ network_strict_destroy }};
679 126a01f2 Kostas Papadimitriou
            synnefo.config.network_allow_multiple_destory = {{ network_allow_multiple_destroy }};
680 9555268a Kostas Papadimitriou
            synnefo.config.group_public_networks = {{ group_public_networks }};
681 40e5d2d2 Kostas Papadimitriou
            synnefo.config.grouped_public_network_name = {{ grouped_public_network_name|safe }};
682 6fe8c2ca Kostas Papadimitriou
            synnefo.config.no_fqdn_message = {{ no_fqdn_message|safe }};
683 29cf98c9 Kostas Papadimitriou
            synnefo.config.automatic_network_range_format = {{ automatic_network_range_format|safe }};
684 28958b8e Kostas Papadimitriou
            synnefo.config.custom_image_help_url = '{{ custom_image_help_url|safe }}';
685 4bf6778f Kostas Papadimitriou
            synnefo.config.forced_server_networks = {{ forced_server_networks|safe }};
686 85f1cd1e Kostas Papadimitriou
            
687 85f1cd1e Kostas Papadimitriou
            synnefo.auth_client = new synnefo.auth.AstakosClient({
688 85f1cd1e Kostas Papadimitriou
                login_url: synnefo.config.login_redirect,
689 85f1cd1e Kostas Papadimitriou
                logout_url: synnefo.config.logout_redirect,
690 4ef604a6 Kostas Papadimitriou
                cookie_name: synnefo.config.auth_cookie_name,
691 acb284f7 Kostas Papadimitriou
                skip_redirects: {{ auth_skip_redirects|safe }},
692 4ef604a6 Kostas Papadimitriou
                logout_callback: function(client) {
693 4ef604a6 Kostas Papadimitriou
                    Backbone.history.navigate(client.config.logout_url);
694 4ef604a6 Kostas Papadimitriou
                    window.location = client.config.logout_url; 
695 4ef604a6 Kostas Papadimitriou
                }
696 85f1cd1e Kostas Papadimitriou
            });
697 85f1cd1e Kostas Papadimitriou

698 258235f4 Kostas Papadimitriou
            // user config
699 afe9ca75 Kostas Papadimitriou
            synnefo.user = synnefo.auth_client;
700 afe9ca75 Kostas Papadimitriou
            if (!synnefo.user.get_token()) { 
701 afe9ca75 Kostas Papadimitriou
              synnefo.auth_client.redirect_to_login(); 
702 afe9ca75 Kostas Papadimitriou
            }
703 85f1cd1e Kostas Papadimitriou

704 9ccb70fd Kostas Papadimitriou
            $(".usermenu .username").text("options");
705 85f1cd1e Kostas Papadimitriou

706 258235f4 Kostas Papadimitriou
            // images config
707 1faf0b9c Kostas Papadimitriou
            synnefo.config.system_images_owners = {{ system_images_owners|safe }};
708 8d08f18a Kostas Papadimitriou
            synnefo.ui.init();
709 85f1cd1e Kostas Papadimitriou
            synnefo.ui.main.bind("ready", function(){
710 30b6f316 Kostas Papadimitriou
            });
711 f63196c9 Kostas Papadimitriou
        });
712 8d08f18a Kostas Papadimitriou
    </script>
713 cc7c5902 Dimitris Moraitis
</body>
714 cc7c5902 Dimitris Moraitis
</html>