Use a confirm button

This commit is contained in:
shamoon
2025-12-30 13:43:30 -08:00
parent 7fb5cee109
commit b55256770d
2 changed files with 14 additions and 7 deletions

View File

@@ -85,6 +85,8 @@
class="btn btn-outline-primary" class="btn btn-outline-primary"
[disabled]="bundle.status !== statuses.Ready" [disabled]="bundle.status !== statuses.Ready"
(click)="copy(bundle)" (click)="copy(bundle)"
title="Copy share link"
i18n-title
> >
@if (copiedSlug === bundle.slug) { @if (copiedSlug === bundle.slug) {
<i-bs name="clipboard-check"></i-bs> <i-bs name="clipboard-check"></i-bs>
@@ -105,15 +107,14 @@
<span class="visually-hidden" i18n>Retry</span> <span class="visually-hidden" i18n>Retry</span>
</button> </button>
} }
<button <pngx-confirm-button
type="button" buttonClasses="btn btn-sm btn-outline-danger"
class="btn btn-outline-danger"
[disabled]="loading" [disabled]="loading"
(click)="delete(bundle)" (confirm)="delete(bundle)"
iconName="trash"
> >
<i-bs name="trash"></i-bs>
<span class="visually-hidden" i18n>Delete share link bundle</span> <span class="visually-hidden" i18n>Delete share link bundle</span>
</button> </pngx-confirm-button>
</div> </div>
</td> </td>
</tr> </tr>

View File

@@ -16,11 +16,17 @@ import { ShareLinkBundleService } from 'src/app/services/rest/share-link-bundle.
import { ToastService } from 'src/app/services/toast.service' import { ToastService } from 'src/app/services/toast.service'
import { environment } from 'src/environments/environment' import { environment } from 'src/environments/environment'
import { LoadingComponentWithPermissions } from '../../loading-component/loading.component' import { LoadingComponentWithPermissions } from '../../loading-component/loading.component'
import { ConfirmButtonComponent } from '../confirm-button/confirm-button.component'
@Component({ @Component({
selector: 'pngx-share-link-bundle-manage-dialog', selector: 'pngx-share-link-bundle-manage-dialog',
templateUrl: './share-link-bundle-manage-dialog.component.html', templateUrl: './share-link-bundle-manage-dialog.component.html',
imports: [CommonModule, NgxBootstrapIconsModule, FileSizePipe], imports: [
ConfirmButtonComponent,
CommonModule,
NgxBootstrapIconsModule,
FileSizePipe,
],
}) })
export class ShareLinkBundleManageDialogComponent export class ShareLinkBundleManageDialogComponent
extends LoadingComponentWithPermissions extends LoadingComponentWithPermissions