From a4918efb00a1abadf365dbc96e3ca00920d49bfd Mon Sep 17 00:00:00 2001
From: "kenneth@hexad.dk"
 <kenneth@hexad.dk@59da171f-624f-0410-aa54-27559c288bec>
Date: Mon, 21 May 2012 18:55:48 +0000
Subject: [PATCH] More work on the status window

git-svn-id: https://duplicati.googlecode.com/svn/trunk@1307 59da171f-624f-0410-aa54-27559c288bec
---
 .../Server/webroot/scripts/app-functions.js   |  8 +++++
 .../Server/webroot/scripts/status-window.js   |  6 +---
 Duplicati/Server/webroot/status-window.html   | 22 +++++++++++++
 .../Server/webroot/stylesheets/common.css     | 33 +++++++++++++++++++
 4 files changed, 64 insertions(+), 5 deletions(-)

diff --git a/Duplicati/Server/webroot/scripts/app-functions.js b/Duplicati/Server/webroot/scripts/app-functions.js
index ccdc795f7..534423598 100644
--- a/Duplicati/Server/webroot/scripts/app-functions.js
+++ b/Duplicati/Server/webroot/scripts/app-functions.js
@@ -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")}
+			);
+		});
 	});
 	
 })();
\ No newline at end of file
diff --git a/Duplicati/Server/webroot/scripts/status-window.js b/Duplicati/Server/webroot/scripts/status-window.js
index 09f6a0e73..d31a15e28 100644
--- a/Duplicati/Server/webroot/scripts/status-window.js
+++ b/Duplicati/Server/webroot/scripts/status-window.js
@@ -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);
 
diff --git a/Duplicati/Server/webroot/status-window.html b/Duplicati/Server/webroot/status-window.html
index 69cb47abe..ba5e77e22 100644
--- a/Duplicati/Server/webroot/status-window.html
+++ b/Duplicati/Server/webroot/status-window.html
@@ -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>
 	
diff --git a/Duplicati/Server/webroot/stylesheets/common.css b/Duplicati/Server/webroot/stylesheets/common.css
index 43ed998ec..c40e54614 100644
--- a/Duplicati/Server/webroot/stylesheets/common.css
+++ b/Duplicati/Server/webroot/stylesheets/common.css
@@ -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;
+}
\ No newline at end of file