Fixed Pricing pages bugs
This commit is contained in:
parent
f2d4e1515e
commit
c205bb05e8
82 changed files with 4525 additions and 51 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue