From d0412e1fbb1496f6988cae6c26139b73bdd90c35 Mon Sep 17 00:00:00 2001
From: Dan Stillman <dstillman@zotero.org>
Date: Fri, 7 Jun 2019 04:20:33 -0400
Subject: [PATCH] Add "Move to Trash" button in item retraction header

---
 chrome/content/zotero/bindings/itembox.xml | 24 ++++++++++++++++++----
 chrome/skin/default/zotero/itemPane.css    |  6 ++++--
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/chrome/content/zotero/bindings/itembox.xml b/chrome/content/zotero/bindings/itembox.xml
index 13681c4996..b25ce3e8c1 100644
--- a/chrome/content/zotero/bindings/itembox.xml
+++ b/chrome/content/zotero/bindings/itembox.xml
@@ -2378,8 +2378,6 @@
 			
 			<method name="updateRetracted">
 				<body><![CDATA[
-					this._id('retraction-box').hidden = true;
-					
 					return (async function () {
 						var htmlNS = 'http://www.w3.org/1999/xhtml';
 						
@@ -2390,7 +2388,22 @@
 						}
 						
 						this._id('retraction-box').hidden = false;
-						this._id('retraction-banner').textContent = Zotero.getString('retraction.banner');
+						this._id('retraction-header-text').textContent
+							= Zotero.getString('retraction.banner');
+						
+						var deleteButton = this._id('retraction-header-delete-button');
+						if (!this.item.deleted) {
+							deleteButton.hidden = false;
+							deleteButton.textContent = Zotero.getString('pane.items.trash.title');
+							deleteButton.onclick = function () {
+								this.item.deleted = true;
+								this.item.saveTx();
+							}.bind(this);
+						}
+						// Already in trash
+						else {
+							deleteButton.hidden = true;
+						}
 						
 						// Date
 						if (data.date) {
@@ -2608,7 +2621,10 @@
 				<div xmlns="http://www.w3.org/1999/xhtml"
 						id="retraction-box"
 						hidden="hidden">
-					<div id="retraction-banner"/>
+					<div id="retraction-header">
+						<div id="retraction-header-text"/>
+						<button id="retraction-header-delete-button"/>
+					</div>
 					<div id="retraction-details">
 						<p id="retraction-date"/>
 						
diff --git a/chrome/skin/default/zotero/itemPane.css b/chrome/skin/default/zotero/itemPane.css
index 99f6efcfcc..c8334ff21e 100644
--- a/chrome/skin/default/zotero/itemPane.css
+++ b/chrome/skin/default/zotero/itemPane.css
@@ -45,10 +45,12 @@
 	margin-left: 5px;
 }
 
-#retraction-banner {
+#retraction-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
 	padding: 1.5em 1em;
 	background: #ea3232;
-	width: 100%;
 	color: white;
 	font-weight: bold;
 }