zwitschi
fb6816de00
- Introduced a new CSS file for form styles (forms.css) to enhance form layout and design. - Removed deprecated button styles from imports.css and updated button classes across templates to use the new utility classes. - Updated various templates to reflect the new button styles, ensuring a consistent look and feel throughout the application. - Refactored form-related styles in main.css and removed redundant styles from projects.css and scenarios.css. - Ensured responsive design adjustments for form actions in smaller viewports.
53 lines
1.7 KiB
HTML
53 lines
1.7 KiB
HTML
<div
|
|
class="modal"
|
|
id="export-modal-{{ dataset }}"
|
|
data-export-dataset="{{ dataset }}"
|
|
>
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Export {{ dataset|capitalize }}</h5>
|
|
<button
|
|
type="button"
|
|
class="btn btn--ghost btn--icon"
|
|
data-dismiss="modal"
|
|
aria-label="Close"
|
|
></button>
|
|
</div>
|
|
<form method="post" action="{{ submit_url }}" data-export-form>
|
|
<div class="modal-body">
|
|
<div class="mb-3">
|
|
<label class="form-label" for="export-format">Format</label>
|
|
<select class="form-select" id="export-format" name="format">
|
|
<option value="csv">CSV</option>
|
|
<option value="xlsx">Excel (.xlsx)</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-check">
|
|
<input
|
|
class="form-check-input"
|
|
type="checkbox"
|
|
value="true"
|
|
id="include-metadata"
|
|
name="include_metadata"
|
|
/>
|
|
<label class="form-check-label" for="include-metadata">
|
|
Include metadata sheet (Excel only)
|
|
</label>
|
|
</div>
|
|
<small class="form-text text-muted"
|
|
>Filters can be adjusted in the advanced export section.</small
|
|
>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn--secondary" data-dismiss="modal">
|
|
Cancel
|
|
</button>
|
|
<button type="submit" class="btn btn--primary">Download</button>
|
|
</div>
|
|
<p class="form-error hidden" data-export-error></p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|