aboutsummaryrefslogtreecommitdiffstats
path: root/moon_gui/static/app/common/header/header.tpl.html
blob: f703fa79e1cd6bc6a0cac7f918f7e315d11e6765 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<div class="container banner" ng-controller="HeaderController as header">

    <div class="row">
    
		<div class="col-md-3 sub-banner">
            <a ui-sref="moon.dashboard"><img src="assets/img/logo-orange.gif" alt="Orange" /> </a>
            <img src="assets/img/logo-openstack.png" alt="OpenStack" />
        </div>
        
        <div class="col-md-6 center-block">
            <h1 data-translate="moon.global.applicationName">Moon UI</h1>
        </div>
    
    	<div class="col-md-3">

	        <span class="pull-right">

	            <a href="" ng-click="header.changeLocale('fr', $event)" ng-class="{'strong' : header.currentLanguage === 'fr'}"><img src="assets/img/arrow-link.gif" alt="fr_" />fr</a>
	            <a href="" ng-click="header.changeLocale('en', $event)" ng-class="{'strong' : header.currentLanguage === 'en'}"><img src="assets/img/arrow-link.gif" alt="en_" />en</a>

	            <a href="" ng-if="connected" ng-click="header.logout()" class="left30">
	            	<span class="glyphicon glyphicon-log-out"></span>
	            	<span data-translate="moon.logout.title">Logout</span>(<span ng-bind="header.getUser().token.user.name"></span>)
	            </a>

                <a href="" ng-if="!connected" class="left30">
	            	<span class="glyphicon glyphicon-log-in"></span>
	            	<span data-translate="moon.login.title">Login</span>
	            </a>
	        </span>

        </div>

    </div>
    
    <div class="row">
    	<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button': true}"></toaster-container>
    </div>

    <div class="row" ng-if="connected">
    
        <ul class="nav nav-tabs">
            <li ng-class="{active: header.isProjectTabActive()}"><a ui-sref="moon.project.list" data-translate="moon.menu.project">Projects</a></li>
            <li ng-class="{active: header.isModelTabActive()}"><a ui-sref="moon.model.list" data-translate="moon.menu.model">Models</a></li>
            <li ng-class="{active: header.isPolicyTabActive()}"><a ui-sref="moon.policy.list" data-translate="moon.menu.policy">Policy</a></li>
            <li ng-class="{active: header.isPDPTabActive()}"><a ui-sref="moon.pdp.list" data-translate="moon.menu.pdp">PDP</a></li>
            <!--<li ng-class="{active: header.isLogsTabActive()}"><a ui-sref="moon.logs" data-translate="moon.menu.logs">Logs</a></li>-->
        </ul>
                        
    </div>

</div>