Statistics
| Branch: | Tag: | Revision:

root / ui / templates / home.html @ ec06b07c

History | View | Annotate | Download (2.6 kB)

1 d7f0ad6e provetza
{% load i18n %}
2 cc7c5902 Dimitris Moraitis
<!DOCTYPE html>
3 cc7c5902 Dimitris Moraitis
<head>
4 b303ba05 Christodoulos Psaltis
        <title>{{ project }}</title>
5 cc7c5902 Dimitris Moraitis
        <!-- include the Tools -->
6 cc7c5902 Dimitris Moraitis
        <script src="static/jquery.tools.min.js"></script>
7 e55b8703 Christodoulos Psaltis
        <link rel="stylesheet" type="text/css" href="static/main.css"/>        
8 5153f2a9 Dimitris Moraitis
    <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css' />
9 5153f2a9 Dimitris Moraitis
10 cc7c5902 Dimitris Moraitis
</head>
11 cc7c5902 Dimitris Moraitis
<body>
12 cc7c5902 Dimitris Moraitis
    <div id="wrapper">
13 ec06b07c Dimitris Moraitis
        <div id='user'>
14 ec06b07c Dimitris Moraitis
            <a href="#">{% trans "username" %}</a> &nbsp;|&nbsp; <a href="#">{% trans "settings" %}</a>
15 ec06b07c Dimitris Moraitis
            {% get_available_languages as LANGUAGES %}
16 421369dc user
            {% for lang in LANGUAGES %}
17 ec06b07c Dimitris Moraitis
                &nbsp;|&nbsp;
18 ec06b07c Dimitris Moraitis
                <a {% if  == lang.0 %}class="current_lang" {% else %}  href="/lang/?l={{lang.0}}" {% endif %}>{{lang.0}}</a> 
19 421369dc user
            {% endfor %}
20 421369dc user
        </div>
21 cc7c5902 Dimitris Moraitis
        <div id='nefo'><a href="/" class="logo"><img src="static/nefo.png"/></a></div>
22 cc7c5902 Dimitris Moraitis
        <div id="header">
23 d7f0ad6e provetza
            <div id="about">{% trans "Greek Research and Technology Network - Cloud management web interface" %}</div>
24 cc7c5902 Dimitris Moraitis
            <a href="/" class="logo">
25 b303ba05 Christodoulos Psaltis
                <h1>{{ project }}</h1>
26 cc7c5902 Dimitris Moraitis
            </a>
27 cc7c5902 Dimitris Moraitis
        </div>
28 cc7c5902 Dimitris Moraitis
        <!-- tabs -->
29 cc7c5902 Dimitris Moraitis
        <ul class="css-tabs">
30 e55b8703 Christodoulos Psaltis
                <li><a href="instances" title="manage your virtual machines" id="instances">instances</a></li>
31 5153f2a9 Dimitris Moraitis
                <li><a href="disks" title="manage your storage volumes" id="disks">disks</a></li>
32 5153f2a9 Dimitris Moraitis
                <li><a href="images" title="manage boot images" id="images">images</a></li>
33 5153f2a9 Dimitris Moraitis
                <li><a href="networks" title="configure networking" id="networks">networks</a></li>
34 cc7c5902 Dimitris Moraitis
        </ul>
35 cc7c5902 Dimitris Moraitis
        <div class="css-panes">
36 ec06b07c Dimitris Moraitis
                <div id="instances-pane" class="pane" style="display:block">{% include "instances.html" %}</div>
37 ec06b07c Dimitris Moraitis
                <div id="disks-pane" class="pane"></div>
38 ec06b07c Dimitris Moraitis
                <div id="images-pane" class="pane"></div>
39 ec06b07c Dimitris Moraitis
                <div id="networks-pane" class="pane"></div>
40 cc7c5902 Dimitris Moraitis
        </div>
41 cc7c5902 Dimitris Moraitis
    </div>
42 cc7c5902 Dimitris Moraitis
    <!-- activate tabs with JavaScript -->
43 cc7c5902 Dimitris Moraitis
    <script>
44 cc7c5902 Dimitris Moraitis
                $(function() {
45 e55b8703 Christodoulos Psaltis
                    $('ul.css-tabs li').hover(function(){
46 e55b8703 Christodoulos Psaltis
                            $(this).find('a:not(.current)').animate({top:'-3px'},{queue:false,duration:150});
47 e55b8703 Christodoulos Psaltis
            }, function(){
48 e55b8703 Christodoulos Psaltis
                $(this).find('a:not(.current)').animate({top:'0px'},{queue:false,duration:150});
49 e55b8703 Christodoulos Psaltis
                    });
50 cc7c5902 Dimitris Moraitis
                });
51 cc7c5902 Dimitris Moraitis
        $(function() {
52 cc7c5902 Dimitris Moraitis
                $("ul.css-tabs").tabs("div.css-panes div.pane", {        
53 cc7c5902 Dimitris Moraitis
                        onBeforeClick: function(event, i) {
54 cc7c5902 Dimitris Moraitis
                                // get the pane to be opened
55 cc7c5902 Dimitris Moraitis
                                var pane = this.getPanes().eq(i);
56 ec06b07c Dimitris Moraitis
                    pane.text('');
57 cc7c5902 Dimitris Moraitis
                                // load it with a page specified in the tab's href attribute
58 cc7c5902 Dimitris Moraitis
                                pane.load(this.getTabs().eq(i).attr("href"));
59 cc7c5902 Dimitris Moraitis
                        }
60 cc7c5902 Dimitris Moraitis
                });
61 cc7c5902 Dimitris Moraitis
        });
62 cc7c5902 Dimitris Moraitis
    </script>
63 cc7c5902 Dimitris Moraitis
</body>
64 cc7c5902 Dimitris Moraitis
</html>