+ @click=${this.handleMove}
+ class="copy-button ${this._canWrite ? '' : 'hide'} ${this._isCopying ? 'hide' : ''}">
+
+
Cut
+
diff --git a/blocks/browse/da-browse/da-browse.js b/blocks/browse/da-browse/da-browse.js
index dca0f052..74504f51 100644
--- a/blocks/browse/da-browse/da-browse.js
+++ b/blocks/browse/da-browse/da-browse.js
@@ -39,6 +39,10 @@ export default class DaBrowse extends LitElement {
this.shadowRoot.adoptedStyleSheets = [STYLE];
}
+ handlePermissions(e) {
+ if (this.newCmp) this.newCmp.permissions = e.detail;
+ }
+
handleTabClick(idx) {
this._tabItems = this._tabItems.map((tab, tidx) => ({ ...tab, selected: idx === tidx }));
}
@@ -55,6 +59,10 @@ export default class DaBrowse extends LitElement {
return this._tabItems.find((tab) => tab.selected).id;
}
+ get newCmp() {
+ return this.shadowRoot.querySelector('da-new');
+ }
+
renderNew() {
return html`
`;
}
@@ -68,6 +76,7 @@ export default class DaBrowse extends LitElement {
`;
diff --git a/blocks/browse/da-list/da-list.js b/blocks/browse/da-list/da-list.js
index 2074090f..4a1f1dc6 100644
--- a/blocks/browse/da-list/da-list.js
+++ b/blocks/browse/da-list/da-list.js
@@ -25,6 +25,7 @@ export default class DaList extends LitElement {
drag: { type: Boolean },
listItems: { attribute: false },
newItem: { attribute: false },
+ _permissions: { state: true },
_listItems: { state: true },
_selectedItems: { state: true },
_dropFiles: { state: true },
@@ -51,6 +52,7 @@ export default class DaList extends LitElement {
}
if (props.has('fullpath') && this.fullpath) {
+ this.handlePermissions(null);
this._listItems = await this.getList();
}
@@ -69,9 +71,19 @@ export default class DaList extends LitElement {
this._status = { type, text, description };
}
+ handlePermissions(permissions) {
+ this._permissions = permissions;
+
+ // Notify parent
+ const opts = { detail: permissions, bubbles: true, composed: true };
+ const event = new CustomEvent('onpermissions', opts);
+ this.dispatchEvent(event);
+ }
+
async getList() {
const resp = await daFetch(`${DA_ORIGIN}/list${this.fullpath}`);
- if (!resp.ok) return null;
+ if (!resp.ok) return [];
+ if (resp.permissions) this.handlePermissions(resp.permissions);
return resp.json();
}
@@ -127,6 +139,12 @@ export default class DaList extends LitElement {
this.requestUpdate();
}
+ wait(milliseconds) {
+ return new Promise((r) => {
+ setTimeout(r, milliseconds);
+ });
+ }
+
async handlePasteItem(item) {
let continuation = true;
let continuationToken;
@@ -140,6 +158,13 @@ export default class DaList extends LitElement {
if (resp.status === 204) {
continuation = false;
break;
+ } else if (resp.status >= 400) {
+ this.setStatus('Copying', 'There was an issue copying.');
+
+ // TODO maybe there is a better way to keep the status dialog visible for a bit?
+ await this.wait(2000);
+
+ return;
}
const json = await resp.json();
({ continuationToken } = json);
@@ -418,6 +443,7 @@ export default class DaList extends LitElement {
${this.drag ? this.renderDropArea() : nothing}