Revision 0dedf601 ui/templates/home.html

b/ui/templates/home.html
27 27 
        </div>
28 28 
        <!-- tabs -->
29 29 
        <ul class="css-tabs">
30 
	        <li><a href="machines" title="{% trans "manage your virtual machines" %}" id="machines">{% trans "machines" %}
31 
                </a></li>
32 
	        <li><a href="disks" title="{% trans "manage your storage volumes" %}" id="disks">{% trans "disks" %}</a></li>
33 
	        <li><a href="images" title="{% trans "manage boot images" %}" id="images">{% trans "images" %}</a></li>
34 
	        <li><a href="networks" title="{% trans "configure networking" %}" id="networks">{% trans "networks" %}</a></li>
35 
            <li><a href="files" title="{% trans "your files" %}" id="files">{% trans "files" %}</a></li>
36 
	        <li><a href="desktops" title="{% trans "your desktops" %}" id="desktops">{% trans "desktops" %}</a></li>
37 
	        <li><a href="apps" title="{% trans "your apps" %}" id="apps">{% trans "apps" %}</a></li>
30 
	        <li><a href="machines" title="{% trans "manage your virtual machines" %}" class="primary" id="machines">
31 
                {% trans "machines" %}</a></li>
32 
	        <li><a href="disks" title="{% trans "manage your storage volumes" %}" class="primary" id="disks">
33 
                {% trans "disks" %}</a></li>
34 
	        <li><a href="images" title="{% trans "manage boot images" %}" class="primary" id="images">
35 
                {% trans "images" %}</a></li>
36 
	        <li><a href="networks" title="{% trans "configure networking" %}" class="primary" id="networks">
37 
                {% trans "networks" %}</a></li>
38 
            <li><a href="files" title="{% trans "your files" %}" class="secondary" id="files">
39 
                {% trans "files" %}</a></li>
40 
	        <li><a href="desktops" title="{% trans "your desktops" %}" class="secondary" id="desktops">
41 
                {% trans "desktops" %}</a></li>
42 
	        <li><a href="apps" title="{% trans "your apps" %}" class="secondary" id="apps">
43 
                {% trans "apps" %}</a></li>
38 44 
        </ul>
39 45 
        <div class="more-tabs"><img src="static/arrow.png" id="arrow"></img></div>
40 46 
        <div class="css-panes">
......
86 92
87 93 
        // what is working
88 94 
        $("#arrow").click(function(event){
89 
            var state = true;
95 
            var state = true;
96 
            $("ul.css-tabs li .primary").hide();
97 
            $("ul.css-tabs li .secondary").show();
90 98 
            $(this).rotate({animateAngle: (90), bind:[{
91 99 
                "click":function(){
92 100 
                    if (state) {
93 101 
                        $(this).rotateAnimation(90);
102 
                        $("ul.css-tabs li .primary").hide();
103 
                        $("ul.css-tabs li .secondary").show();
94 104 
                        state = false;
95 105 
                        }
96 106 
                    else {
97 107 
                       $(this).rotateAnimation(0);
108 
                        $("ul.css-tabs li .primary").show();
109 
                        $("ul.css-tabs li .secondary").hide();
98 110 
                       state = true;
99 111 
                        }
100 112 
                }}]

Also available in: Unified diff