Shifts manager
This commit is contained in:
@@ -33,10 +33,11 @@
|
||||
<!-- Main Content -->
|
||||
<div class="admin-container">
|
||||
<div class="admin-sidebar">
|
||||
<h2>Settings</h2>
|
||||
<h2>Admin Panel</h2>
|
||||
<nav class="admin-nav">
|
||||
<a href="#start-location" class="active">Start Location</a>
|
||||
<a href="#walk-sheet">Walk Sheet</a>
|
||||
<a href="#shifts">Shifts</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
@@ -174,6 +175,70 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Shifts Section -->
|
||||
<section id="shifts" class="admin-section" style="display: none;">
|
||||
<h2>Shift Management</h2>
|
||||
<p>Create and manage volunteer shifts.</p>
|
||||
|
||||
<div class="shifts-admin-container">
|
||||
<div class="shift-form">
|
||||
<h3>Create New Shift</h3>
|
||||
<form id="shift-form">
|
||||
<div class="form-group">
|
||||
<label for="shift-title">Title</label>
|
||||
<input type="text" id="shift-title" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="shift-description">Description</label>
|
||||
<textarea id="shift-description" rows="3"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label for="shift-date">Date</label>
|
||||
<input type="date" id="shift-date" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="shift-start">Start Time</label>
|
||||
<input type="time" id="shift-start" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="shift-end">End Time</label>
|
||||
<input type="time" id="shift-end" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label for="shift-location">Location</label>
|
||||
<input type="text" id="shift-location">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="shift-max-volunteers">Max Volunteers</label>
|
||||
<input type="number" id="shift-max-volunteers" min="1" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-primary">Create Shift</button>
|
||||
<button type="button" class="btn btn-secondary" id="clear-shift-form">Clear</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="shifts-list">
|
||||
<h3>Existing Shifts</h3>
|
||||
<div id="admin-shifts-list">
|
||||
<!-- Shifts will be loaded here -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user