Statistics
| Branch: | Tag: | Revision:

root / ui / templates / home.html @ 123fd2f5

History | View | Annotate | Download (24 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 a226ff9f Christodoulos Psaltis
    <title>~okeanos</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 4a57745c Kostas Papadimitriou
11 9ebf573f Kostas Papadimitriou
    <link href="https://fonts.googleapis.com/css?family=Ubuntu&subset=latin,greek" rel="stylesheet" type="text/css" >
12 9ebf573f Kostas Papadimitriou
    <link href='https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,greek' rel='stylesheet' type='text/css'>
13 8d08f18a Kostas Papadimitriou
14 4f946967 Kostas Papadimitriou
    <link rel="shortcut icon" href="{{ SYNNEFO_IMAGES_URL }}favicon.ico" />
15 fbeba614 Kostas Papadimitriou
16 8d08f18a Kostas Papadimitriou
    {% comment %}
17 8d08f18a Kostas Papadimitriou
    <script type="text/javascript" src="{% url javascript_catalog %}"></script> 
18 8d08f18a Kostas Papadimitriou
    {% endcomment %}
19 19e01943 Kostas Papadimitriou
20 7970aa87 Kostas Papadimitriou
    <link rel="stylesheet" type="text/css" href="{{ SYNNEFO_CSS_URL }}main.css"/>
21 8d08f18a Kostas Papadimitriou
    <!--[if IE]>
22 7970aa87 Kostas Papadimitriou
        <style type="text/css" media="all">@import url({{ SYNNEFO_CSS_URL }}ie.css);</style>
23 8d08f18a Kostas Papadimitriou
    <![endif]-->
24 8d08f18a Kostas Papadimitriou
25 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL }}jquery.js"></script>
26 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}jquery.cookie.js"></script>
27 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}jquery.client.js"></script>
28 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}jquery.tools.min.js"></script>
29 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}jquery.dataTables.min.js"></script>
30 1e827d67 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}jquery.pagination.js"></script>
31 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}ZeroClipboard.js"></script>
32 8d08f18a Kostas Papadimitriou
33 23a3bb8e Kostas Papadimitriou
34 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}underscore.js"></script>
35 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}underscore.string.js"></script>
36 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}backbone.js"></script>
37 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}json2.js"></script>
38 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_LIB_URL}}stacktrace.js"></script>
39 23a3bb8e Kostas Papadimitriou
40 8e701482 Kostas Papadimitriou
    <!--[if (lt IE 7)]>
41 c62c6b91 Kostas Papadimitriou
        <script src="{{ SYNNEFO_JS_LIB_URL}}selectivizr.js"></script>
42 8d08f18a Kostas Papadimitriou
    <! [endif] -->
43 8d08f18a Kostas Papadimitriou
44 8d08f18a Kostas Papadimitriou
    <!--[if IE]>
45 c62c6b91 Kostas Papadimitriou
        <script src="{{ SYNNEFO_JS_URL}}ui/ie_fixes.js"></script>
46 8d08f18a Kostas Papadimitriou
    <![endif]-->
47 1956fd41 Kostas Papadimitriou
    
48 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL}}utils.js"></script>
49 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL}}sync.js"></script>
50 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL}}models.js"></script>
51 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL}}views.js"></script>
52 c62c6b91 Kostas Papadimitriou
53 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL}}ui_vms_base_view.js"></script>
54 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL}}ui_error_view.js"></script>
55 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL}}ui_icon_view.js"></script>
56 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL}}ui_single_view.js"></script>
57 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL}}ui_list_view.js"></script>
58 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL}}ui_networks_view.js"></script>
59 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL}}ui_metadata_view.js"></script>
60 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL}}ui_feedback_view.js"></script>
61 1e827d67 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL}}ui_invitations_view.js"></script>
62 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL}}ui_create_view.js"></script>
63 c62c6b91 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL}}ui_connect_view.js"></script>
64 978648f4 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_WEB_URL}}ui_main_view.js"></script>
65 8d08f18a Kostas Papadimitriou
66 8d08f18a Kostas Papadimitriou
    <!-- the following views require refactor -->
67 7970aa87 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL }}invitations.js"></script>
68 7970aa87 Kostas Papadimitriou
    <script src="{{ SYNNEFO_JS_URL }}synnefo.js"></script>
69 8d08f18a Kostas Papadimitriou
    
70 42f67a2a Dimitris Moraitis
    <script>
71 a657c49e Kostas Papadimitriou
        // empty object for console to avoid errors in browsers that don't support it
72 2b837adf Kostas Papadimitriou
        if (!window.console) {window.console = {}; window.console.log = window.console.info = window.console.debug =
73 2b837adf Kostas Papadimitriou
            window.console.error = function() {}};
74 49772990 Kostas Papadimitriou
        
75 49772990 Kostas Papadimitriou
        // initialize zero clipboard
76 c62c6b91 Kostas Papadimitriou
        ZeroClipboard.setMoviePath( '{{ SYNNEFO_JS_LIB_URL}}ZeroClipboard.swf' );
77 a657c49e Kostas Papadimitriou

78 f533f224 Vangelis Koukis
        //populate available image icons array
79 f533f224 Vangelis Koukis
        var os_icons = {{image_icons|safe}};
80 8d08f18a Kostas Papadimitriou
        
81 eae0a59a Dimitris Moraitis
        // timeout value from settings.py
82 f4098dee Kostas Papadimitriou
        var TIMEOUT = {{ timeout }};
83 ec027295 Kostas Papadimitriou
        var TIMEOUTS_OCCURED = 0;
84 ec027295 Kostas Papadimitriou
        var SKIP_TIMEOUTS = 1;
85 ec027295 Kostas Papadimitriou
        var UPDATE_INTERVAL = {{ update_interval }};
86 dacd179a Kostas Papadimitriou
        var LOGOUT_REDIRECT = '{{ logout_redirect }}';
87 54417a11 Kostas Papadimitriou
        var INVITATIONS_URL = "{% url invitations %}";
88 67921b5c Kostas Papadimitriou
        var INVITATIONS_TITLE = "{% trans "Invite people" %}";
89 9040e9fe Kostas Papadimitriou
        var APP_DEBUG = {% if DEBUG %}true{% else %}false{% endif %};
90 54417a11 Kostas Papadimitriou
        var FEEDBACK_URL = "{% url feedback %}";
91 f860d8a3 Vangelis Koukis
        var FEEDBACK_TITLE = "{% trans "Send feedback" %}";
92 3c08f055 Kostas Papadimitriou
        var API_OVERLAY_TITLE = "{% trans "API access" %}";
93 79f287b1 Kostas Papadimitriou
        var API_OVERLAY_SUBCONTENT = "{% trans "The API key provides full access to your <em>~okeanos</em> account, so always keep it private." %}";
94 8d08f18a Kostas Papadimitriou

95 8d08f18a Kostas Papadimitriou
        STATE_TEXTS = {
96 8d08f18a Kostas Papadimitriou
            'UNKNOWN': '{% trans "Unknown" %}',
97 8d08f18a Kostas Papadimitriou
            'BUILD':  '{% trans "Building..." %}',
98 8d08f18a Kostas Papadimitriou
            'FIREWALL':  '{% trans "Firewall change..." %}',
99 8d08f18a Kostas Papadimitriou
            'REBOOT': '{% trans "Rebooting..." %}',
100 8d08f18a Kostas Papadimitriou
            'STOPPED':'{% trans "Stopped" %}',
101 8d08f18a Kostas Papadimitriou
            'ACTIVE': '{% trans "Running" %}',
102 8d08f18a Kostas Papadimitriou
            'ERROR':  '{% trans "Error" %}',
103 8d08f18a Kostas Papadimitriou
            'DELETE': '',
104 8d08f18a Kostas Papadimitriou
            'DESTROY': '{% trans "Destroying..." %}',
105 8d08f18a Kostas Papadimitriou
            'BUILD_INIT':  '{% trans "Building..." %}',
106 8d08f18a Kostas Papadimitriou
            'BUILD_COPY':  '{% trans "Building..." %}',
107 8d08f18a Kostas Papadimitriou
            'BUILD_FINAL':  '{% trans "Building..." %}',
108 8d08f18a Kostas Papadimitriou
            'SHUTDOWN': '{% trans "Shutting down..." %}',
109 8d08f18a Kostas Papadimitriou
            'START': '{% trans "Starting..." %}',
110 8d08f18a Kostas Papadimitriou
            'CONNECT': '{% trans "Connecting..." %}',
111 8d08f18a Kostas Papadimitriou
            'DISCONNECT': '{% trans "Disconnecting..." %}'
112 8d08f18a Kostas Papadimitriou
        }
113 8d08f18a Kostas Papadimitriou

114 8d08f18a Kostas Papadimitriou

115 8d08f18a Kostas Papadimitriou

116 55e4b353 Kostas Papadimitriou
        // building statuses
117 8d08f18a Kostas Papadimitriou
        var BUILDING_MESSAGES = {
118 55e4b353 Kostas Papadimitriou
            'INIT': '{% trans "Initializing..." %}',
119 8d08f18a Kostas Papadimitriou
            'COPY': '{% trans "{0} of {1} ({2}%)" %}',
120 8d08f18a Kostas Papadimitriou
            'FINAL': '{% trans "Finalizing..." %}'
121 55e4b353 Kostas Papadimitriou
        }
122 3df307d7 Christodoulos Psaltis

123 8d08f18a Kostas Papadimitriou
        var ERROR_OVERRIDES = {
124 eae0a59a Dimitris Moraitis
            // error message header
125 f533f224 Vangelis Koukis
            'HEADER' : '{% trans "Error" %}',
126 eae0a59a Dimitris Moraitis
            // default
127 146b6003 Dimitris Moraitis
            'DEFAULT' : '{% trans "Could not contact the service. Please check your network connectivity and try again." %}',
128 eae0a59a Dimitris Moraitis
            // bad request
129 eae0a59a Dimitris Moraitis
            '400' : '{% trans "Malformed request." %}',
130 eae0a59a Dimitris Moraitis
            // not found
131 eae0a59a Dimitris Moraitis
            '404' : '{% trans "Your request has failed. Resource not found." %}',
132 eae0a59a Dimitris Moraitis
            // internal server error
133 ccd40764 Markos Gogoulos
            '500' : '{% trans "There has been an Internal Error. Our administrators have been notified." %}',
134 ccd40764 Markos Gogoulos
            // service unavailable
135 ccd40764 Markos Gogoulos
            '501' : '{% trans "This server has not been implemented yet." %}',
136 eae0a59a Dimitris Moraitis
            // service unavailable
137 f533f224 Vangelis Koukis
            '502' : '{% trans "Bad Gateway error." %}',
138 f533f224 Vangelis Koukis
            // service unavailable
139 a5093da5 Markos Gogoulos
            '503' : '{% trans "This service is unavailable right now, please try again later." %}',
140 80a8f602 Christodoulos Psaltis
            // no server handshake
141 80a8f602 Christodoulos Psaltis
            '0' : '{% trans "Could not contact the server." %}',
142 e2ccad35 Dimitris Moraitis
            // no images found
143 8d08f18a Kostas Papadimitriou
            '-212' : '{% trans "Cannot show the Create machine wizard: No images found." %}',
144 e2ccad35 Dimitris Moraitis
            // no flavors found
145 8d08f18a Kostas Papadimitriou
            '-213' : '{% trans "Cannot show the Create machine wizard: No machine configurations found." %}',
146 f533f224 Vangelis Koukis
            // error box title
147 f533f224 Vangelis Koukis
            'GENERIC_POPUP_HEADER' : '{% trans "Something seems to have gone wrong :( Here is what happened:" %}',
148 f533f224 Vangelis Koukis
            // no advanced details
149 b15a0cc4 Kostas Papadimitriou
            'NO_DETAILS' : '{% trans "Νο advanced details provided" %}',
150 b15a0cc4 Kostas Papadimitriou
            // timeout message
151 b15a0cc4 Kostas Papadimitriou
            'TIMEOUT' : '{% trans "It seems the server takes too long to respond, please check your network connectivity" %}'
152 eae0a59a Dimitris Moraitis
        };
153 f533f224 Vangelis Koukis

154 e0dea91a Kostas Papadimitriou
        var SUGGESTED_FLAVORS = {{ suggested_flavors|safe }};
155 73e25ce2 Kostas Papadimitriou
        var SUGGESTED_ROLES = {{ suggested_roles|safe }}
156 e9b14cb8 Kostas Papadimitriou

157 eae0a59a Dimitris Moraitis
        var SUCCESS = {
158 f533f224 Vangelis Koukis
            'HEADER' : '{% trans "Success" %}',
159 146b6003 Dimitris Moraitis
            'DEFAULT' : '{% trans "Your request has been succefully executed." %}',
160 f533f224 Vangelis Koukis
            'PASSWORD' : '{% trans "Password:" %}',
161 aa0801aa Markos Gogoulos
            'CREATE_VM_SUCCESS' : '{% trans "Success" %}',
162 f533f224 Vangelis Koukis
            'CREATE_VM_SUCCESS_ONE' : '{% trans "Your new machine is now buidling... (this might take a few minutes)" %}',
163 def71253 Markos Gogoulos
            'CREATE_VM_SUCCESS_TWO' : '{% trans "Write down your password now:" %}',
164 f533f224 Vangelis Koukis
            'CREATE_VM_SUCCESS_THREE' : '{% trans "You will need this later to connect to your machine." %}',
165 f533f224 Vangelis Koukis
            'CREATE_VM_SUCCESS_FOUR' : '{% trans "After closing this window you will NOT be able to retrieve it again." %}'
166 eae0a59a Dimitris Moraitis
        };
167 f533f224 Vangelis Koukis

168 b495fe50 Mike Muzurakis
        var VARIOUS = {
169 b495fe50 Mike Muzurakis
            'CONFIRM' : '{% trans "Confirm" %}',
170 372f6c81 Mike Muzurakis
            'CANCEL' : '{% trans "Cancel" %}',
171 d6872a51 Christodoulos Psaltis
            'APPLY' : '{% trans "Apply" %}',
172 d6872a51 Christodoulos Psaltis
            'OFF' : '{% trans "Off" %}',
173 d6872a51 Christodoulos Psaltis
            'ON' : '{% trans "On" %}'
174 b495fe50 Mike Muzurakis
        };
175 b495fe50 Mike Muzurakis
176 42f67a2a Dimitris Moraitis
    </script>
177 cc7c5902 Dimitris Moraitis
</head>
178 8d08f18a Kostas Papadimitriou
179 23a3bb8e Kostas Papadimitriou
<body id="app">
180 46990631 Kostas Papadimitriou
    <!--<img id="okeanos-image" src="{{ SYNNEFO_IMAGES_URL }}body-bg2.png" />-->
181 f533f224 Vangelis Koukis
    <div id="container">
182 8d08f18a Kostas Papadimitriou
        <div id="header">
183 8d08f18a Kostas Papadimitriou
            <div id="user">
184 ce88aad7 Kostas Papadimitriou
                <div class="usermenu">
185 3f545a3e Kostas Papadimitriou
                    <div class="username">{{ request.user.uniq }}</div>
186 ce88aad7 Kostas Papadimitriou
                    <ul class="useractions">
187 f860d8a3 Vangelis Koukis
                        <li class="invitations"><a class="action" href="#">{% trans "invite friends..." %}</a></li>
188 f860d8a3 Vangelis Koukis
                        <li class="feedback"><a class="action" href="#">{% trans "send feedback..." %}</a></li>
189 3c08f055 Kostas Papadimitriou
                        <li class="api"><a class="action" href="#">{% trans "API access..." %}</a></li>
190 d389b440 Kostas Papadimitriou
                        <li class="logout last"><a class="action" href="#">{% trans "logout" %}</a></li>
191 ce88aad7 Kostas Papadimitriou
                    </ul>
192 ce88aad7 Kostas Papadimitriou
                </div>
193 ce88aad7 Kostas Papadimitriou
                <div class="langmenu">
194 8d08f18a Kostas Papadimitriou
                    <a class="current_lang">en</a>
195 8d08f18a Kostas Papadimitriou
                    {% comment %}
196 f533f224 Vangelis Koukis
                {% get_available_languages as LANGUAGES %}
197 f533f224 Vangelis Koukis
                {% for lang in LANGUAGES %}
198 8d08f18a Kostas Papadimitriou
                <a {% if  == lang.0 %}
199 8d08f18a Kostas Papadimitriou
                    class="current_lang" {% else %}  href="/lang/?l={{lang.0}}" {% endif %}>{{lang.0}}</a>
200 8d08f18a Kostas Papadimitriou
201 ce88aad7 Kostas Papadimitriou
                    {% if not forloop.last %}<span class="sep">~</span>{% endif %}
202 ce88aad7 Kostas Papadimitriou
                    {% endfor %}
203 2797d46a Kostas Papadimitriou
                {% endcomment %}
204 ce88aad7 Kostas Papadimitriou
                </div>
205 f533f224 Vangelis Koukis
            </div>
206 f533f224 Vangelis Koukis
            <div class="header-logo">
207 f533f224 Vangelis Koukis
                <a href="/">
208 7970aa87 Kostas Papadimitriou
                    <img src="{{ SYNNEFO_IMAGES_URL }}okeanos-logo-alpha.png" alt="okeanos (alpha)"/>
209 f533f224 Vangelis Koukis
                </a>
210 f533f224 Vangelis Koukis
            </div>
211 cc7c5902 Dimitris Moraitis
        </div>
212 f533f224 Vangelis Koukis
        <div id="content">
213 8d08f18a Kostas Papadimitriou
            <div id="wrapper" class="clearfix">
214 8d08f18a Kostas Papadimitriou
215 8d08f18a Kostas Papadimitriou
                <div class="panes-menu clearfix">
216 f533f224 Vangelis Koukis
                <!-- tabs -->
217 f533f224 Vangelis Koukis
                <div class="tab-name">{% trans "machines" %}</div>
218 f533f224 Vangelis Koukis
                <ul class="css-tabs">
219 8d08f18a Kostas Papadimitriou
                    <li><a href="machines" title="{% trans "manage  virtual " %}"
220 8d08f18a Kostas Papadimitriou
                        class="primary" id="machines_view_link">
221 7970aa87 Kostas Papadimitriou
                        <img src="{{ SYNNEFO_IMAGES_URL }}machines-icon.png" /></a></li>
222 8d08f18a Kostas Papadimitriou
                    <li><a href="networks" title="{% trans "configure " %}"
223 8d08f18a Kostas Papadimitriou
                        class="primary" id="networks_view_link">
224 7970aa87 Kostas Papadimitriou
                        <img src="{{ SYNNEFO_IMAGES_URL }}networks-icon.png" /></a></li>
225 5cac72a2 Kostas Papadimitriou
                    <li class="hidden"><a href="disks" title="{% trans "manage  storage " %}"
226 8d08f18a Kostas Papadimitriou
                        class="primary" id="disks_view_link">
227 7970aa87 Kostas Papadimitriou
                        <img src="{{ SYNNEFO_IMAGES_URL }}disks-icon.png" /></a></li>
228 f533f224 Vangelis Koukis
                </ul>
229 8d08f18a Kostas Papadimitriou
                </div>
230 f533f224 Vangelis Koukis
                <div class="css-panes">
231 8d08f18a Kostas Papadimitriou
                    <div id="machines-pane" class="pane" style="display:block;">
232 8d08f18a Kostas Papadimitriou
                        {% include "partials/machines.html" %}
233 8d08f18a Kostas Papadimitriou
                    </div>
234 8d08f18a Kostas Papadimitriou
                    <div id="networks-pane" class="pane">
235 8d08f18a Kostas Papadimitriou
                        {% include "partials/networks.html" %}
236 8d08f18a Kostas Papadimitriou
                    </div>
237 f533f224 Vangelis Koukis
                    <div id="disks-pane" class="pane"></div>
238 8d08f18a Kostas Papadimitriou
239 122850c5 Kostas Papadimitriou
                    <div class="confirm_multiple clearfix" id="multiple_actions_container">
240 122850c5 Kostas Papadimitriou
                        <div class="confirm_multiple_actions confirm_multiple_cont clearfix">
241 122850c5 Kostas Papadimitriou
                            <p>{% trans "Your actions will affect" %} <span class="actionLen">XX</span> {% trans "machines" %}</p>
242 122850c5 Kostas Papadimitriou
                            <button class="yes">{% trans "Confirm All" %}</button>
243 122850c5 Kostas Papadimitriou
                            <button class="no">{% trans "Cancel All" %}</button>
244 122850c5 Kostas Papadimitriou
                        </div>
245 122850c5 Kostas Papadimitriou
                        <div class="confirm_reboot_required confirm_multiple_cont clearfix">
246 122850c5 Kostas Papadimitriou
                            <p><span class="actionLen"></span> {% trans "machines needs to be rebooted for changes to apply" %}</p>
247 122850c5 Kostas Papadimitriou
                            <button class="yes">{% trans "Reboot All" %}</button>
248 122850c5 Kostas Papadimitriou
                            <button class="no">{% trans "Cancel All" %}</button>
249 122850c5 Kostas Papadimitriou
                            <div class="reboot-machines-list"></div>
250 122850c5 Kostas Papadimitriou
                        </div>
251 8d08f18a Kostas Papadimitriou
                    </div>
252 8d08f18a Kostas Papadimitriou
253 f533f224 Vangelis Koukis
                </div>
254 f533f224 Vangelis Koukis
            </div>
255 cc7c5902 Dimitris Moraitis
        </div>
256 cc7c5902 Dimitris Moraitis
    </div>
257 f533f224 Vangelis Koukis
258 cc7c5902 Dimitris Moraitis
    <!-- activate tabs with JavaScript -->
259 cc7c5902 Dimitris Moraitis
    <script>
260 f533f224 Vangelis Koukis

261 d681d3a6 Mike Muzurakis
        //load opera css fixes
262 d681d3a6 Mike Muzurakis
        if ($.browser.opera) {
263 d681d3a6 Mike Muzurakis
            $("<link/>", {
264 d681d3a6 Mike Muzurakis
               rel: "stylesheet",
265 d681d3a6 Mike Muzurakis
               type: "text/css",
266 7970aa87 Kostas Papadimitriou
               href: "{{ SYNNEFO_CSS_URL }}opera.css"
267 d681d3a6 Mike Muzurakis
            }).appendTo("head");
268 d681d3a6 Mike Muzurakis
        }
269 ce88aad7 Kostas Papadimitriou

270 ce88aad7 Kostas Papadimitriou
        $(document).ready(function(){
271 f277a1cd Kostas Papadimitriou

272 01e254be Kostas Papadimitriou
            {% if current_lang == "el" and not DEBUG %}
273 01e254be Kostas Papadimitriou
                window.location = "/lang/?l=en";
274 01e254be Kostas Papadimitriou
            {% endif %}
275 01e254be Kostas Papadimitriou

276 19e01943 Kostas Papadimitriou
            // user menu interaction
277 ce88aad7 Kostas Papadimitriou
            var resetUserMenu = function() {
278 ce88aad7 Kostas Papadimitriou
                $(this).removeClass("hovered");
279 ce88aad7 Kostas Papadimitriou
                $(this).removeClass("active");
280 ce88aad7 Kostas Papadimitriou
            }
281 92a063bf Kostas Papadimitriou

282 ce88aad7 Kostas Papadimitriou
            $(".usermenu").live("click", function(){
283 ce88aad7 Kostas Papadimitriou
                $(this).addClass("active");
284 ce88aad7 Kostas Papadimitriou
            });
285 ce88aad7 Kostas Papadimitriou
            $(".usermenu").bind('mouseleave', resetUserMenu);
286 ce88aad7 Kostas Papadimitriou
            $(".usermenu").live("mouseover", function(){
287 ce88aad7 Kostas Papadimitriou
                $(this).addClass("hovered");
288 ce88aad7 Kostas Papadimitriou
            });
289 af6fc929 Kostas Papadimitriou

290 0e03566f Kostas Papadimitriou
            $(".usermenu li").mouseenter(function(){$(this).addClass("hovered")})
291 0e03566f Kostas Papadimitriou
            $(".usermenu li").mouseleave(function(){$(this).removeClass("hovered")});
292 0e03566f Kostas Papadimitriou

293 af6fc929 Kostas Papadimitriou
            // bind menu actions
294 af6fc929 Kostas Papadimitriou
            $(".usermenu .logout").click(function() {
295 7dcd8cf5 Kostas Papadimitriou
                synnefo.ui.logout();
296 af6fc929 Kostas Papadimitriou
            });
297 29772683 Kostas Papadimitriou

298 978648f4 Kostas Papadimitriou
            $(".usermenu .api").click(function(){
299 978648f4 Kostas Papadimitriou
                synnefo.ui.main.api_info_view.show();
300 978648f4 Kostas Papadimitriou
            });
301 8d08f18a Kostas Papadimitriou

302 8d08f18a Kostas Papadimitriou
        });
303 8d08f18a Kostas Papadimitriou
        
304 8d08f18a Kostas Papadimitriou
        function positionBottomMessages() {
305 8d08f18a Kostas Papadimitriou
            var el = $("#multiple_actions_container");
306 8d08f18a Kostas Papadimitriou
        }
307 8d08f18a Kostas Papadimitriou

308 8d08f18a Kostas Papadimitriou
        $(window).bind("load", function() { 
309 8d08f18a Kostas Papadimitriou
               var footerHeight = 0;
310 8d08f18a Kostas Papadimitriou
               var footerTop = 0;
311 8d08f18a Kostas Papadimitriou
               var $footer = $("#footer-container");
312 8d08f18a Kostas Papadimitriou

313 8d08f18a Kostas Papadimitriou
               positionFooter();
314 8d08f18a Kostas Papadimitriou
               function positionFooter() {
315 8d08f18a Kostas Papadimitriou
                   footerHeight = 80;
316 8d08f18a Kostas Papadimitriou
                   footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";
317 8d08f18a Kostas Papadimitriou
                   if (($(document.body).height()+footerHeight) < $(window).height()) {
318 8d08f18a Kostas Papadimitriou

319 8d08f18a Kostas Papadimitriou
                       $footer.css({
320 8d08f18a Kostas Papadimitriou
                            position: "absolute"
321 8d08f18a Kostas Papadimitriou
                       }).css({
322 8d08f18a Kostas Papadimitriou
                            top: footerTop
323 8d08f18a Kostas Papadimitriou
                       })
324 8d08f18a Kostas Papadimitriou
                    } else {
325 8d08f18a Kostas Papadimitriou
                    
326 8d08f18a Kostas Papadimitriou
                       if ($footer.css("position") == "static") {
327 8d08f18a Kostas Papadimitriou
                           if ($(document.body).height() < $(window).height()) {    
328 8d08f18a Kostas Papadimitriou
                               $footer.css({
329 8d08f18a Kostas Papadimitriou
                                    position: "absolute"
330 8d08f18a Kostas Papadimitriou
                               }).css({
331 8d08f18a Kostas Papadimitriou
                                    top: footerTop
332 8d08f18a Kostas Papadimitriou
                                })
333 8d08f18a Kostas Papadimitriou
                            }
334 8d08f18a Kostas Papadimitriou
                        } else {
335 8d08f18a Kostas Papadimitriou

336 8d08f18a Kostas Papadimitriou
                           $footer.css({
337 8d08f18a Kostas Papadimitriou
                               position: "static"
338 8d08f18a Kostas Papadimitriou
                           })
339 8d08f18a Kostas Papadimitriou
                       }
340 8d08f18a Kostas Papadimitriou
                   }
341 8d08f18a Kostas Papadimitriou

342 8d08f18a Kostas Papadimitriou
                   }
343 122850c5 Kostas Papadimitriou
               window.positionFooter = _.throttle(positionFooter, 100);
344 8d08f18a Kostas Papadimitriou
               $(window).scroll(positionFooter).resize(positionFooter)
345 ce88aad7 Kostas Papadimitriou
        });
346 cc7c5902 Dimitris Moraitis
    </script>
347 8d08f18a Kostas Papadimitriou
348 b495fe50 Mike Muzurakis
    <!-- base notification for error/success reporting -->
349 b495fe50 Mike Muzurakis
    <a id="notification" rel="#error-success" href="#"></a>
350 29772683 Kostas Papadimitriou
    <a id="msgbox" rel="#notification-box" href="#"></a>
351 54417a11 Kostas Papadimitriou
    <a id="feedbackbox" rel="#feedback-form" href="#"></a>
352 b495fe50 Mike Muzurakis
353 8d08f18a Kostas Papadimitriou
    <div class="overlay" id="generic-overlay-tpl">
354 b1410719 Kostas Papadimitriou
        <div class="overlay-inner">
355 b1410719 Kostas Papadimitriou
            <h3 class="header clearfix">
356 b1410719 Kostas Papadimitriou
                <span class="subtitle"></span>
357 b1410719 Kostas Papadimitriou
                <span class="title"></span>
358 b1410719 Kostas Papadimitriou
                <span class="closeme">close</span></h3>
359 b1410719 Kostas Papadimitriou
            <div class="container">
360 b1410719 Kostas Papadimitriou
                <div class="content">
361 b1410719 Kostas Papadimitriou
                </div>
362 b495fe50 Mike Muzurakis
            </div>
363 b1410719 Kostas Papadimitriou
            <div class="footer"></div>
364 b495fe50 Mike Muzurakis
        </div>
365 b495fe50 Mike Muzurakis
    </div>
366 29772683 Kostas Papadimitriou
367 8d08f18a Kostas Papadimitriou
    <div id="error-overlay-content" class="hidden">
368 9ffd10ce Kostas Papadimitriou
        <div class="error-nav hidden clearfix">
369 9ffd10ce Kostas Papadimitriou
            <span class="indicator"><span class="num">1</span> <span
370 9ffd10ce Kostas Papadimitriou
                    class="ind-msg">new error occured</span></span>
371 9ffd10ce Kostas Papadimitriou
            <span class="show-next nav-btn">{% trans "next" %}</span>
372 9ffd10ce Kostas Papadimitriou
            <span class="show-prev nav-btn">{% trans "previous" %}</span>
373 9ffd10ce Kostas Papadimitriou
        </div>
374 8d08f18a Kostas Papadimitriou
        <div class="message"><p></p></div>
375 8d08f18a Kostas Papadimitriou
        <div class="error-details">
376 8d08f18a Kostas Papadimitriou
            <span class="key">{% trans "Module" %}</span>
377 8d08f18a Kostas Papadimitriou
            <span class="value error-module"></span>
378 8d08f18a Kostas Papadimitriou
379 8d08f18a Kostas Papadimitriou
            <span class="key">{% trans "Code" %}</span>
380 8d08f18a Kostas Papadimitriou
            <span class="value error-code"></span>
381 8d08f18a Kostas Papadimitriou
382 8d08f18a Kostas Papadimitriou
            <span class="key">{% trans "Type" %}</span>
383 8d08f18a Kostas Papadimitriou
            <span class="value error-type"></span>
384 8d08f18a Kostas Papadimitriou
385 8d08f18a Kostas Papadimitriou
            <span class="key details">{% trans "Details" %}</span>
386 8d08f18a Kostas Papadimitriou
            <div class="value error-more-details"><p></p></div>
387 8d08f18a Kostas Papadimitriou
        </div>
388 edd1d565 Kostas Papadimitriou
        
389 edd1d565 Kostas Papadimitriou
        <!--<div class="navigation">-->
390 edd1d565 Kostas Papadimitriou
            <!--<span class="next-error">{% trans "next error" %}</span>-->
391 edd1d565 Kostas Papadimitriou
            <!--<span class="previous-error">{% trans "previous error" %}</span>-->
392 edd1d565 Kostas Papadimitriou
        <!--</div>-->
393 edd1d565 Kostas Papadimitriou
        
394 edd1d565 Kostas Papadimitriou
        <!--<div class="date">-->
395 edd1d565 Kostas Papadimitriou
            <!--<span class="error-date"></span>-->
396 edd1d565 Kostas Papadimitriou
        <!--</div>-->
397 8d08f18a Kostas Papadimitriou
398 8d08f18a Kostas Papadimitriou
        <div class="actions">
399 8d08f18a Kostas Papadimitriou
            <span class="show-details">{% trans "Show details" %}</span>
400 8d08f18a Kostas Papadimitriou
            <span class="hide-details">{% trans "Hide details" %}</span>
401 8d08f18a Kostas Papadimitriou
            <span class="report-error">{% trans "Send report" %}</span>
402 9ce969a7 Kostas Papadimitriou
            <span class="reload-app">{% trans "Reload" %}</span>
403 8d08f18a Kostas Papadimitriou
        </div>
404 8d08f18a Kostas Papadimitriou
    </div>
405 1e827d67 Kostas Papadimitriou
    {% include "partials/invitations.html" %}
406 8d08f18a Kostas Papadimitriou
    <div id="feedback-overlay-content" class="hidden overlay-content feedback-form">
407 8d08f18a Kostas Papadimitriou
        <div class="description">
408 8d08f18a Kostas Papadimitriou
            <p>
409 8d08f18a Kostas Papadimitriou
                {% blocktrans %}~okeanos is currently in alpha test and we would appreciate any kind of feedback.
410 8d08f18a Kostas Papadimitriou
                We welcome any suggestions, questions and bug reports you may have.{% endblocktrans %}
411 8d08f18a Kostas Papadimitriou
            </p>
412 8d08f18a Kostas Papadimitriou
        </div>
413 8d08f18a Kostas Papadimitriou
        <div class="description messages noborder">
414 8d08f18a Kostas Papadimitriou
            <p class="success-message hidden">
415 8d08f18a Kostas Papadimitriou
            {% trans "thank you for submiting your feedback" %}
416 8d08f18a Kostas Papadimitriou
            </p>
417 8d08f18a Kostas Papadimitriou
            <p class="error-message hidden">
418 8d08f18a Kostas Papadimitriou
                {% trans "some error occured submiting submiting your feedback, please try again later" %}
419 8d08f18a Kostas Papadimitriou
            </p>
420 8d08f18a Kostas Papadimitriou
            <p class="sending-message hidden">
421 8d08f18a Kostas Papadimitriou
            {% blocktrans %}Sending feedback...{% endblocktrans %}
422 8d08f18a Kostas Papadimitriou
            </p>
423 8d08f18a Kostas Papadimitriou
        </div>
424 8d08f18a Kostas Papadimitriou
        <div class="form">
425 8d08f18a Kostas Papadimitriou
            <div class="form-field">
426 8d08f18a Kostas Papadimitriou
                <label for{% trans "Please  your  here, provide  many  as " %}</label
427 8d08f18a Kostas Papadimitriou
                <textarea ="feedback-message"> 
428 8d08f18a Kostas Papadimitriou
                </textarea>
429 8d08f18a Kostas Papadimitriou
            </div>
430 8d08f18a Kostas Papadimitriou
            <div class="form-actions clearfix noborder">
431 8d08f18a Kostas Papadimitriou
                <span class="form-action submit">{% trans "send feedback" %}</span>
432 8d08f18a Kostas Papadimitriou
            </div>
433 8d08f18a Kostas Papadimitriou
        </div>
434 8d08f18a Kostas Papadimitriou
    </div>
435 54417a11 Kostas Papadimitriou
    <div class="modal" id="feedback-form" class="feedback notification-box">
436 54417a11 Kostas Papadimitriou
        <h3 class="popup-header">
437 f860d8a3 Vangelis Koukis
            <span class="header-box">{% trans "Send feedback" %}</span>
438 54417a11 Kostas Papadimitriou
        </h3>
439 54417a11 Kostas Papadimitriou
        <div class="popup-body">
440 54417a11 Kostas Papadimitriou
            <div class="popup-body-inner">
441 54417a11 Kostas Papadimitriou
                <div class="form-container">
442 54417a11 Kostas Papadimitriou
                <p class="feedback-intro">
443 ab95fd93 Vangelis Koukis
                {% blocktrans %}~okeanos is currently in alpha test and we would appreciate any kind of feedback.
444 67921b5c Kostas Papadimitriou
We welcome any suggestions, questions and bug reports you may have.{% endblocktrans %}</p>
445 54417a11 Kostas Papadimitriou
                <form id="feedback-form">
446 8ebafb71 Kostas Papadimitriou
                    <label for="feedback-msg">{% trans "Please describe your problem here, provide as many details as possible" %}</label>
447 8ebafb71 Kostas Papadimitriou
                    <div class="description"></div>
448 d790d9b7 Kostas Papadimitriou
                    <div class="empty-error-msg">{% trans "Please provide some feedback" %}</div>
449 54417a11 Kostas Papadimitriou
                    <textarea name="feedback-msg" class="feedback-text"></textarea>
450 67921b5c Kostas Papadimitriou
451 67921b5c Kostas Papadimitriou
                    <input type="checkbox" name="submit-submit-data" class='submit-data' />
452 54417a11 Kostas Papadimitriou
                    <input type="submit" value="{% trans "submit " %}" class="submit" />
453 54417a11 Kostas Papadimitriou
                    <textarea name="feedback-data" class="data-text"></textarea>
454 54417a11 Kostas Papadimitriou
                </form>
455 54417a11 Kostas Papadimitriou
            </div>
456 54417a11 Kostas Papadimitriou
457 54417a11 Kostas Papadimitriou
            <div class="message sending">{% trans "submiting your data....." %}</div>
458 54417a11 Kostas Papadimitriou
            <div class="message success">
459 54417a11 Kostas Papadimitriou
                {% trans "thank you for submiting your feedback" %}
460 54417a11 Kostas Papadimitriou
                <span class="close-msg-box"> {% trans "close feedback" %}</span></div>
461 54417a11 Kostas Papadimitriou
            <div class="message errormsg">
462 54417a11 Kostas Papadimitriou
                {% trans "some error occured submiting submiting your feedback, please try again later" %}
463 54417a11 Kostas Papadimitriou
                <span class="close-msg-box"> {% trans "close feedback" %}</span></div>
464 54417a11 Kostas Papadimitriou
            </div>
465 54417a11 Kostas Papadimitriou
            </div>
466 54417a11 Kostas Papadimitriou
        </div>
467 54417a11 Kostas Papadimitriou
    </div>
468 3c08f055 Kostas Papadimitriou
    
469 978648f4 Kostas Papadimitriou
    <div id="api-info-overlay" class="overlay-content overlay-info hidden">
470 978648f4 Kostas Papadimitriou
        <div class="description">
471 978648f4 Kostas Papadimitriou
            <p>{% blocktrans with EXTERNAL_CLIENT_URL as EXTERNAL_CLIENT_URL %}Use the following API key along with the <a
472 978648f4 Kostas Papadimitriou
                href="{{ EXTERNAL_CLIENT_URL }}">./kamaki</a> client to manage
473 978648f4 Kostas Papadimitriou
            your cloud resources from outside this page.{% endblocktrans %}</p>
474 978648f4 Kostas Papadimitriou
        </div>
475 978648f4 Kostas Papadimitriou
        <div class="copy-content">
476 978648f4 Kostas Papadimitriou
            <p></p>
477 978648f4 Kostas Papadimitriou
        </div>
478 978648f4 Kostas Papadimitriou
        <div class="description subinfo">
479 978648f4 Kostas Papadimitriou
            <p>
480 978648f4 Kostas Papadimitriou
            {% trans "The API key provides full access to your <em>~okeanos</em> account, so always keep it private." %}
481 978648f4 Kostas Papadimitriou
            </p>
482 978648f4 Kostas Papadimitriou
        </div>
483 978648f4 Kostas Papadimitriou
    </div>
484 978648f4 Kostas Papadimitriou
485 3c08f055 Kostas Papadimitriou
    <div class="api_overlay_template">
486 3c08f055 Kostas Papadimitriou
        <div class="api_overlay_content">
487 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>
488 3c08f055 Kostas Papadimitriou
        </div>
489 3c08f055 Kostas Papadimitriou
    </div>
490 54417a11 Kostas Papadimitriou
491 54417a11 Kostas Papadimitriou
    <div class="modal" id="notification-box" class="notification-box">
492 29772683 Kostas Papadimitriou
        <h3 class="popup-header">
493 29772683 Kostas Papadimitriou
            <span class="header-box"></span>
494 29772683 Kostas Papadimitriou
        </h3>
495 29772683 Kostas Papadimitriou
        <div class="popup-body">
496 29772683 Kostas Papadimitriou
            <div class="popup-body-inner">
497 29772683 Kostas Papadimitriou
                <div class="machine-now-building"></div>
498 29772683 Kostas Papadimitriou
                <div class="popup-separator"></div>
499 29772683 Kostas Papadimitriou
                <div class="password-container">
500 29772683 Kostas Papadimitriou
                    <div class="password"></div>
501 29772683 Kostas Papadimitriou
                </div>
502 9ed51b7e Kostas Papadimitriou
                <div class="sub-text"></div>
503 29772683 Kostas Papadimitriou
            </div>
504 29772683 Kostas Papadimitriou
        </div>
505 29772683 Kostas Papadimitriou
    </div>
506 8d08f18a Kostas Papadimitriou
    
507 8d08f18a Kostas Papadimitriou
    <div id="loading-view" class="hidden">
508 46990631 Kostas Papadimitriou
        <img src="{{ SYNNEFO_IMAGES_URL }}icons/indicators/small/progress.gif" />
509 8d08f18a Kostas Papadimitriou
        <div class="header">Loading <span>~okeanos</span></div>
510 8d08f18a Kostas Papadimitriou
        <div class="info hidden"></div>
511 8d08f18a Kostas Papadimitriou
    </div>
512 8d08f18a Kostas Papadimitriou
    {% include "footer.html" %}
513 8d08f18a Kostas Papadimitriou
514 8d08f18a Kostas Papadimitriou
    <script>
515 8d08f18a Kostas Papadimitriou
        $(document).ready(function() {
516 8d08f18a Kostas Papadimitriou
            $(".css-panes").hide();
517 1956fd41 Kostas Papadimitriou

518 66be390b Kostas Papadimitriou
            // TODO: match <= 1.9.1
519 5dad72ea Kostas Papadimitriou
            if ($.browser.mozilla && $.browser.version.substr(0,3) == "1.9") {
520 2506f741 Kostas Papadimitriou
                synnefo.config.overlay_speed = 0;
521 66be390b Kostas Papadimitriou
                $.fx.off = true;
522 2506f741 Kostas Papadimitriou
            }
523 66be390b Kostas Papadimitriou
            
524 66be390b Kostas Papadimitriou
            // synnefo js config
525 66be390b Kostas Papadimitriou
            synnefo.config.update_interval = {{ update_interval }};
526 66be390b Kostas Papadimitriou
            synnefo.config.delay_on_blur = {{ delay_on_blur }};
527 66be390b Kostas Papadimitriou
            synnefo.config.blur_delay = {{ blur_delay }};
528 66be390b Kostas Papadimitriou
            synnefo.config.update_hidden_views = {{ update_hidden_views }};
529 66be390b Kostas Papadimitriou
            synnefo.config.handle_window_exceptions = {{ handle_window_exceptions }};
530 66be390b Kostas Papadimitriou
            synnefo.config.ajax_timeout = {{ timeout }};
531 66be390b Kostas Papadimitriou
            synnefo.config.skip_timeouts = {{ skip_timeouts }};
532 1e827d67 Kostas Papadimitriou
            synnefo.config.invitations_url = "{% url invitations %}";
533 5764e310 Kostas Papadimitriou
            synnefo.VERSION = "{{ synnefo_version }}";
534 66be390b Kostas Papadimitriou

535 66be390b Kostas Papadimitriou
            // TODO: make it dynamic
536 66be390b Kostas Papadimitriou
            synnefo.config.api_url = '/api/v1.1';
537 66be390b Kostas Papadimitriou
            synnefo.config.logout_url = '{{ logout_redirect }}';
538 5dad72ea Kostas Papadimitriou

539 c62c6b91 Kostas Papadimitriou
            synnefo.config.media_url = '{{ UI_MEDIA_URL }}';
540 c62c6b91 Kostas Papadimitriou
            synnefo.config.js_url = '{{ SYNNEFO_JS_URL }}';
541 7970aa87 Kostas Papadimitriou
            synnefo.config.indicators_icons_url = '{{ SYNNEFO_IMAGES_URL }}icons/indicators/';
542 7970aa87 Kostas Papadimitriou
            synnefo.config.machines_icons_url = '{{ SYNNEFO_IMAGES_URL }}icons/machines/';
543 c62c6b91 Kostas Papadimitriou

544 8d08f18a Kostas Papadimitriou
            synnefo.ui.init();
545 978648f4 Kostas Papadimitriou

546 1e827d67 Kostas Papadimitriou
            synnefo.ui.main.bind("initial", function(){
547 1e827d67 Kostas Papadimitriou
            })
548 5764e310 Kostas Papadimitriou

549 8d08f18a Kostas Papadimitriou
        })
550 8d08f18a Kostas Papadimitriou
    </script>
551 cc7c5902 Dimitris Moraitis
</body>
552 cc7c5902 Dimitris Moraitis
</html>