Revision adcfc986

b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/vm-wizard.js
21 21
			} else if ($(elem).hasClass('large')) {
22 22
				return 'large';
23 23
			}
24
		},
25

  
26

  
27
		pickResources: function(resource) {
28
			$('.flavor .with-flavor a:not(.' + resource + ')').removeClass('current');
29
			$('.flavor .with-flavor a.' + resource + '').addClass('current');
30
		},
31

  
32
		hideNext: function() {
33
			if(ui.wizard.current_step == 2 && $('.flavor a.disabled').hasClass('small')) {
34
				return true;
35
			}
36
			else {
37
				return false;
38
			}
24 39
		}
25 40
	},
26 41
	network: {},
......
178 193
		} else if (ui.wizard.current_step == ui.wizard.total_step) {
179 194
			ui.wizard.btns.previous.find('span').html('PREVIOUS');
180 195
			ui.wizard.btns.next.find('span').html('CREATE');
196
		} else if (ui.wizard.vm.hideNext()){
197
			ui.wizard.btns.next.hide();
181 198
		} else {
182 199
			ui.wizard.btns.previous.find('span').html('PREVIOUS');
183 200
			ui.wizard.btns.next.find('span').html('NEXT');
......
242 259
		$('.os').find('.'+$('#vm-wizard .top .sub-menu[data-step=1] .preselected').data('img-type')).show();
243 260
	},
244 261

  
245
	pickResources: function(resource) {
246
		$('.flavor .with-flavor a:not(.' + resource + ')').removeClass('current');
247
		$('.flavor .with-flavor a.' + resource + '').addClass('current');
248
	},
249 262

  
250 263
	showImageCategory: function(imagesCategory) {
251 264
		$(imagesCategory).closest('.sub-menu').find('.current').removeClass('current');
......
295 308

  
296 309

  
297 310
	/* step-2: Select flavor */
298
	disabledElems = $('.flavor a.disabled');
299
	disabledElemsNum = $('.flavor a.disabled').length;
300
	
311
	var disabledElems = $('.flavor a.disabled');
312
	var disabledElemsNum = $('.flavor a.disabled').length;
301 313
	if(disabledElemsNum>0) {
314
		var size;
302 315
		for(i=0; i<disabledElemsNum; i++) {
303
			$('.wizard .sub-menu[data-step=2]').find('a[data-size=' + ui.wizard.vm.getSize(disabledElems.get(i)) + ']').removeClass('current').addClass('disabled');
316
			size = ui.wizard.vm.getSize(disabledElems.get(i));
317
			$('.wizard .sub-menu[data-step=2]').find('a[data-size=' + size + ']').removeClass('current').addClass('disabled');
318
			$('#vm-wizard .flavor').find('.'+size).removeClass('current preselected');
319
			if(size == 'small') {
320
				$('#vm-wizard .flavor .vm-storage-selection a').removeClass('current preselected');
321

  
322
			}
304 323
		}
305 324
	}
306 325
	$('.wizard .sub-menu a[data-size]:not(.disabled)').on("click", function(e) {
307 326
		// e.preventDefault();
308 327
		$(this).parents('.sub-menu').find('a').removeClass('current');
309 328
		$(this).addClass('current');
310
		ui.wizard.pickResources($(this).data('size'));
329
		ui.wizard.vm.pickResources($(this).data('size'));
311 330
	});
312 331

  
313 332
	$('.wizard .flavor .options:not(".vm-storage-selection") a:not(.disabled)').click(function(e) {
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
401 401
			    color:$secondary-color;
402 402
			}
403 403
		}
404
		.sb-search-submit {
405
			width: 40px;
406
		}
404 407
	}
405 408

  
406 409
	.view-type {
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
7264 7264
.actions-bar #sb-search .sb-search-input::-webkit-input-placeholder {
7265 7265
  color: #30c79e;
7266 7266
}
7267
/* line 406, ../sass/_common.scss */
7267
/* line 404, ../sass/_common.scss */
7268
.actions-bar #sb-search .sb-search-submit {
7269
  width: 40px;
7270
}
7271
/* line 409, ../sass/_common.scss */
7268 7272
.actions-bar .view-type {
7269 7273
  display: inline-block;
7270 7274
  position: absolute;
7271 7275
  right: 15px;
7272 7276
  top: 0px;
7273 7277
}
7274
/* line 411, ../sass/_common.scss */
7278
/* line 414, ../sass/_common.scss */
7275 7279
.actions-bar .view-type .current {
7276 7280
  color: #30c79e;
7277 7281
}
7278
/* line 414, ../sass/_common.scss */
7282
/* line 417, ../sass/_common.scss */
7279 7283
.actions-bar .view-type .snf-list {
7280 7284
  margin-right: 4px;
7281 7285
  font-size: 24px;
7282 7286
  line-height: 50px;
7283 7287
  vertical-align: middle;
7284 7288
}
7285
/* line 420, ../sass/_common.scss */
7289
/* line 423, ../sass/_common.scss */
7286 7290
.actions-bar .view-type .snf-layout {
7287 7291
  font-size: 25px;
7288 7292
  line-height: 50px;
7289 7293
  vertical-align: middle;
7290 7294
}
7291 7295

  
7292
/* line 428, ../sass/_common.scss */
7296
/* line 431, ../sass/_common.scss */
7293 7297
.new-btn {
7294 7298
  position: absolute;
7295 7299
  left: 15px;
7296 7300
  bottom: 0;
7297 7301
  height: 50px;
7298 7302
}
7299
/* line 435, ../sass/_common.scss */
7303
/* line 438, ../sass/_common.scss */
7300 7304
.new-btn a span {
7301 7305
  font-size: 1.25em;
7302 7306
}
7303 7307

  
7304 7308
/* Icons Navigation ----------------------------------------------- */
7305
/* line 443, ../sass/_common.scss */
7309
/* line 446, ../sass/_common.scss */
7306 7310
.icons-nav {
7307 7311
  margin: 0;
7308 7312
  padding: 0;
7309 7313
}
7310
/* line 445, ../sass/_common.scss */
7314
/* line 448, ../sass/_common.scss */
7311 7315
.icons-nav li {
7312 7316
  display: inline-block;
7313 7317
  margin: 0 5px;
......
7318 7322
  text-align: center;
7319 7323
  overflow: hidden;
7320 7324
}
7321
/* line 454, ../sass/_common.scss */
7325
/* line 457, ../sass/_common.scss */
7322 7326
.icons-nav li a {
7323 7327
  color: #1a1a1a;
7324 7328
}
7325
/* line 456, ../sass/_common.scss */
7329
/* line 459, ../sass/_common.scss */
7326 7330
.icons-nav li a:hover, .icons-nav li a.current {
7327 7331
  color: #30c79e;
7328 7332
}
7329 7333

  
7330 7334
/* Top info  ----------------------------------------------- */
7331
/* line 469, ../sass/_common.scss */
7335
/* line 472, ../sass/_common.scss */
7332 7336
.top-info {
7333 7337
  padding: 50px 100px;
7334 7338
  position: relative;
7335 7339
  z-index: 10;
7336 7340
  display: none;
7337 7341
}
7338
/* line 474, ../sass/_common.scss */
7342
/* line 477, ../sass/_common.scss */
7339 7343
.top-info .close {
7340 7344
  position: absolute;
7341 7345
  right: 15px;
......
7348 7352
  overflow: hidden;
7349 7353
}
7350 7354

  
7351
/* line 483, ../sass/_common.scss */
7355
/* line 486, ../sass/_common.scss */
7352 7356
.info.error {
7353 7357
  background: #ff5c58;
7354 7358
  color: #fff;
7355 7359
}
7356 7360

  
7357
/* line 489, ../sass/_common.scss */
7361
/* line 492, ../sass/_common.scss */
7358 7362
.info.alert {
7359 7363
  background: #30c79e;
7360 7364
  color: #fff;
7361 7365
}
7362 7366

  
7363
/* line 494, ../sass/_common.scss */
7367
/* line 497, ../sass/_common.scss */
7364 7368
.info.warning {
7365 7369
  background: #919194;
7366 7370
  color: #fff;
7367 7371
}
7368 7372

  
7369
/* line 499, ../sass/_common.scss */
7373
/* line 502, ../sass/_common.scss */
7370 7374
.info.success {
7371 7375
  background: #00a551;
7372 7376
  color: #fff;
7373 7377
}
7374 7378

  
7375
/* line 504, ../sass/_common.scss */
7379
/* line 507, ../sass/_common.scss */
7376 7380
.border-bottom-style1 {
7377 7381
  padding-bottom: 20px;
7378 7382
  margin-bottom: 20px;
......
7380 7384
}
7381 7385

  
7382 7386
/* Progress Bar ----------------------------------------------- */
7383
/* line 513, ../sass/_common.scss */
7387
/* line 516, ../sass/_common.scss */
7384 7388
.progress-bar {
7385 7389
  position: fixed;
7386 7390
  bottom: 0;
......
7391 7395
  padding: 20px 0 20px 310px;
7392 7396
  color: #919194;
7393 7397
}
7394
/* line 522, ../sass/_common.scss */
7398
/* line 525, ../sass/_common.scss */
7395 7399
.progress-bar span.counter {
7396 7400
  display: inline-block;
7397 7401
  margin-right: 20px;
7398 7402
  float: left;
7399 7403
}
7400
/* line 527, ../sass/_common.scss */
7404
/* line 530, ../sass/_common.scss */
7401 7405
.progress-bar div.progress-wrap {
7402 7406
  display: inline-block;
7403 7407
  float: left;
7404 7408
  width: 40%;
7405 7409
  margin-right: 60px;
7406 7410
}
7407
/* line 532, ../sass/_common.scss */
7411
/* line 535, ../sass/_common.scss */
7408 7412
.progress-bar div.progress-wrap .progress {
7409 7413
  position: relative;
7410 7414
  top: 2px;
7411 7415
}
7412
/* line 537, ../sass/_common.scss */
7416
/* line 540, ../sass/_common.scss */
7413 7417
.progress-bar span.more {
7414 7418
  display: inline-block;
7415 7419
}
7416 7420

  
7417 7421
/* Responive ------------------------------------------------ */
7418 7422
@media only screen and (max-width: 768px) {
7419
  /* line 548, ../sass/_common.scss */
7423
  /* line 551, ../sass/_common.scss */
7420 7424
  body {
7421 7425
    padding-top: 0;
7422 7426
  }
7423 7427

  
7424
  /* line 551, ../sass/_common.scss */
7428
  /* line 554, ../sass/_common.scss */
7425 7429
  .header, .actions-bar {
7426 7430
    position: static;
7427 7431
    z-index: auto;
7428 7432
  }
7429 7433

  
7430
  /* line 555, ../sass/_common.scss */
7434
  /* line 558, ../sass/_common.scss */
7431 7435
  .actions-bar {
7432 7436
    top: 160px;
7433 7437
  }
7434 7438

  
7435
  /* line 558, ../sass/_common.scss */
7439
  /* line 561, ../sass/_common.scss */
7436 7440
  .header {
7437 7441
    height: 120px;
7438 7442
    line-height: 50px;
7439 7443
  }
7440
  /* line 561, ../sass/_common.scss */
7444
  /* line 564, ../sass/_common.scss */
7441 7445
  .header .icons-nav {
7442 7446
    position: static;
7443 7447
  }
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
322 322
													</div>
323 323
												</div>
324 324
												<ul class="options with-flavor">
325
													<li><a href="" class="small current preselected" data-help="help text for 1">1</a></li>
325
													<li><a href="" class="small current preselected " data-help="help text for 1">1</a></li>
326 326
													<li><a href="" class="medium" data-help="help text for 2">2</a></li>
327 327
													<li><a href="" class="large disabled" data-help="help text for 3">3</a></li>
328 328
													<li><a href="" class="disabled" data-help="help text for 4">4</a></li>
......
383 383
													<li><a href="" class="small current preselected">10</a></li>
384 384
													<li><a href="" class="medium">20</a></li>
385 385
													<li><a href="" class="large">30</a></li>
386
													<li><a href="" class="disabled">40</a></li>
386
													<li><a href="">40</a></li>
387 387
												</ul>
388 388
											</div>
389 389
										</li>

Also available in: Unified diff