fix: restore copy functionality for confirm modal code snippets

Store code snippets as JS variables in components.js and reference them
in the template. This avoids multi-line template literals in HTML
attributes while still providing copy functionality.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-24 21:51:49 +01:00
parent 8259949a7a
commit 2bac4dfc90
2 changed files with 44 additions and 26 deletions

View File

@@ -435,6 +435,34 @@ function adminComponents() {
showDynamicConfirmDemo: false,
dynamicItemName: '',
// Code snippets for confirm modal macros
codeSnippets: {
confirmModal: `{% from 'shared/macros/modals.html' import confirm_modal %}
{{ confirm_modal(
'deleteConfirm',
'Delete Item',
'Are you sure you want to delete this item?',
'deleteItem()',
'showDeleteModal',
'Delete',
'Cancel',
'danger'
) }}`,
confirmModalDynamic: `{% from 'shared/macros/modals.html' import confirm_modal_dynamic %}
{{ confirm_modal_dynamic(
'removePlatformModal',
'Remove Platform',
"'Are you sure you want to remove \\\"' + (item?.name || '') + '\\\" ?'",
'confirmRemove()',
'showConfirmModal',
'Remove',
'Cancel',
'warning'
) }}`
},
// Example log data for demo
showErrorLogDemo() {
this.exampleLog = {