Revision 3231ff01

b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/vm-wizard.js
113 113 

  		





  114
  114
  
    
	initEvents: function() {


  		





  115
  115
  
    
		ui.wizard.setDimensions();


  		





  
  116
  
    

  		





  
  117
  
    

  		





  116
  118
  
    
		$(document).keydown(function(e) {


  		





  
  119
  
    
			var exp = $('.vm-name input').is(':focus') && $('.vm-name input').val().length>0 && ui.wizard.current_step ==3;


  		





  
  120
  
    
			console.log('exp',exp);


  		





  117
  121
  
    
			// right arrow keyCode == 39


  		





  118
  122
  
    
			if ($('.wizard:visible').length != 0) {


  		





  119
  
  
    
				if (e.keyCode == 39 && ui.wizard.current_step != (ui.wizard.total_step)) {


  		





  
  123
  
    
				if (e.keyCode == 39 && ui.wizard.current_step != (ui.wizard.total_step) &&(!exp)) {


  		





  120
  124
  
    
					ui.wizard.goNext();


  		





  121
  125
  
    
					return false;


  		





  122
  126
  
    
				}


  		





  123
  127
  
    
				// left arrow keyCode == 37


  		





  124
  
  
    
				else if (e.keyCode == 37 && ui.wizard.current_step != 1 && !($('.vm-name input').val())) {


  		





  
  128
  
    
				else if (e.keyCode == 37 && ui.wizard.current_step != 1 &&(!exp)) {


  		





  125
  129
  
    
					ui.wizard.goPrev();


  		





  126
  130
  
    
					return false;


  		





  127
  131
  
    
				}


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_forms.scss
    
  






  1
  1
  
    
/* Table of Contents


  		





  2
  2
  
    

  		





  3
  
  
    
- editable 


  		





  4
  
  
    

  		





  
  3
  
    
- editable


  		





  
  4
  
    
- universal form styles


  		





  
  5
  
    
- vm wizard styles


  		





  5
  6
  
    
*/


  		





  6
  7
  
    

  		





  7
  8
  
    

  		





  ......




  25
  26
  
    
		display: none;


  		





  26
  27
  
    
	}


  		





  27
  28
  
    
}


  		





  
  29
  
    

  		





  
  30
  
    

  		





  
  31
  
    
/* universal form styles ------------------ */


  		





  
  32
  
    

  		





  28
  33
  
    
.input {


  		





  29
  34
  
    
	display: inline-block;


  		





  30
  35
  
    
	background:url(../images/input-bg-lt.png) no-repeat left bottom;


  		





  ......




  44
  49
  
    
		}


  		





  45
  50
  
    
	}


  		





  46
  51
  
    
}


  		





  
  52
  
    

  		





  
  53
  
    
/* vm wizard styles ------------------ */


  		





  
  54
  
    

  		





  47
  55
  
    
.advanced-conf-step {


  		





  48
  56
  
    
	#color {


  		





  49
  57
  
    
		@extend .tag-demo;


  		












  

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






  7734
  7734
  
    

  		





  7735
  7735
  
    
/* Table of Contents


  		





  7736
  7736
  
    

  		





  7737
  
  
    
- editable 


  		





  7738
  
  
    

  		





  
  7737
  
    
- editable


  		





  
  7738
  
    
- universal form styles


  		





  
  7739
  
    
- vm wizard styles


  		





  7739
  7740
  
    
*/


  		





  7740
  7741
  
    
/* editable (used for changing info asychronously) ------------------ */


  		





  7741
  
  
    
/* line 13, ../sass/_forms.scss */


  		





  
  7742
  
    
/* line 14, ../sass/_forms.scss */


  		





  7742
  7743
  
    
.editable .editbuttons a.save, .editable .editbuttons a.cancel {


  		





  7743
  7744
  
    
  display: none;


  		





  7744
  7745
  
    
}


  		





  7745
  
  
    
/* line 15, ../sass/_forms.scss */


  		





  
  7746
  
    
/* line 16, ../sass/_forms.scss */


  		





  7746
  7747
  
    
.editable .editbuttons a.save span, .editable .editbuttons a.cancel span {


  		





  7747
  7748
  
    
  font-size: 18px;


  		





  7748
  7749
  
    
}


  		





  7749
  
  
    
/* line 24, ../sass/_forms.scss */


  		





  
  7750
  
    
/* line 25, ../sass/_forms.scss */


  		





  7750
  7751
  
    
.editable input[type="text"] {


  		





  7751
  7752
  
    
  display: none;


  		





  7752
  7753
  
    
}


  		





  7753
  7754
  
    

  		





  7754
  
  
    
/* line 28, ../sass/_forms.scss */


  		





  
  7755
  
    
/* universal form styles ------------------ */


  		





  
  7756
  
    
/* line 33, ../sass/_forms.scss */


  		





  7755
  7757
  
    
.input {


  		





  7756
  7758
  
    
  display: inline-block;


  		





  7757
  7759
  
    
  background: url(../images/input-bg-lt.png) no-repeat left bottom;


  		





  7758
  7760
  
    
  padding-left: 6px;


  		





  7759
  7761
  
    
}


  		





  7760
  
  
    
/* line 32, ../sass/_forms.scss */


  		





  
  7762
  
    
/* line 37, ../sass/_forms.scss */


  		





  7761
  7763
  
    
.input input[type="text"] {


  		





  7762
  7764
  
    
  width: 142px;


  		





  7763
  7765
  
    
  padding: 0 12px 0 6px;


  		





  ......




  7788
  7790
  
    
  color: #1a1a1a;


  		





  7789
  7791
  
    
}


  		





  7790
  7792
  
    

  		





  7791
  
  
    
/* line 48, ../sass/_forms.scss */


  		





  
  7793
  
    
/* vm wizard styles ------------------ */


  		





  
  7794
  
    
/* line 56, ../sass/_forms.scss */


  		





  7792
  7795
  
    
.advanced-conf-step #color {


  		





  7793
  7796
  
    
  margin: 0 15px 0 10px;


  		





  7794
  7797
  
    
  position: static;


  		





  ......




  7812
  7815
  
    
.advanced-conf-step::-webkit-input-placeholder {


  		





  7813
  7816
  
    
  color: white;


  		





  7814
  7817
  
    
}


  		





  7815
  
  
    
/* line 59, ../sass/_forms.scss */


  		





  
  7818
  
    
/* line 67, ../sass/_forms.scss */


  		





  7816
  7819
  
    
.advanced-conf-step .snf-color-picker > form {


  		





  7817
  7820
  
    
  height: 237px;


  		





  7818
  7821
  
    
  width: 100%;


  		





  7819
  7822
  
    
}


  		





  7820
  7823
  
    

  		





  7821
  
  
    
/* line 65, ../sass/_forms.scss */


  		





  
  7824
  
    
/* line 73, ../sass/_forms.scss */


  		





  7822
  7825
  
    
.wizard form.custom .custom.dropdown.medium {


  		





  7823
  7826
  
    
  background: #485057;


  		





  7824
  7827
  
    
  color: white;


  		





  7825
  7828
  
    
}


  		





  7826
  
  
    
/* line 69, ../sass/_forms.scss */


  		





  
  7829
  
    
/* line 77, ../sass/_forms.scss */


  		





  7827
  7830
  
    
.wizard form.custom .custom.dropdown .current {


  		





  7828
  7831
  
    
  color: white;


  		





  7829
  7832
  
    
}


  		





  7830
  
  
    
/* line 72, ../sass/_forms.scss */


  		





  
  7833
  
    
/* line 80, ../sass/_forms.scss */


  		





  7831
  7834
  
    
.wizard form.custom .custom.dropdown .selector {


  		





  7832
  7835
  
    
  border-left: 1px solid white;


  		





  7833
  7836
  
    
  height: 30px;


  		





  7834
  7837
  
    
}


  		





  7835
  
  
    
/* line 76, ../sass/_forms.scss */


  		





  
  7838
  
    
/* line 84, ../sass/_forms.scss */


  		





  7836
  7839
  
    
.wizard form.custom .custom.dropdown.open ul {


  		





  7837
  7840
  
    
  background: #485057;


  		





  7838
  7841
  
    
  color: white;


  		





  7839
  7842
  
    
}


  		





  7840
  
  
    
/* line 80, ../sass/_forms.scss */


  		





  
  7843
  
    
/* line 88, ../sass/_forms.scss */


  		





  7841
  7844
  
    
.wizard form.custom .custom.dropdown ul li {


  		





  7842
  7845
  
    
  color: white;


  		





  7843
  7846
  
    
}


  		





  7844
  
  
    
/* line 83, ../sass/_forms.scss */


  		





  
  7847
  
    
/* line 91, ../sass/_forms.scss */


  		





  7845
  7848
  
    
.wizard form.custom .custom.dropdown ul li.selected {


  		





  7846
  7849
  
    
  color: white;


  		





  7847
  7850
  
    
  background: #5f6a73;


  		





  7848
  7851
  
    
}


  		





  7849
  
  
    
/* line 87, ../sass/_forms.scss */


  		





  
  7852
  
    
/* line 95, ../sass/_forms.scss */


  		





  7850
  7853
  
    
.wizard form.custom .custom.dropdown ul li:hover {


  		





  7851
  7854
  
    
  background: #77838e;


  		





  7852
  7855
  
    
  color: white;


  		












Also available in:
  Unified diff