More work on the status window

git-svn-id: https://duplicati.googlecode.com/svn/trunk@1307 59da171f-624f-0410-aa54-27559c288bec
This commit is contained in:
kenneth@hexad.dk
2012-05-21 18:55:48 +00:00
parent 2ad87fc770
commit a4918efb00
4 changed files with 64 additions and 5 deletions
@@ -162,6 +162,14 @@
alert("Unimplemented " + code);
}
}
$(".ui-menu-item a").each(function(i, e) {
var x = $(e)
x.hover(
function(){x.addClass("ui-state-hover")},
function(){x.removeClass("ui-state-hover")}
);
});
});
})();
@@ -50,7 +50,6 @@ $(document).ready(function(){
' </div>' +
'</div>';
});
(function(){
@@ -164,10 +163,8 @@ $(document).ready(function(){
metadataItems.push('<span>' + str + '</span>');
} else if (mt['last-backup-date'] != null) {
metadataItems.push('<span>Last backup: ' + jQuery.timeago(new Date(mt['last-backup-date'])) + '</span>');
}
for(var ix = 0; ix < metadataItems.length; ix++)
{
if (ix != 0)
@@ -175,11 +172,10 @@ $(document).ready(function(){
metadata += metadataItems[ix];
}
}
if (metadata == '')
metadata = '<span class="important-information">No backup information was found, <span class="link">run the backup</span> to obtain data</span>'
metadata = '<span class="important-information">No backup information was found, <span class="link">run a backup</span> to obtain data</span>'
templateFilled = templateFilled.replace("%labels%", labels).replace("%schedule%", schedule).replace("%error%", error).replace("%metadata%", metadata);
@@ -25,6 +25,28 @@
<div id="status-window-toolbar-inner" class="ui-state-default ui-helper-clearfix ui-helper ui-widget-header">
<div id="status-window-main-logo" title="Click to access basic functions" class="ui-state-default ui-helper-clearfix ui-helper ui-widget-header ui-corner-all">
<div id="appname" class="appname"></div><span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-s"></span>
<ul id="status-window-primary-menu" style="display-hidden" class="ui-menu" xxclass="context-menu ui-state-default">
<li class="ui-menu-item"><a href="#">Pause Duplicati</a></li>
<li class="ui-menu-item"><a href="#">Pause for x minutes</a>
<ul>
<li class="ui-menu-item"><a href="#">Pause for 5 minutes</a></li>
<li class="ui-menu-item"><a href="#">Pause for 15 minutes</a></li>
<li class="ui-menu-item"><a href="#">Pause for 30 minutes</a></li>
<li class="ui-menu-item"><a href="#">Pause for 60 minutes</a></li>
</ul>
</li>
<li class="ui-menu-item"><a href="#">Throttle ...</a></li>
<li class="ui-menu-item"><a href="#">Run backups</a>
<ul id="status-window-run-by-label">
<li class="ui-menu-item"><a href="#">All backups</a></li>
<li class="ui-menu-item"><a href="#">Label: xx</a></li>
<li class="ui-menu-item"><a href="#">Label: yy</a></li>
</ul>
</li>
<li class="ui-menu-item"><a href="#">Settings ...</a></li>
<li class="ui-menu-item"><a href="#">About</a></li>
</ul>
</div>
<div id="status-window-news" title="Click here to open the news page">A new version of Duplicati is available</div>
@@ -50,3 +50,36 @@ body
.vertical-center { margin: 0px auto; }
.ui-menu .ui-menu-item a
{
line-height:1;
}
.context-menu
{
list-style: none;
position: absolute;
left: 0; top: 35px;
margin: 0; padding: 0;
display: block;
float: left;
width: 170px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-khtml-border-bottom-left-radius: 5px;
-kthtml-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}
.context-menu li a
{
width: 100%;
display: block;
}
.context-menu li a:hover {
background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}