Revision 21e567a9

/dev/null
1 
$(document).ready(function(){
2 
    $('.select-flavor dl span').click(function(e){
3 
        console.log('test');
4 
        $(this).parents('dl').find('span').removeClass('current');
5 
        $(this).addClass('current');
6 
    })
7 

  		





  8
  
  
    
   


  		





  9
  
  
    
});


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/glafkopis.js
    
  






  
  1
  
    
$(document).ready(function(){


  		





  
  2
  
    
    var select_flavor =0;


  		





  
  3
  
    
    $('.select-flavor dl span').click(function(e){


  		





  
  4
  
    
        e.preventDefault();


  		





  
  5
  
    
        $(this).parents('dl').find('span').removeClass('current');


  		





  
  6
  
    
        $(this).addClass('current');


  		





  
  7
  
    
        if(select_flavor == 1){


  		





  
  8
  
    
        	$('.lt-sidebar').find('a.choosen_flavor').removeClass('choosen_flavor');


  		





  
  9
  
    
        	select_flavor = 0;


  		





  
  10
  
    
        }


  		





  
  11
  
    
    });


  		





  
  12
  
    

  		





  
  13
  
    
	/* function that determines which values are included to small, medium and large flavor */


  		





  
  14
  
    

  		





  
  15
  
    

  		





  
  16
  
    

  		





  
  17
  
    

  		





  
  18
  
    
	/* if a predefined flavor has been selected from the user, it highlights the proper resources */


  		





  
  19
  
    

  		





  
  20
  
    
	$('.lt-sidebar li a.flavor_selection').click(function(e){


  		





  
  21
  
    
		e.preventDefault();


  		





  
  22
  
    
		select_flavor = 1;


  		





  
  23
  
    
		var classes = $(this).attr('class').split(" ");


  		





  
  24
  
    
		// the second class is: small_flavor or medium_flavor or large_flavor


  		





  
  25
  
    
		


  		





  
  26
  
    
		$(this).parent('li').siblings('li').find('a.choosen_flavor').removeClass('choosen_flavor');


  		





  
  27
  
    
		$(this).addClass('choosen_flavor');


  		





  
  28
  
    
		$('.select-flavor').find('dl span.current').removeClass('current');


  		





  
  29
  
    
		$('.select-flavor').find('.'+classes[1]).addClass('current');


  		





  
  30
  
    

  		





  
  31
  
    
	});


  		





  
  32
  
    

  		





  
  33
  
    

  		





  
  34
  
    
   


  		





  
  35
  
    
});


  		





  
  36
  
    

  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/styles.css
    
  






  134
  134
  
    

  		





  135
  135
  
    
a.black:hover{


  		





  136
  136
  
    
	color: #ff7bac;


  		





  
  137
  
    
}


  		





  
  138
  
    

  		





  
  139
  
    

  		





  
  140
  
    
/* create vm: choosen flavor */


  		





  
  141
  
    

  		





  
  142
  
    
.lt-sidebar ul li a.flavor_selection:hover span{


  		





  
  143
  
    
	display: none;


  		





  
  144
  
    
}


  		





  
  145
  
    

  		





  
  146
  
    

  		





  
  147
  
    
.overlay .lt-sidebar ul li a.flavor_selection.choosen_flavor span{


  		





  
  148
  
    
	display: inline-block;


  		





  
  149
  
    
}


  		





  
  150
  
    

  		





  
  151
  
    

  		





  
  152
  
    
.titles{


  		





  
  153
  
    
	/*font-weight: bold;*/


  		





  
  154
  
    
	color: white;


  		





  137
  155
  
    
}


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_create_b_v1.html
    
  






  9
  9
  
    
    <title>Synnefo | VM list</title>


  		





  10
  10
  
    
    <link rel="stylesheet" href="stylesheets/normalize.css" />


  		





  11
  11
  
    
    <link rel="stylesheet" href="stylesheets/app.css" />


  		





  
  12
  
    
    <link rel="stylesheet" href="stylesheets/styles.css" />


  		





  12
  13
  
    

  		





  13
  14
  
    
    <script src="javascripts/vendor/custom.modernizr.js"></script>


  		





  14
  15
  
    

  		





  ......




  66
  67
  
    
		<div class="overlay create-vm">


  		





  67
  68
  
    
			<div class="lt-sidebar">


  		





  68
  69
  
    
				<ul>


  		





  69
  
  
    
					<li><a href="#">Predefined<span>></span></a></li>


  		





  70
  
  
    
					<li><a href="#" class="current">Small<span>></span></a></li>


  		





  71
  
  
    
					<li><a href="#">Medium<span>></span></a></li>


  		





  72
  
  
    
					<li><a href="#">Large<span>></span></a></li>


  		





  
  70
  
    
					<li><span class="titles">Predefined</span></li>


  		





  
  71
  
    
					<li><a href="#" class="flavor_selection small_flavor">Small<span>></span></a></li>


  		





  
  72
  
    
					<li><a href="#" class="flavor_selection medium_flavor">Medium<span>></span></a></li>


  		





  
  73
  
    
					<li><a href="#" class="flavor_selection large_flavor">Large<span>></span></a></li>


  		





  73
  74
  
    
				</ul>


  		





  74
  75
  
    
				


  		





  75
  76
  
    
			</div>


  		





  ......




  78
  79
  
    
				<div class="select-flavor">


  		





  79
  80
  
    
					<dl class="clearfix">


  		





  80
  81
  
    
						<dd><strong>Cpu</strong> (x cores)</dd>


  		





  81
  
  
    
						<dt><span>1</span><span>2</span><span>4</span></dt>


  		





  
  82
  
    
						<dt><span class="small_flavor">1</span><span class="medium_flavor">2</span><span class="large_flavor">4</span></dt>


  		





  82
  83
  
    
					</dl>


  		





  83
  84
  
    
					<dl class="clearfix">


  		





  84
  85
  
    
						<dd><strong>Disk Size</strong> (GB)</dd>


  		





  85
  
  
    
						<dt><span>10</span><span>20</span><span>40</span></dt>


  		





  
  86
  
    
						<dt><span class="small_flavor">5</span><span class="medium_flavor">10</span><span class="large_flavor">20</span><span>40</span></dt>


  		





  86
  87
  
    
					</dl>


  		





  87
  88
  
    
					<dl class="clearfix">


  		





  88
  89
  
    
						<dd><strong>Memory Size</strong> (MB)</dd>


  		





  89
  
  
    
						<dt><span>1024</span><span>2048</span><span>4096</span></dt>


  		





  
  90
  
    
						<dt><span class="small_flavor">1024</span><span class="medium_flavor large_flavor">2048</span><span>4096</span></dt>


  		





  90
  91
  
    
					</dl>


  		





  91
  92
  
    
					<dl class="clearfix">


  		





  92
  93
  
    
						<dd><strong>Storage</strong></dd>


  		





  ......




  136
  137
  
    
	


  		





  137
  138
  
    
	<script src="javascripts/foundation/foundation.topbar.js"></script>


  		





  138
  139
  
    
	<script src="javascripts/common.js"></script>


  		





  139
  
  
    
	<script src="javascripts/common_ab.js"></script>


  		





  
  140
  
    
	<script src="javascripts/glafkopis.js"></script>


  		





  140
  141
  
    
	


  		





  141
  142
  
    
  


  		





  142
  143
  
    
  <script>


  		












Also available in:
  Unified diff