Fixed Pricing pages bugs

This commit is contained in:
Henry Bravo 2017-05-23 18:32:06 -05:00
commit c205bb05e8
82 changed files with 4525 additions and 51 deletions

View file

@ -123,7 +123,6 @@ h6 {
}
.navbar-transparent .navbar-nav>li>a {
color: #fff;
font-size: 17px;
cursor: pointer;
}
.navbar-transparent .navbar-nav>li>a:hover {
@ -139,6 +138,12 @@ h6 {
.navbar-right {
margin-right: 0px;
}
.navbar-default .btn-link {
color: #fff;
}
.navbar-default .btn-link:hover {
color: #fff !important;
}
.intro-header {
height: 100vh;
text-align: center;
@ -344,6 +349,13 @@ h6 {
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
padding-bottom: 40px;
border-radius: 7px;
position: relative;
}
.pricing-section .card .img-beta{
position: absolute;
top: 5px;
width: 60px;
left: 3px;
}
.pricing-section .card .title{
padding: 15px 40px;
@ -403,7 +415,7 @@ h6 {
}
.request-section .title h2{
font-family: 'Montserrat-Bold';
font-size: 65px;
font-size: 45px;
margin: 0;
color: #fff;
padding-bottom: 25px;
@ -551,6 +563,13 @@ h6 {
text-align: center;
/* margin-right: auto; */
max-width: 400px;
position: relative;
}
.price-calc-section .card .img-beta{
position: absolute;
top: 5px;
width: 60px;
left: 3px;
}
.price-calc-section .card .title{
padding: 15px 40px;

View file

@ -9,17 +9,23 @@
'cpu': {
'id': 'coreValue',
'value': 1,
'limit': 48
'min':1,
'max': 48,
'interval': 1
},
'ram': {
'id': 'ramValue',
'value': 1,
'limit': 200
'min':1,
'max': 200,
'interval': 1
},
'storage': {
'id': 'storageValue',
'value': 1,
'limit': 500
'value': 10,
'min': 10,
'max': 500,
'interval': 10
}
}
$(window).load(function(){
@ -87,15 +93,15 @@
$('.fa-minus-circle.left').click(function(event){
var data = $(this).data('minus');
if(cardPricing[data].value > 1){
if(cardPricing[data].value > cardPricing[data].min){
cardPricing[data].value --;
}
_fetchPricing();
});
$('.fa-plus-circle.right').click(function(event){
var data = $(this).data('plus');
if(cardPricing[data].value < cardPricing[data].limit){
cardPricing[data].value ++;
if(cardPricing[data].value < cardPricing[data].max){
cardPricing[data].value = cardPricing[data].value + cardPricing[data].interval;
}
_fetchPricing();
});
@ -110,6 +116,7 @@
function _calcPricing(){
var total = (cardPricing['cpu'].value * 5) + (2* cardPricing['ram'].value) + (0.6* cardPricing['storage'].value)
total = parseFloat(total.toFixed(2));
$("#total").text(total);
$('input[name=total]').val(total);