webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-07-30 04:23:11 +03:00
Code Activity

Attachments: Hid edit/delete controls where lacking permission

Browse Source 
Added test to cover.
Also migrated related ajax-delete-row component to ts.

For #5323
This commit is contained in:
Dan Brown
2024-12-11 20:38:30 +00:00
parent 0ece664475
commit fcf0bf79a9
4 changed files with 74 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
resources/js/components/ajax-delete-row.js → resources/js/components/ajax-delete-row.ts
View File

@ -1,12 +1,16 @@
import {onSelect} from '../services/dom.ts';
import {onSelect} from '../services/dom';
import {Component} from './component';
export class AjaxDeleteRow extends Component {
protected row!: HTMLElement;
protected url!: string;
protected deleteButtons: HTMLElement[] = [];
setup() {
this.row = this.$el;
this.url = this.$opts.url;
this.deleteButtons = this.$manyRefs.delete;
this.deleteButtons = this.$manyRefs.delete || [];
onSelect(this.deleteButtons, this.runDelete.bind(this));
}
@ -21,8 +25,8 @@ export class AjaxDeleteRow extends Component {
}
this.row.remove();
}).catch(() => {
this.row.style.opacity = null;
this.row.style.pointerEvents = null;
this.row.style.removeProperty('opacity');
this.row.style.removeProperty('pointer-events');
});
}

6
resources/js/components/component.js
View File

@ -8,20 +8,20 @@ export class Component {
/**
* The element that the component is registered upon.
* @type {Element}
* @type {HTMLElement}
*/
$el = null;
/**
* Mapping of referenced elements within the component.
* @type {Object<string, Element>}
* @type {Object<string, HTMLElement>}
*/
$refs = {};
/**
* Mapping of arrays of referenced elements within the component so multiple
* references, sharing the same name, can be fetched.
* @type {Object<string, Element[]>}
* @type {Object<string, HTMLElement[]>}
*/
$manyRefs = {};