Added new styling on the bars, and changed when successbar shows up

This commit is contained in:
Kasper Rynning-Tønnesen
2015-02-09 22:27:39 +01:00
parent 18c118792e
commit d8e1e1511e
4 changed files with 12 additions and 5 deletions

View File

@@ -11,7 +11,7 @@
<?php include("php/header.php"); ?>
</head>
<body>
<div id="sBar">Success</div>
<div id="sBar"></div>
<div id="eBar">Error: Wrong Admin Password</div>
<div class="bgimage" id="bgimage"></div>
<div class="top vcent centered">

View File

@@ -37,7 +37,10 @@ function submitAdmin(form)
pass_corr = confRes;
if(pass_corr=="correct"){
$("#adminPanel").addClass("success");
//$("#adminPanel").addClass("success");
document.getElementById("sBar").innerHTML = "Successfully applied settings.";
$("#sBar").addClass("opacityFull");
document.getElementById("passbox").value = "";
}else{ $("#eBar").addClass("opacityFull");/*$("#adminPanel").addClass("fadeerror");*/}
console.log(pass_corr);
@@ -46,5 +49,6 @@ function submitAdmin(form)
$("#adminPanel").removeClass("success");
$("#adminPanel").removeClass("fadeerror");
$("#eBar").removeClass("opacityFull");
$("#sBar").removeClass("opacityFull");
},1500);
}

View File

@@ -204,7 +204,9 @@ function submit(id,title,type){
$("#search").addClass("error");
$("#eBar").addClass("opacityFull");
}else{
$("#search").addClass("success");
//$("#search").addClass("success");
document.getElementById("sBar").innerHTML = "Successfully added song!";
$("#sBar").addClass("opacityFull");
}
$("#search").focus();
@@ -213,6 +215,7 @@ function submit(id,title,type){
$("#search").removeClass("success");
$("#search").removeClass("error");
$("#eBar").removeClass("opacityFull");
$("#sBar").removeClass("opacityFull");
},1500);
updateList();
event.stopPropagation();

View File

@@ -104,9 +104,9 @@ input[type="radio"]{display: none;}
#search{padding-left:50px;background: url(search2.png)no-repeat 10px 50%;background-color: rgba(255,255,255,0.2);background-size:2%;transition: box-shadow 0.5s;}
#search:focus{ box-shadow: 0px 0px 10px 0.5px #000;}
#eBar, #sBar{font-family: 'Open Sans', sans-serif; font-weight: 300; color:white;position:fixed;width:100%;height:30px;z-index: 9001;text-align: center;font-size:23px; opacity: 0;transition:opacity 0.5s linear;}
#eBar, #sBar{font-family: 'Open Sans', sans-serif; font-weight: 300; color:white;position:fixed;width:100%;height:35px;z-index: 9001;text-align: center;font-size:23px; opacity: 0;transition:opacity 0.5s linear;}
#eBar{background-color:#D8000C;}
#sBar{background-color:rgb(77, 178, 36);}
#sBar{background-color:rgb(91, 207, 43);}
.opacityFull{opacity: 1 !important;}
#zicon{width:15%;}