Statistics
| Branch: | Tag: | Revision:

root / ui / templates / home.html @ 56d33521

History | View | Annotate | Download (3.1 kB)

1
{% load i18n %}
2
{% load localeurl_tags %}
3

    
4
<!DOCTYPE html>
5

    
6
<head>
7
        <title>{{ project }}</title>
8
        <!-- include the Tools -->
9
        <script src="static/jquery.tools.min.js"></script>
10
        <link rel="stylesheet" type="text/css" href="static/alt-main.css"/>        
11
    <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css' />
12

    
13
</head>
14

    
15
<body>
16
    <div id="wrapper">
17

    
18
    {% get_available_languages as LANGUAGES %}
19
    
20
        <div id="language">
21
            {% for lang in LANGUAGES %}
22
                <a href="{{request.path|chlocale:lang.0}}">{{lang.1}}</a> 
23
            {% endfor %}
24
        </div>
25

    
26
        <div id='user'><a href="#">{% trans "username" %}</a> &nbsp;|&nbsp; <a href="#">{% trans "settings" %}</a>
27
{% comment %}
28
{% get_available_languages as LANGUAGES %}
29
<form action="/i18n/setlang/" method="post">
30
{% csrf_token %}
31
<input name="next" type="hidden" value="/" />
32
<select name="language">
33
{% for language in LANGUAGES %}
34
<option value="{{ language.0 }}">{{ language.1 }}::{{ language.0 }}</option>
35
{% endfor %}
36
</select>
37
<input type="submit" value="Go" />
38
</form>
39
{% endcomment %}
40

    
41

    
42
</div>
43

    
44
        <div id='nefo'><a href="/" class="logo"><img src="static/nefo.png"/></a></div>
45
        <div id="header">
46

    
47

    
48

    
49
            <div id="about">{% trans "Greek Research and Technology Network - Cloud management web interface" %}</div>
50
            <a href="/" class="logo">
51
                <h1>{{ project }}</h1>
52
            </a>
53
        </div>
54
        <!-- tabs -->
55
        <ul class="css-tabs">
56
                <li><a href="alt-instances" title="manage your virtual machines" id="instances">instances</a></li>
57
                <li><a href="disks" title="manage your storage volumes" id="disks">disks</a></li>
58
                <li><a href="images" title="manage boot images" id="images">images</a></li>
59
                <li><a href="networks" title="configure networking" id="networks">networks</a></li>
60
        </ul>
61
        <div class="css-panes">
62
                <div class="pane" style="display:block"></div>
63
                <div class="pane"></div>
64
                <div class="pane"></div>
65
                <div class="pane"></div>
66
        </div>
67
    </div>
68
    <!-- activate tabs with JavaScript -->
69
    <script>
70
                $(function() {
71
            if ($("link").attr("href") == "static/alt-main.css") {
72
                            $('ul.css-tabs li').hover(function(){
73
                                    $(this).find('a:not(.current)').animate({top:'-3px'},{queue:false,duration:150});
74
                }, function(){
75
                    $(this).find('a:not(.current)').animate({top:'0px'},{queue:false,duration:150});
76
                            });
77
            }
78
                });
79
        $(function() {
80
                $("ul.css-tabs").tabs("div.css-panes div.pane", {        
81
                        effect: 'ajax',
82
                        onBeforeClick: function(event, i) {
83
                                // get the pane to be opened
84
                                var pane = this.getPanes().eq(i);
85

86
                                // load it with a page specified in the tab's href attribute
87
                                pane.load(this.getTabs().eq(i).attr("href"));
88
                        }
89
                });
90
        });
91
        $("ul.css-tabs a").tooltip({effect: 'fade', predelay: 1000, delay: 2, position: 'top center', opacity: 0.8});
92
    </script>
93
</body>
94
</html>
95