stevenhaskell
04c8360ece
Offset only shows when it is needed. Inputs are now perfectly centered no matter the screen size.
81 lines
2.8 KiB
JavaScript
81 lines
2.8 KiB
JavaScript
function test () {
|
|
//replaces and animates html for plates required to bar.
|
|
//if statment works but need to figureout how to step animation.
|
|
if (jQuery('.b-platevisual__plate').length > 0) {
|
|
console.log("Test")
|
|
//animates plates off
|
|
jQuery('.b-platevisual__plates--left').animate({
|
|
opacity: 0,
|
|
left: "-16%",
|
|
}, {duration: 500, queue: false });
|
|
jQuery('.b-platevisual__plates--right').animate({
|
|
opacity: 0,
|
|
left: "116%",
|
|
}, {duration: 500, queue: false });
|
|
//updates plates
|
|
jQuery(".b-platevisual__plates").html(weighthtml);
|
|
//animates plates back on
|
|
jQuery('.b-platevisual__plates--left').animate({
|
|
opacity: 1,
|
|
left: "21%",
|
|
}, {duration: 500, queue: false });
|
|
jQuery('.b-platevisual__plates--right').animate({
|
|
opacity: 1,
|
|
left: "79%",
|
|
}, {duration: 500, queue: false });
|
|
} else {
|
|
//updates plates
|
|
jQuery(".b-platevisual__plates").html(weighthtml);
|
|
//animates plates back on
|
|
jQuery('.b-platevisual__plates--left').animate({
|
|
opacity: 1,
|
|
left: "21%",
|
|
}, {duration: 500, queue: false });
|
|
jQuery('.b-platevisual__plates--right').animate({
|
|
opacity: 1,
|
|
left: "79%",
|
|
}, {duration: 500, queue: false });
|
|
}
|
|
}
|
|
|
|
function animatePlatesOut () {
|
|
jQuery('.b-platevisual__plates--left').animate({
|
|
opacity: 0,
|
|
left: "-16%",
|
|
}, {duration: 500, queue: false });
|
|
jQuery('.b-platevisual__plates--right').animate({
|
|
opacity: 0,
|
|
left: "116%",
|
|
}, {duration: 500, queue: false });
|
|
}
|
|
|
|
function animatePlatesIn () {
|
|
jQuery('.b-platevisual__plates--left').animate({
|
|
opacity: 1,
|
|
left: "21%",
|
|
}, {duration: 500, queue: false });
|
|
jQuery('.b-platevisual__plates--right').animate({
|
|
opacity: 1,
|
|
left: "79%",
|
|
}, {duration: 500, queue: false });
|
|
}
|
|
|
|
|
|
function test () {
|
|
//replaces and animates html for plates required to bar.
|
|
//if statment works but need to figureout how to step animation.
|
|
if (jQuery('.b-platevisual__plate').length > 0) {
|
|
console.log("Test")
|
|
//animates plates off
|
|
animatePlatesOut();
|
|
//updates plates
|
|
jQuery(".b-platevisual__plates").html(weighthtml);
|
|
//animates plates back on
|
|
setTimeout(animatePlatesIn(), 250);
|
|
} else {
|
|
//updates plates
|
|
jQuery(".b-platevisual__plates").html(weighthtml);
|
|
//animates plates back on
|
|
animatePlatesIn();
|
|
}
|
|
} |