Revision f2126967

b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js
156 156 
            e.preventDefault();
157 157 
        }
158 158 
    })
159 
    $('.scroll-pane').jScrollPane();
159 
    //$('.scroll-pane').jScrollPane();
160 

  		





  
  161
  
    
    // TODO: more general function


  		





  
  162
  
    
    $('.has-overlay a').click(function(e){


  		





  
  163
  
    
        e.preventDefault();


  		





  
  164
  
    
        if ($(this).hasClass('active')){


  		





  
  165
  
    
            $('.content').append('<div class="overlay-modal overlay"><a href="vm_list_v1.html" class="close" title="cancel vm creation">close</a></div>');


  		





  
  166
  
    
            $($(this).parents('.has-overlay').data('overlay-id')).fadeIn('slow');


  		





  
  167
  
    
        }


  		





  
  168
  
    
    })


  		





  
  169
  
    

  		





  
  170
  
    

  		





  
  171
  
    
    $('.main-actions li a').click(function(e){


  		





  
  172
  
    
        if (!($(this).hasClass('active'))) {


  		





  
  173
  
    
            e.preventDefault();


  		





  
  174
  
    
        }


  		





  
  175
  
    
    })


  		





  
  176
  
    

  		





  
  177
  
    

  		





  
  178
  
    

  		





  160
  179
  
    
})


  		





  161
  180
  
    

  		





  162
  181
  
    
$(window).resize(function(e){


  		












  

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






  247
  247
  
    

  		





  248
  248
  
    

  		





  249
  249
  
    
.details .top .actions ul{


  		





  250
  
  
    
	padding: 1em 1em 0 1em;


  		





  
  250
  
    
	padding: 1em 1em 0;


  		





  251
  251
  
    
	margin-bottom: 0;


  		





  252
  252
  
    
} 


  		





  253
  253
  
    

  		





  254
  254
  
    
.details .border-bottom-style1{


  		





  255
  255
  
    
	padding-bottom: 0;


  		





  
  256
  
    
}


  		





  
  257
  
    

  		





  
  258
  
    
/*


  		





  
  259
  
    
to be transfered to sass


  		





  
  260
  
    
*/


  		





  
  261
  
    

  		





  
  262
  
    
.items-list li .container .options .wrap a {


  		





  
  263
  
    
	width: 50%;


  		





  
  264
  
    
}


  		





  
  265
  
    
.content {


  		





  
  266
  
    
	position: relative;


  		





  
  267
  
    
}


  		





  
  268
  
    
.content .overlay-modal {


  		





  
  269
  
    
	position: absolute;


  		





  
  270
  
    
	left:0;


  		





  
  271
  
    
	top:0;


  		





  
  272
  
    
	width: 100%;


  		





  
  273
  
    
	height: 100%;


  		





  
  274
  
    
	z-index:98;


  		





  
  275
  
    
	background: #ff7bac;


  		





  
  276
  
    
}


  		





  
  277
  
    

  		





  
  278
  
    

  		





  
  279
  
    
.content .overlay-div {


  		





  
  280
  
    
	position:absolute; top:20%; left:25%; width:50%;


  		





  
  281
  
    
	padding:25px;


  		





  
  282
  
    
	background:white;


  		





  
  283
  
    
	display:none; z-index:100;


  		





  
  284
  
    
}


  		





  
  285
  
    

  		





  
  286
  
    
.content .overlay-div .buttons {


  		





  
  287
  
    
	margin-bottom:0;


  		





  
  288
  
    
}


  		





  
  289
  
    

  		





  
  290
  
    
.content .overlay-div .buttons a {


  		





  
  291
  
    
	margin-right:20px;


  		





  
  292
  
    
}


  		





  
  293
  
    

  		





  
  294
  
    
/* line 133, ../sass/app.scss */


  		





  
  295
  
    
.btn4 {


  		





  
  296
  
    
  color: white;


  		





  
  297
  
    
  border-color: #ff7bac;


  		





  
  298
  
    
  background: #ff7bac;


  		





  
  299
  
    
}


  		





  
  300
  
    
/* line 139, ../sass/app.scss */


  		





  
  301
  
    
.btn4:hover, .btn4.current {


  		





  
  302
  
    
  border-color: #ff7bac;


  		





  
  303
  
    
  color:#ff7bac;


  		





  
  304
  
    
  background: white;


  		





  
  305
  
    
}


  		





  
  306
  
    

  		





  
  307
  
    

  		





  
  308
  
    
.overlay .lt-sidebar.nav ul li:hover  {


  		





  
  309
  
    
	background-color: transparent;


  		





  
  310
  
    
}


  		





  
  311
  
    

  		





  
  312
  
    
.lt-sidebar.nav {


  		





  
  313
  
    
	font-size: 1em


  		





  
  314
  
    
}


  		





  
  315
  
    

  		





  
  316
  
    
.overlay .lt-sidebar.nav  {


  		





  
  317
  
    
	overflow: auto;


  		





  256
  318
  
    
}


  		












  

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






  10
  10
  
    
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>


  		





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


  		





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


  		





  13
  
  
    

  		





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


  		





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


  		





  15
  15
  
    

  		





  16
  16
  
    
</head>


  		












  

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






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


  		





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


  		





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


  		





  14
  
  
    
    


  		





  15
  14
  
    
    <link rel="stylesheet" href="stylesheets/font_custom.css" />


  		





  16
  15
  
    
    <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" />


  		





  17
  16
  
    
    <script src="javascripts/vendor/custom.modernizr.js"></script>


  		





  ......




  73
  72
  
    
		</div>


  		





  74
  73
  
    

  		





  75
  74
  
    
	</div>


  		





  76
  
  
    
	<div class="row-full wrapper">


  		





  
  75
  
    
	<div class="row-full content">


  		





  77
  76
  
    
		<div class="lt-sidebar vms scroll-pane">


  		





  78
  77
  
    

  		





  79
  78
  
    
			<!-- sidebar -->


  		












  

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






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


  		





  11
  11
  
    
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>


  		





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


  		





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


  		





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


  		





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


  		





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


  		





  16
  16
  
    
    <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" />


  		





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


  		





  18
  18
  
    

  		





  ......




  35
  35
  
    
			<nav class="top-nav icons-nav">


  		





  36
  36
  
    
				


  		





  37
  37
  
    
				<ul>


  		





  38
  
  
    
					<li><a href="" data-tooltip class="has-tip" title="Storage"><img src="images/menu-icon-storage.png" alt="vm"></a></li>


  		





  
  38
  
    
					<li><a href="" data-tooltip class="has-tip" title="Storage" ><img src="images/menu-icon-storage.png" alt="vm"></a></li>


  		





  39
  39
  
    
					<li><a href="vm_list_v1.html" data-tooltip class="has-tip" title="Compute"><img src="images/menu-icon-compute.png" alt="vm"></a></li>


  		





  40
  40
  
    
					


  		





  41
  41
  
    
					<li><a href="" data-tooltip class="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="vm"></a></li>


  		





  ......




  54
  54
  
    
				</div>


  		





  55
  55
  
    
				<div class="main-actions">


  		





  56
  56
  
    
					<ul>


  		





  57
  
  
    
						<li class="running"><a href="">Reboot</a></li>


  		





  
  57
  
    
						<li class="running has-overlay" data-overlay-id="#overlay1"><a href="">Reboot</a></li>


  		





  58
  58
  
    
						<li class="running"><a href="">Shutdown</a></li>


  		





  59
  59
  
    
						<li class="running single"><a href="">Console</a></li>


  		





  60
  60
  
    
						<li class="both"><a href="">Destroy</a></li>


  		





  ......




  73
  73
  
    
		</div>


  		





  74
  74
  
    

  		





  75
  75
  
    
	</div>


  		





  76
  
  
    
	<div class="row-full wrapper">


  		





  77
  
  
    

  		





  
  76
  
    
	<div class="row-full content">


  		





  
  77
  
    
		<div id="overlay1" class="overlay-div">


  		





  
  78
  
    
			<p>Are you sure you want to reboot your machine?</p>


  		





  
  79
  
    
			<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>


  		





  
  80
  
    
		</div>


  		





  78
  81
  
    
		<div class="confirmation"></div>


  		





  79
  82
  
    
		<!-- main area -->


  		





  80
  83
  
    
		<section class="main">


  		





  ......




  217
  220
  
    
	</div>


  		





  218
  221
  
    
	<div id="vm-connect" class="reveal-modal medium">


  		





  219
  222
  
    
  		<p>A direct connection to this machine can be established using the <a target=​"_blank" href=​"http:​/​/​en.wikipedia.org/​wiki/​Secure_Shell">​SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p>


  		





  220
  
  
    
		<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</spam></p>


  		





  221
  
  
    

  		





  
  223
  
    
		<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p>


  		





  222
  224
  
    
		<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p>


  		





  223
  225
  
    
  		<a class="close-reveal-modal" title="close window">&#215;</a>


  		





  224
  226
  
    
	</div>


  		





  225
  
  
    
 


  		





  226
  
  
    
  <script src="javascripts/vendor/jquery.js"></script>


  		





  227
  
  
    
  <script src="javascripts/foundation/foundation.js"></script>


  		





  228
  
  
    
	


  		





  
  227
  
    
	<script src="javascripts/vendor/jquery.js"></script>


  		





  
  228
  
    
	<script src="javascripts/foundation/foundation.js"></script>


  		





  229
  229
  
    
	<script src="javascripts/foundation/foundation.alerts.js"></script>


  		





  230
  230
  
    
	


  		





  231
  231
  
    
	<script src="javascripts/foundation/foundation.clearing.js"></script>


  		












Also available in:
  Unified diff