2017-02-15 04:34:06 +00:00
|
|
|
(function($){
|
2017-05-18 05:13:00 +00:00
|
|
|
"use strict"; // Start of use strict
|
|
|
|
|
|
|
|
|
|
|
|
/* ---------------------------------------------
|
|
|
|
Scripts initialization
|
|
|
|
--------------------------------------------- */
|
2017-05-23 17:06:48 +00:00
|
|
|
var cardPricing ={
|
|
|
|
'cpu': {
|
|
|
|
'id': 'coreValue',
|
2017-05-25 19:24:04 +00:00
|
|
|
'value': 1,
|
|
|
|
'min':1,
|
2017-05-23 23:32:06 +00:00
|
|
|
'max': 48,
|
|
|
|
'interval': 1
|
2017-05-23 17:06:48 +00:00
|
|
|
},
|
|
|
|
'ram': {
|
|
|
|
'id': 'ramValue',
|
2017-05-25 19:24:04 +00:00
|
|
|
'value': 2,
|
|
|
|
'min':2,
|
2017-05-23 23:32:06 +00:00
|
|
|
'max': 200,
|
|
|
|
'interval': 1
|
2017-05-23 17:06:48 +00:00
|
|
|
},
|
|
|
|
'storage': {
|
|
|
|
'id': 'storageValue',
|
2017-05-23 23:32:06 +00:00
|
|
|
'value': 10,
|
|
|
|
'min': 10,
|
|
|
|
'max': 500,
|
|
|
|
'interval': 10
|
2017-05-23 17:06:48 +00:00
|
|
|
}
|
|
|
|
}
|
2017-05-18 05:13:00 +00:00
|
|
|
$(window).load(function(){
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
2017-02-15 04:34:06 +00:00
|
|
|
$(document).ready(function(){
|
2017-02-17 14:13:32 +00:00
|
|
|
verifiedUrl();
|
2017-05-18 05:13:00 +00:00
|
|
|
_navScroll();
|
|
|
|
_initScroll();
|
|
|
|
_initNavUrl();
|
2017-05-23 17:06:48 +00:00
|
|
|
_initPricing();
|
2017-05-18 05:13:00 +00:00
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
$(window).resize(function(){
|
|
|
|
|
|
|
|
|
|
|
|
|
2017-02-15 04:34:06 +00:00
|
|
|
});
|
2017-05-18 05:13:00 +00:00
|
|
|
|
2017-02-15 04:34:06 +00:00
|
|
|
|
2017-02-17 14:13:32 +00:00
|
|
|
|
2017-05-18 05:13:00 +00:00
|
|
|
/* ---------------------------------------------
|
|
|
|
Nav panel classic
|
|
|
|
--------------------------------------------- */
|
2017-06-29 19:57:21 +00:00
|
|
|
if (window.matchMedia("(min-width: 767px)").matches) {
|
|
|
|
$('ul.nav li.dropdown').hover(function() {
|
2017-06-28 07:29:30 +00:00
|
|
|
$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
|
|
|
|
}, function() {
|
|
|
|
$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
|
|
|
|
});
|
2017-06-29 19:57:21 +00:00
|
|
|
} else {
|
|
|
|
/* the viewport is less than 400 pixels wide */
|
|
|
|
}
|
|
|
|
|
2017-05-18 05:13:00 +00:00
|
|
|
|
|
|
|
|
|
|
|
function _initScroll(){
|
|
|
|
$(window).scroll(function(){
|
|
|
|
_navScroll();
|
2017-02-17 14:13:32 +00:00
|
|
|
});
|
2017-02-15 04:34:06 +00:00
|
|
|
|
|
|
|
}
|
|
|
|
|
2017-05-18 05:13:00 +00:00
|
|
|
function _navScroll(){
|
|
|
|
if($(window).scrollTop() > 10 ){
|
|
|
|
$(".navbar").removeClass("navbar-transparent");
|
|
|
|
$(".navbar-default .btn-link").css("color", "#777");
|
2017-06-28 09:37:07 +00:00
|
|
|
$(".dropdown-menu").removeClass("navbar-transparent");
|
|
|
|
$(".dropdown-menu > li > a").css("color", "#777");
|
2017-05-18 05:13:00 +00:00
|
|
|
}else{
|
|
|
|
$(".navbar").addClass("navbar-transparent");
|
|
|
|
$(".navbar-default .btn-link").css("color", "#fff");
|
2017-06-28 09:37:07 +00:00
|
|
|
$(".dropdown-menu").addClass("navbar-transparent");
|
|
|
|
$(".dropdown-menu > li > a").css("color", "#fff");
|
2017-05-18 05:13:00 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
function _initNavUrl(){
|
|
|
|
$('.url').click(function(){
|
|
|
|
var href = $(this).attr('data-url');
|
2017-06-01 19:49:05 +00:00
|
|
|
$('.navbar-collapse').removeClass('in');
|
|
|
|
$('.navbar-collapse').addClass('collapsing');
|
2017-05-18 05:13:00 +00:00
|
|
|
$('html, body').animate({
|
|
|
|
scrollTop: $(href).offset().top
|
|
|
|
}, 1000);
|
2017-02-17 14:13:32 +00:00
|
|
|
});
|
2017-02-15 04:34:06 +00:00
|
|
|
}
|
2017-05-18 05:13:00 +00:00
|
|
|
function verifiedUrl(){
|
|
|
|
if(window.location.href.indexOf('#success') > -1){
|
|
|
|
form_success();
|
|
|
|
console.log('epa');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-05-23 17:06:48 +00:00
|
|
|
function _initPricing(){
|
|
|
|
_fetchPricing();
|
|
|
|
|
|
|
|
$('.fa-minus-circle.left').click(function(event){
|
|
|
|
var data = $(this).data('minus');
|
|
|
|
|
2017-05-23 23:32:06 +00:00
|
|
|
if(cardPricing[data].value > cardPricing[data].min){
|
2017-05-25 21:16:18 +00:00
|
|
|
cardPricing[data].value = Number(cardPricing[data].value) - cardPricing[data].interval;
|
2017-05-23 17:06:48 +00:00
|
|
|
}
|
|
|
|
_fetchPricing();
|
|
|
|
});
|
|
|
|
$('.fa-plus-circle.right').click(function(event){
|
|
|
|
var data = $(this).data('plus');
|
2017-05-23 23:32:06 +00:00
|
|
|
if(cardPricing[data].value < cardPricing[data].max){
|
2017-05-25 21:16:18 +00:00
|
|
|
cardPricing[data].value = Number(cardPricing[data].value) + cardPricing[data].interval;
|
2017-05-23 17:06:48 +00:00
|
|
|
}
|
|
|
|
_fetchPricing();
|
|
|
|
});
|
2017-05-25 21:16:18 +00:00
|
|
|
|
|
|
|
$('.input-price').change(function(){
|
|
|
|
var data = $(this).attr("name");
|
|
|
|
cardPricing[data].value = $('input[name='+data+']').val();
|
|
|
|
_fetchPricing();
|
|
|
|
});
|
2017-05-23 17:06:48 +00:00
|
|
|
}
|
|
|
|
function _fetchPricing(){
|
|
|
|
Object.keys(cardPricing).map(function(element){
|
2017-05-25 21:16:18 +00:00
|
|
|
//$('#'+cardPricing[element].id).val(cardPricing[element].value);
|
2017-05-23 17:06:48 +00:00
|
|
|
$('input[name='+element+']').val(cardPricing[element].value);
|
|
|
|
});
|
|
|
|
_calcPricing();
|
|
|
|
}
|
|
|
|
|
|
|
|
function _calcPricing(){
|
2017-06-01 19:49:05 +00:00
|
|
|
var total = (cardPricing['cpu'].value * 5) + (2* cardPricing['ram'].value) + (0.6* cardPricing['storage'].value);
|
2017-05-23 23:32:06 +00:00
|
|
|
total = parseFloat(total.toFixed(2));
|
2017-05-23 17:06:48 +00:00
|
|
|
|
|
|
|
$("#total").text(total);
|
|
|
|
$('input[name=total]').val(total);
|
|
|
|
}
|
2017-02-17 14:13:32 +00:00
|
|
|
function form_success(){
|
|
|
|
$('#sucessModal').modal('show');
|
|
|
|
}
|
2017-02-15 04:34:06 +00:00
|
|
|
function _calculate(numbers, price){
|
2017-02-17 14:13:32 +00:00
|
|
|
$('#valueTotal').text(numbers*price*31);
|
|
|
|
}
|
2017-02-15 04:34:06 +00:00
|
|
|
|
2017-05-18 05:13:00 +00:00
|
|
|
|
|
|
|
|
|
|
|
})(jQuery);
|