fixes #526, cleaner and more modern infos/errors/warnings boxes

This commit is contained in:
plegall
2016-09-26 12:46:24 +02:00
parent af1c0c69d9
commit b1f13e3657
3 changed files with 19 additions and 9 deletions
+3
View File
@@ -131,6 +131,7 @@ $('#menubar').lightAccordion({
{if isset($errors)}
<div class="errors">
<i class="eiw-icon icon-cancel"></i>
<ul>
{foreach from=$errors item=error}
<li>{$error}</li>
@@ -141,6 +142,7 @@ $('#menubar').lightAccordion({
{if isset($infos)}
<div class="infos">
<i class="eiw-icon icon-ok"></i>
<ul>
{foreach from=$infos item=info}
<li>{$info}</li>
@@ -151,6 +153,7 @@ $('#menubar').lightAccordion({
{if isset($warnings)}
<div class="warnings">
<i class="eiw-icon icon-attention"></i>
<ul>
{foreach from=$warnings item=warning}
<li>{$warning}</li>
+1 -1
View File
@@ -23,7 +23,7 @@ jQuery().ready(function(){
piwigo_update = data['result']['piwigo_need_update'];
ext_update = data['result']['ext_need_update']
if ((piwigo_update || ext_update) && !jQuery(".warnings").is('div'))
jQuery("#content").prepend('<div class="warnings"><ul></ul></div>');
jQuery("#content").prepend('<div class="warnings"><i class="eiw-icon icon-attention"></i><ul></ul></div>');
if (piwigo_update)
jQuery(".warnings ul").append('<li>'+piwigo_need_update_msg+'</li>');
if (ext_update)
+15 -8
View File
@@ -805,31 +805,38 @@ h2:lang(en) { text-transform:capitalize; }
*/
.infos, .errors, .warnings {
text-align: left;
margin: 5px;
padding: 10px 50px 10px 10px;
margin: 15px 10px 15px 15px;
padding: 5px;
font-weight:bold;
background-repeat: no-repeat;
background-position: 5px 5px;
padding:5px 70px 0pt 53px;
min-height: 54px;
}
.infos ul, .errors ul, .warnings ul {
margin-top:18px;
}
.eiw-icon {
float: left;
font-size: 40px;
margin-right: 20px;
}
.infos {
color: #0a0;
background-color:#c2f5c2;
background-image: url(icon/infos.png);
border-left:4px solid #0a0;
}
.errors {
color: #f22;
background-color: #ffd5dc;
background-image: url(icon/errors.png);
border-left: 4px solid #f22;
}
.warnings {
color: #ee8800;
background-color:#ffdd99;
background-image: url(icon/warnings.png);
border-left:4px solid #ee8800;
}
.infos li, .errors li, .warnings li { list-style-type:square; }