60 lines
3.3 KiB
HTML
60 lines
3.3 KiB
HTML
<div class="container mt-3">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<a class="btn btn-link text-decoration-none w-100" data-bs-toggle="collapse" href="#filterOptions" role="button" aria-expanded="false" aria-controls="filterOptions">
|
|
<strong>Filter Options</strong>
|
|
</a>
|
|
</div>
|
|
<div id="filterOptions" class="collapse">
|
|
<div class="card-body">
|
|
<!-- Edit Mode -->
|
|
<div class="d-flex align-items-center border p-2 rounded mb-3">
|
|
<div class="me-3 fw-bold">Edit Mode:</div>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" id="editModeSwitch">
|
|
<label class="form-check-label" for="editModeSwitch"></label>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Status Filters -->
|
|
<div class="d-flex align-items-center border p-2 rounded mb-3">
|
|
<div class="me-3 fw-bold">Status:</div>
|
|
<div class="form-check form-switch me-3">
|
|
<input class="form-check-input" type="checkbox" id="showArchivedSwitch">
|
|
<label class="form-check-label" for="showArchivedSwitch">Show Archived</label>
|
|
</div>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" id="showHiddenSwitch">
|
|
<label class="form-check-label" for="showHiddenSwitch">Show Hidden</label>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Buttons Filters -->
|
|
<div class="d-flex align-items-center border p-2 rounded mb-3">
|
|
<div class="me-3 fw-bold">Buttons:</div>
|
|
<div class="form-check form-switch me-3">
|
|
<input class="form-check-input" type="checkbox" id="archiveButtonSwitch">
|
|
<label class="form-check-label" for="archiveButtonSwitch">Archive Button</label>
|
|
</div>
|
|
<div class="form-check form-switch me-3">
|
|
<input class="form-check-input" type="checkbox" id="visibilityButtonSwitch">
|
|
<label class="form-check-label" for="visibilityButtonSwitch">Visibility Button</label>
|
|
</div>
|
|
<div class="form-check form-switch me-3">
|
|
<input class="form-check-input" type="checkbox" id="privacyButtonSwitch">
|
|
<label class="form-check-label" for="privacyButtonSwitch">Privacy Button</label>
|
|
</div>
|
|
<div class="form-check form-switch me-3">
|
|
<input class="form-check-input" type="checkbox" id="shareButtonSwitch">
|
|
<label class="form-check-label" for="shareButtonSwitch">Share Button</label>
|
|
</div>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" id="addButtonSwitch">
|
|
<label class="form-check-label" for="addButtonSwitch">Add Button</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|