main.js indent changed back to 4 spaces
This commit is contained in:
parent
b9873c2829
commit
035266b68b
1 changed files with 139 additions and 139 deletions
|
@ -1,164 +1,164 @@
|
||||||
(function ($) {
|
(function($) {
|
||||||
"use strict"; // Start of use strict
|
"use strict"; // Start of use strict
|
||||||
|
|
||||||
|
|
||||||
/* ---------------------------------------------
|
/* ---------------------------------------------
|
||||||
Scripts initialization
|
Scripts initialization
|
||||||
--------------------------------------------- */
|
--------------------------------------------- */
|
||||||
var cardPricing = {
|
var cardPricing = {
|
||||||
'cpu': {
|
'cpu': {
|
||||||
'id': 'coreValue',
|
'id': 'coreValue',
|
||||||
'value': 1,
|
'value': 1,
|
||||||
'min': 1,
|
'min': 1,
|
||||||
'max': 48,
|
'max': 48,
|
||||||
'interval': 1
|
'interval': 1
|
||||||
},
|
},
|
||||||
'ram': {
|
'ram': {
|
||||||
'id': 'ramValue',
|
'id': 'ramValue',
|
||||||
'value': 2,
|
'value': 2,
|
||||||
'min': 2,
|
'min': 2,
|
||||||
'max': 200,
|
'max': 200,
|
||||||
'interval': 1
|
'interval': 1
|
||||||
},
|
},
|
||||||
'storage': {
|
'storage': {
|
||||||
'id': 'storageValue',
|
'id': 'storageValue',
|
||||||
'value': 10,
|
'value': 10,
|
||||||
'min': 10,
|
'min': 10,
|
||||||
'max': 500,
|
'max': 500,
|
||||||
'interval': 10
|
'interval': 10
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
$(window).load(function() {
|
||||||
$(window).load(function () {
|
|
||||||
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document).ready(function () {
|
|
||||||
verifiedUrl();
|
|
||||||
_navScroll();
|
|
||||||
_initScroll();
|
|
||||||
_initNavUrl();
|
|
||||||
_initPricing();
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
$(window).resize(function () {
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* ---------------------------------------------
|
|
||||||
Nav panel classic
|
|
||||||
--------------------------------------------- */
|
|
||||||
if (window.matchMedia("(min-width: 767px)").matches) {
|
|
||||||
$('ul.nav li.dropdown').hover(function () {
|
|
||||||
$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
|
|
||||||
}, function () {
|
|
||||||
$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
|
|
||||||
});
|
});
|
||||||
} else {
|
|
||||||
/* the viewport is less than 400 pixels wide */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
$(document).ready(function() {
|
||||||
|
verifiedUrl();
|
||||||
|
_navScroll();
|
||||||
|
_initScroll();
|
||||||
|
_initNavUrl();
|
||||||
|
_initPricing();
|
||||||
|
|
||||||
|
|
||||||
function _initScroll() {
|
|
||||||
$(window).scroll(function () {
|
|
||||||
_navScroll();
|
|
||||||
});
|
});
|
||||||
}
|
|
||||||
|
|
||||||
function _navScroll() {
|
$(window).resize(function() {
|
||||||
if ($(window).scrollTop() > 10) {
|
|
||||||
$(".navbar").removeClass("navbar-transparent");
|
|
||||||
$(".navbar-default .btn-link").css("color", "#777");
|
|
||||||
$(".dropdown-menu").removeClass("navbar-transparent");
|
});
|
||||||
$(".dropdown-menu > li > a").css("color", "#777");
|
|
||||||
|
|
||||||
|
|
||||||
|
/* ---------------------------------------------
|
||||||
|
Nav panel classic
|
||||||
|
--------------------------------------------- */
|
||||||
|
if (window.matchMedia("(min-width: 767px)").matches) {
|
||||||
|
$('ul.nav li.dropdown').hover(function() {
|
||||||
|
$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
|
||||||
|
}, function() {
|
||||||
|
$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
|
||||||
|
});
|
||||||
} else {
|
} else {
|
||||||
$(".navbar").addClass("navbar-transparent");
|
/* the viewport is less than 400 pixels wide */
|
||||||
$(".navbar-default .btn-link").css("color", "#fff");
|
|
||||||
$(".dropdown-menu").addClass("navbar-transparent");
|
|
||||||
$(".dropdown-menu > li > a").css("color", "#fff");
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
function _initNavUrl() {
|
|
||||||
$('.url').click(function (event) {
|
|
||||||
event.preventDefault()
|
|
||||||
var href = $(this).attr('data-url');
|
|
||||||
$('.navbar-collapse').removeClass('in');
|
|
||||||
$('.navbar-collapse').addClass('collapsing');
|
|
||||||
var url = window.location.pathname;
|
|
||||||
var urlSplit = url.split('/');
|
|
||||||
if (urlSplit.length === 3 && urlSplit[2] === 'datacenterlight') {
|
|
||||||
$('html, body').animate({
|
|
||||||
scrollTop: $(href).offset().top
|
|
||||||
}, 1000);
|
|
||||||
} else {
|
|
||||||
var allUrl = window.location.href;
|
|
||||||
var redirect = allUrl.split('whydatacenterlight')
|
|
||||||
window.location.href = '/en-us/datacenterlight' + href;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function verifiedUrl() {
|
|
||||||
if (window.location.href.indexOf('#success') > -1) {
|
function _initScroll() {
|
||||||
form_success();
|
$(window).scroll(function() {
|
||||||
|
_navScroll();
|
||||||
|
});
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
function _initPricing() {
|
function _navScroll() {
|
||||||
_fetchPricing();
|
if ($(window).scrollTop() > 10) {
|
||||||
|
$(".navbar").removeClass("navbar-transparent");
|
||||||
|
$(".navbar-default .btn-link").css("color", "#777");
|
||||||
|
$(".dropdown-menu").removeClass("navbar-transparent");
|
||||||
|
$(".dropdown-menu > li > a").css("color", "#777");
|
||||||
|
} else {
|
||||||
|
$(".navbar").addClass("navbar-transparent");
|
||||||
|
$(".navbar-default .btn-link").css("color", "#fff");
|
||||||
|
$(".dropdown-menu").addClass("navbar-transparent");
|
||||||
|
$(".dropdown-menu > li > a").css("color", "#fff");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
$('.fa-minus-circle.left').click(function (event) {
|
function _initNavUrl() {
|
||||||
var data = $(this).data('minus');
|
$('.url').click(function(event) {
|
||||||
|
event.preventDefault();
|
||||||
|
var href = $(this).attr('data-url');
|
||||||
|
$('.navbar-collapse').removeClass('in');
|
||||||
|
$('.navbar-collapse').addClass('collapsing');
|
||||||
|
var url = window.location.pathname;
|
||||||
|
var urlSplit = url.split('/');
|
||||||
|
if (urlSplit.length === 3 && urlSplit[2] === 'datacenterlight') {
|
||||||
|
$('html, body').animate({
|
||||||
|
scrollTop: $(href).offset().top
|
||||||
|
}, 1000);
|
||||||
|
} else {
|
||||||
|
var allUrl = window.location.href;
|
||||||
|
var redirect = allUrl.split('whydatacenterlight')
|
||||||
|
window.location.href = '/en-us/datacenterlight' + href;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
if (cardPricing[data].value > cardPricing[data].min) {
|
function verifiedUrl() {
|
||||||
cardPricing[data].value = Number(cardPricing[data].value) - cardPricing[data].interval;
|
if (window.location.href.indexOf('#success') > -1) {
|
||||||
}
|
form_success();
|
||||||
_fetchPricing();
|
}
|
||||||
});
|
}
|
||||||
$('.fa-plus-circle.right').click(function (event) {
|
|
||||||
var data = $(this).data('plus');
|
|
||||||
if (cardPricing[data].value < cardPricing[data].max) {
|
|
||||||
cardPricing[data].value = Number(cardPricing[data].value) + cardPricing[data].interval;
|
|
||||||
}
|
|
||||||
_fetchPricing();
|
|
||||||
});
|
|
||||||
|
|
||||||
$('.input-price').change(function () {
|
function _initPricing() {
|
||||||
var data = $(this).attr("name");
|
_fetchPricing();
|
||||||
cardPricing[data].value = $('input[name=' + data + ']').val();
|
|
||||||
_fetchPricing();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function _fetchPricing() {
|
$('.fa-minus-circle.left').click(function(event) {
|
||||||
Object.keys(cardPricing).map(function (element) {
|
var data = $(this).data('minus');
|
||||||
//$('#'+cardPricing[element].id).val(cardPricing[element].value);
|
|
||||||
$('input[name=' + element + ']').val(cardPricing[element].value);
|
|
||||||
});
|
|
||||||
_calcPricing();
|
|
||||||
}
|
|
||||||
|
|
||||||
function _calcPricing() {
|
if (cardPricing[data].value > cardPricing[data].min) {
|
||||||
var total = (cardPricing['cpu'].value * 5) + (2 * cardPricing['ram'].value) + (0.6 * cardPricing['storage'].value);
|
cardPricing[data].value = Number(cardPricing[data].value) - cardPricing[data].interval;
|
||||||
total = parseFloat(total.toFixed(2));
|
}
|
||||||
|
_fetchPricing();
|
||||||
|
});
|
||||||
|
$('.fa-plus-circle.right').click(function(event) {
|
||||||
|
var data = $(this).data('plus');
|
||||||
|
if (cardPricing[data].value < cardPricing[data].max) {
|
||||||
|
cardPricing[data].value = Number(cardPricing[data].value) + cardPricing[data].interval;
|
||||||
|
}
|
||||||
|
_fetchPricing();
|
||||||
|
});
|
||||||
|
|
||||||
$("#total").text(total);
|
$('.input-price').change(function() {
|
||||||
$('input[name=total]').val(total);
|
var data = $(this).attr("name");
|
||||||
}
|
cardPricing[data].value = $('input[name=' + data + ']').val();
|
||||||
|
_fetchPricing();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
function form_success() {
|
function _fetchPricing() {
|
||||||
$('#sucessModal').modal('show');
|
Object.keys(cardPricing).map(function(element) {
|
||||||
}
|
//$('#'+cardPricing[element].id).val(cardPricing[element].value);
|
||||||
|
$('input[name=' + element + ']').val(cardPricing[element].value);
|
||||||
|
});
|
||||||
|
_calcPricing();
|
||||||
|
}
|
||||||
|
|
||||||
function _calculate(numbers, price) {
|
function _calcPricing() {
|
||||||
$('#valueTotal').text(numbers * price * 31);
|
var total = (cardPricing['cpu'].value * 5) + (2 * cardPricing['ram'].value) + (0.6 * cardPricing['storage'].value);
|
||||||
}
|
total = parseFloat(total.toFixed(2));
|
||||||
|
|
||||||
})(jQuery);
|
$("#total").text(total);
|
||||||
|
$('input[name=total]').val(total);
|
||||||
|
}
|
||||||
|
|
||||||
|
function form_success() {
|
||||||
|
$('#sucessModal').modal('show');
|
||||||
|
}
|
||||||
|
|
||||||
|
function _calculate(numbers, price) {
|
||||||
|
$('#valueTotal').text(numbers * price * 31);
|
||||||
|
}
|
||||||
|
|
||||||
|
})(jQuery);
|
Loading…
Reference in a new issue