web: Add btn with bearer and handler for unaccessible object

closes #122 Signed-off-by: Mikhail Petrov <[email protected]>
nspcc-dev · Feb 1, 2024 · 8450fc1 · 8450fc1
1 parent 3bd400d
commit 8450fc1
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 3 deletions.
diff --git a/public/img/icons/manage/unlock.png b/public/img/icons/manage/unlock.png
diff --git a/src/Components/TreeView/TreeView.js b/src/Components/TreeView/TreeView.js
@@ -176,9 +176,14 @@ const File = ({
 										onModal('loading');
 										api('GET', `/get/${containerItem.containerId}/${objectItem.address.objectId}`, {}, {
 											[ContentTypeHeader]: "application/json",
-											[AuthorizationHeader]: `Bearer ${walletData.tokens.object.GET.bearer}`,
+											[AuthorizationHeader]: `Bearer ${walletData.tokens.object.GET.token}`,
+											[BearerOwnerIdHeader]: walletData.account,
+											[BearerSignatureHeader]: walletData.tokens.object.GET.signature,
+											[BearerSignatureKeyHeader]: walletData.publicKey,
 										}).then((data) => {
-											if (data.header.indexOf("image/") !== -1 || data.header === 'text/plain; charset=utf-8') {
+										  if (data.status !== 200) {
+												onModal('failed', 'Object is not accessible without a token');
+											} else if (data.header.indexOf("image/") !== -1 || data.header === 'text/plain; charset=utf-8') {
 												const fileURL = URL.createObjectURL(data.res);
 												window.open(fileURL, '_blank');
 												onModal();
@@ -202,6 +207,41 @@ const File = ({
 									height={40}
 									alt="get an object by link"
 								/>
+								<img
+									src="/img/icons/manage/unlock.png"
+									className="manage_icon"
+									onClick={() => {
+										onModal('loading');
+										api('GET', `/get/${containerItem.containerId}/${objectItem.address.objectId}`, {}, {
+											[ContentTypeHeader]: "application/json",
+											[AuthorizationHeader]: `Bearer ${walletData.tokens.object.GET.bearer}`,
+										}).then((data) => {
+											if (data.status !== 200) {
+												onModal('failed', 'Something went wrong, try again');
+											} else if (data.header.indexOf("image/") !== -1 || data.header === 'text/plain; charset=utf-8') {
+												const fileURL = URL.createObjectURL(data.res);
+												window.open(fileURL, '_blank');
+												onModal();
+											} else {
+												const a = document.createElement('a');
+												document.body.appendChild(a);
+												const url = window.URL.createObjectURL(data.res);
+												a.href = url;
+												a.download = name;
+												a.target = '_blank';
+												a.click();
+												setTimeout(() => {
+													onModal();
+													window.URL.revokeObjectURL(url);
+													document.body.removeChild(a);
+												}, 0);
+											}
+										});
+									}}
+									width={40}
+									height={40}
+									alt="get an object by bearer"
+								/>
 								<img
 									src="/img/icons/manage/download.png"
 									className="manage_icon"

diff --git a/src/api.js b/src/api.js
@@ -33,7 +33,7 @@ export default function api(method, url, params = {}, headers = {}) {
 				if (method === 'GET' && url.indexOf(`/get/`) !== -1) {
 					res = await response.blob();
 					const header = response.headers.get('Content-Type');
-					resolve({ header, res });
+					resolve({ header, res, status: response.status });
 				} else if (response.status === 413) {
 					reject('413 Request Entity Too Large');
 				} else if (response) {