mirror of
https://github.com/tabler/tabler.git
synced 2026-08-07 03:42:27 +04:00
codecalm
f27c70ad38
`Render Modal as real markup` (#2742) reformatted ~140 files back to tabs/semicolons, breaking the Prettier config added by the Astro quality gates (#2749). Re-run prettier --write to restore it, and fix the type errors it had been masking: HTMLElement casts and `this` typing in ChangePasswordModalContent/ConfirmDeleteModalContent scripts, plain-JS syntax in the inline-injected progress.astro script, narrowed prop unions in Button/Check/Spinner, nullable icon svg casts in Icons/Rating, and a duplicate firstLetters/invalid `placeholder` attribute in Select.astro. Also fix shared/vitest.config.mts's stale `astro/lib/**/*.test.ts` include glob left over from the shared source restructure, which made `pnpm test` report zero test files.
43 lines
1.1 KiB
Plaintext
43 lines
1.1 KiB
Plaintext
---
|
|
import CaptureScript from '../components/CaptureScript.astro'
|
|
interface Props {
|
|
id?: string
|
|
multiple?: boolean
|
|
custom?: boolean
|
|
text?: string
|
|
description?: string
|
|
}
|
|
|
|
const { id, multiple, custom, text = 'Text', description = 'Description' } = Astro.props
|
|
|
|
const dropzoneId = `dropzone-${id}`
|
|
const dropzoneSelector = `#dropzone-${id}`
|
|
---
|
|
|
|
<form class="dropzone" id={dropzoneId} action="./" autocomplete="off" novalidate>
|
|
<div class="fallback">
|
|
<input name="file" type="file" multiple={multiple ? '' : undefined} />
|
|
</div>
|
|
{
|
|
custom && (
|
|
<div class="dz-message">
|
|
<h3 class="dropzone-msg-title">{text}</h3>
|
|
<span class="dropzone-msg-desc">{description}</span>
|
|
</div>
|
|
)
|
|
}
|
|
</form>
|
|
<CaptureScript>
|
|
<!-- BEGIN DROPZONE -->
|
|
<script define:vars={{ dropzoneId, dropzoneSelector }}>
|
|
window.tabler_dropzone ??= {}
|
|
|
|
function initDropzone() {
|
|
window.tabler_dropzone[dropzoneId] = new Dropzone(dropzoneSelector)
|
|
}
|
|
|
|
document.readyState !== 'loading' ? initDropzone() : document.addEventListener('DOMContentLoaded', initDropzone, { once: true })
|
|
</script>
|
|
<!-- END DROPZONE -->
|
|
</CaptureScript>
|