setup() {
this.container = this.$el;
+ this.fileLinks = this.$manyRefs.linkTypeFile;
+
this.setupListeners();
}
}
addOpenQueryToLinks() {
- const links = this.container.querySelectorAll('a.attachment-file');
- for (const link of links) {
+ for (const link of this.fileLinks) {
if (link.href.split('?')[1] !== 'open=true') {
link.href += '?open=true';
link.setAttribute('target', '_blank');
}
removeOpenQueryFromLinks() {
- const links = this.container.querySelectorAll('a.attachment-file');
- for (const link of links) {
+ for (const link of this.fileLinks) {
link.href = link.href.split('?')[0];
link.removeAttribute('target');
}
@foreach($attachments as $attachment)
<div class="attachment icon-list">
<div class="split-icon-list-item attachment-{{ $attachment->external ? 'link' : 'file' }}">
- <a href="{{ $attachment->getUrl() }}" @if($attachment->external) target="_blank" @endif>
+ <a href="{{ $attachment->getUrl() }}"
+ refs="attachments-list@link-type-{{ $attachment->external ? 'link' : 'file' }}"
+ @if($attachment->external) target="_blank" @endif>
<div class="icon">@icon($attachment->external ? 'export' : 'file')</div>
<div class="label">{{ $attachment->name }}</div>
</a>