Revision 24d0c6a9 ui/templates/home.html

b/ui/templates/home.html
4 4 
	<title>{{ project }}</title>
5 5 
	<!-- include the Tools -->
6 6 
	<script src="static/jquery.tools.min.js"></script>
7 
    <script src="static/jQueryRotate.js"></script>
7 8 
	<link rel="stylesheet" type="text/css" href="static/main.css"/>
8 9 
    <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css' />
9 10 

  		





  ......




  26
  27
  
    
        </div>


  		





  27
  28
  
    
        <!-- tabs -->


  		





  28
  29
  
    
        <ul class="css-tabs">


  		





  29
  
  
    
	        <li><a href="machines" title="{% trans "manage your virtual machines" %}" id="machines">{% trans "machines" %}</a></li>


  		





  
  30
  
    
	        <li><a href="machines" title="{% trans "manage your virtual machines" %}" id="machines">{% trans "machines" %}


  		





  
  31
  
    
                </a></li>


  		





  30
  32
  
    
	        <li><a href="disks" title="{% trans "manage your storage volumes" %}" id="disks">{% trans "disks" %}</a></li>


  		





  31
  33
  
    
	        <li><a href="images" title="{% trans "manage boot images" %}" id="images">{% trans "images" %}</a></li>


  		





  32
  34
  
    
	        <li><a href="networks" title="{% trans "configure networking" %}" id="networks">{% trans "networks" %}</a></li>


  		





  ......




  34
  36
  
    
	        <li><a href="desktops" title="{% trans "your desktops" %}" id="desktops">{% trans "desktops" %}</a></li>


  		





  35
  37
  
    
	        <li><a href="apps" title="{% trans "your apps" %}" id="apps">{% trans "apps" %}</a></li>


  		





  36
  38
  
    
        </ul>


  		





  
  39
  
    
        <div class="more-tabs"><img src="static/arrow.png" id="arrow"></img></div>


  		





  37
  40
  
    
        <div class="css-panes">


  		





  38
  41
  
    
	        <div id="machines-pane" class="pane" style="display:block">{% include "machines.html" %}</div>


  		





  39
  42
  
    
	        <div id="disks-pane" class="pane"></div>


  		





  ......




  66
  69
  
    
		        }


  		





  67
  70
  
    
	        });


  		





  68
  71
  
    
        });


  		





  
  72
  
    
        // what should work


  		





  
  73
  
    
        /*


  		





  
  74
  
    
        $("#arrow").click(function(event){


  		





  
  75
  
    
            $(this).addClass("clicked");


  		





  
  76
  
    
            $(this).rotateAnimation(90);


  		





  
  77
  
    
        });


  		





  
  78
  
    

  		





  
  79
  
    
        $(".clicked").click(function(event){


  		





  
  80
  
    
            $(this).removeClass("clicked");


  		





  
  81
  
    
            $(this).rotateAnimation(0);


  		





  
  82
  
    
        });


  		





  
  83
  
    
        */


  		





  
  84
  
    
        


  		





  
  85
  
    
        // what is working


  		





  
  86
  
    
        var counter = 1;


  		





  
  87
  
    
        var angle;


  		





  
  88
  
    

  		





  
  89
  
    
        $("#arrow").click(function(event){


  		





  
  90
  
    
            $(this).rotate({animateAngle: (90), bind:[{


  		





  
  91
  
    
                "click":function(){


  		





  
  92
  
    
                    if (counter % 2 == 0)


  		





  
  93
  
    
                        $(this).rotateAnimation(90);


  		





  
  94
  
    
                    else


  		





  
  95
  
    
                       $(this).rotateAnimation(0); 


  		





  
  96
  
    
                    counter += 1;


  		





  
  97
  
    
                }}]


  		





  
  98
  
    
            });


  		





  
  99
  
    
        });


  		





  69
  100
  
    
    </script>


  		





  70
  101
  
    
</body>


  		





  71
  102
  
    
</html>


  		












Also available in:
  Unified diff