moep/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Changed field error messages, made fields wider

Browse source
This commit is contained in:
Siarhei Puhach 2017-07-13 12:59:05 +03:00
parent 82ad7db0f7
commit 290bfe272f
3 changed files with 38 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
datacenterlight/static/datacenterlight/css/landing-page.css
View file

@ -26,7 +26,7 @@ h6 {
/*blue light #5A74AF*/ /*blue light #5A74AF*/
/*blue dark #29427A*/ /*blue dark #29427A*/
.topnav { .topnav {
font-size: 14px; font-size: 14px;
} }
.lead { .lead {
@ -271,7 +271,7 @@ h6 {
.intro-message > h3 { .intro-message > h3 {
font-weight: 300; font-weight: 300;
} }
.intro-pricing{ .intro-pricing{
@ -337,7 +337,7 @@ h6 {
.split-section.left{ .split-section.left{
background: -webkit-linear-gradient(#f0f4f7, #fff) no-repeat; background: -webkit-linear-gradient(#f0f4f7, #fff) no-repeat;
background: -o-linear-gradient(#f0f4f7, #fff) no-repeat; background: -o-linear-gradient(#f0f4f7, #fff) no-repeat;
background: linear-gradient(#f0f4f7, #fff) no-repeat; background: linear-gradient(#f0f4f7, #fff) no-repeat;
} }
.split-section.left .split-description{ .split-section.left .split-description{
@ -806,7 +806,7 @@ tech-sub-sec h2 {
.price-calc-section .card .description .select-number{ .price-calc-section .card .description .select-number{
font-size: 20px; font-size: 20px;
text-align: center; text-align: center;
width: 60px; width: 85px;
} }
.price-calc-section .card .description i{ .price-calc-section .card .description i{
color: #29427A; color: #29427A;
@ -907,7 +907,7 @@ color: #eb4d5c;
} }
} }
@media screen and (min-device-width: 480px) and (max-device-width: 767px) { @media screen and (min-device-width: 480px) and (max-device-width: 767px) {
.logo-wrap { .logo-wrap {
width: 50%; width: 50%;
padding: 15px 30px !important; padding: 15px 30px !important;
@ -915,7 +915,7 @@ color: #eb4d5c;
} }
.logo-wrap-1 { .logo-wrap-1 {
width: 50%; width: 50%;
padding: 15px 30px !importantx; padding: 15px 30px !important;
min-height: 179px; min-height: 179px;
} }
.landscape-xs-6{ .landscape-xs-6{
@ -1014,7 +1014,7 @@ line-height: 40px;
color: #777; color: #777;
} }
.nav-language:hover{ .nav-language:hover{
height: 80px; height: 80px;
} }
.navbar-transparent .nav-language .select-language { .navbar-transparent .nav-language .select-language {
color: #777; color: #777;
@ -1141,7 +1141,8 @@ line-height: 40px;
.price-calc-section .card .description .select-number{ .price-calc-section .card .description .select-number{
font-size: 17px; font-size: 17px;
text-align: center; text-align: center;
width: 60px; width: 85px;
margin-left: 0;
} }
} }
@ -1243,17 +1244,17 @@ p.copyright {
a#forgotpassword { a#forgotpassword {
color: #ffffff; color: #ffffff;
} }
.topnav a:focus { .topnav a:focus {
outline: none; outline: none;
outline-offset: 0; outline-offset: 0;
} }
.topnav .btn:focus { .topnav .btn:focus {
outline: none !important; outline: none !important;
outline-offset: 0; outline-offset: 0;
} }

46
datacenterlight/static/datacenterlight/js/main.js
View file

@ -1,7 +1,7 @@
(function($){ (function($){
"use strict"; // Start of use strict "use strict"; // Start of use strict
/* --------------------------------------------- /* ---------------------------------------------
Scripts initialization Scripts initialization
--------------------------------------------- */ --------------------------------------------- */
@ -24,30 +24,30 @@
'id': 'storageValue', 'id': 'storageValue',
'value': 10, 'value': 10,
'min': 10, 'min': 10,
'max': 500, 'max': 2000,
'interval': 10 'interval': 10
} }
} };
$(window).load(function(){ $(window).load(function(){
}); });
$(document).ready(function(){ $(document).ready(function(){
verifiedUrl(); verifiedUrl();
_navScroll(); _navScroll();
_initScroll(); _initScroll();
_initNavUrl(); _initNavUrl();
_initPricing(); _initPricing();
}); });
$(window).resize(function(){ $(window).resize(function(){
}); });
/* --------------------------------------------- /* ---------------------------------------------
@ -62,11 +62,11 @@
} else { } else {
/* the viewport is less than 400 pixels wide */ /* the viewport is less than 400 pixels wide */
} }
function _initScroll(){ function _initScroll(){
$(window).scroll(function(){ $(window).scroll(function(){
_navScroll(); _navScroll();
}); });
@ -107,7 +107,7 @@
$('.fa-minus-circle.left').click(function(event){ $('.fa-minus-circle.left').click(function(event){
var data = $(this).data('minus'); var data = $(this).data('minus');
if(cardPricing[data].value > cardPricing[data].min){ if(cardPricing[data].value > cardPricing[data].min){
cardPricing[data].value = Number(cardPricing[data].value) - cardPricing[data].interval; cardPricing[data].value = Number(cardPricing[data].value) - cardPricing[data].interval;
} }
@ -136,7 +136,7 @@
} }
function _calcPricing(){ function _calcPricing(){
var total = (cardPricing['cpu'].value * 5) + (2* cardPricing['ram'].value) + (0.6* cardPricing['storage'].value); var total = (cardPricing['cpu'].value * 5) + (2* cardPricing['ram'].value) + (0.6* cardPricing['storage'].value);
total = parseFloat(total.toFixed(2)); total = parseFloat(total.toFixed(2));
$("#total").text(total); $("#total").text(total);
@ -148,7 +148,7 @@
function _calculate(numbers, price){ function _calculate(numbers, price){
$('#valueTotal').text(numbers*price*31); $('#valueTotal').text(numbers*price*31);
} }
})(jQuery); })(jQuery);

6
datacenterlight/templates/datacenterlight/calculator_form.html
View file

@ -18,7 +18,7 @@
<div class="form-group"> <div class="form-group">
<div class="description input"> <div class="description input">
<i class="fa fa-minus-circle left" data-minus="cpu" aria-hidden="true"></i> <i class="fa fa-minus-circle left" data-minus="cpu" aria-hidden="true"></i>
<input class="input-price select-number" type="number" min="1" max="42" id="coreValue" name="cpu" data-error="{% trans 'Please enter a value greater than or equal to 1.' %}" required> <input class="input-price select-number" type="number" min="1" max="48" id="coreValue" name="cpu" data-error="{% trans 'Please enter a value in range 1 - 48' %}" required>
<span> Core</span> <span> Core</span>
<i class="fa fa-plus-circle right" data-plus="cpu" aria-hidden="true"></i> <i class="fa fa-plus-circle right" data-plus="cpu" aria-hidden="true"></i>
</div> </div>
@ -27,7 +27,7 @@
<div class="form-group"> <div class="form-group">
<div class="description input"> <div class="description input">
<i class="fa fa-minus-circle left" data-minus="ram" aria-hidden="true"></i> <i class="fa fa-minus-circle left" data-minus="ram" aria-hidden="true"></i>
<input id="ramValue" class="input-price select-number" type="number" min="2" max="200" name="ram" data-error="{% trans 'Please enter a value greater than or equal to 2.' %}" required> <input id="ramValue" class="input-price select-number" type="number" min="2" max="200" name="ram" data-error="{% trans 'Please enter a value in range 2-200.' %}" required>
<span> GB RAM</span> <span> GB RAM</span>
<i class="fa fa-plus-circle right" data-plus="ram" aria-hidden="true"></i> <i class="fa fa-plus-circle right" data-plus="ram" aria-hidden="true"></i>
</div> </div>
@ -36,7 +36,7 @@
<div class="form-group"> <div class="form-group">
<div class="description input"> <div class="description input">
<i class="fa fa-minus-circle left" data-minus="storage" aria-hidden="true"></i> <i class="fa fa-minus-circle left" data-minus="storage" aria-hidden="true"></i>
<input id="storageValue" class="input-price select-number" type="number" min="10" max="500" step="10" name="storage" data-error="{% trans 'Please enter a value greater than or equal to 10.' %}" required> <input id="storageValue" class="input-price select-number" type="number" min="10" max="2000" step="10" name="storage" data-error="{% trans 'Please enter a value in range 10 - 2000.' %}" required>
<span>{% trans "GB Storage (SSD)" %}</span> <span>{% trans "GB Storage (SSD)" %}</span>
<i class="fa fa-plus-circle right" data-plus="storage" aria-hidden="true"></i> <i class="fa fa-plus-circle right" data-plus="storage" aria-hidden="true"></i>
</div> </div>