Semi working map cuts view; need to refactor and fix some stuff however stable enough to commit
This commit is contained in:
@@ -845,6 +845,134 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cut Location Management -->
|
||||
<div class="cuts-location-section" id="cut-location-management" style="display: none;">
|
||||
<div class="cuts-management-panel">
|
||||
<div class="panel-header">
|
||||
<h3 class="panel-title">Location Management</h3>
|
||||
<div class="panel-actions">
|
||||
<button id="toggle-location-visibility" class="btn btn-primary btn-sm">Show Locations</button>
|
||||
<button id="export-cut-locations" class="btn btn-success btn-sm">Export Data</button>
|
||||
<button id="print-cut-view" class="btn btn-secondary btn-sm">Print View</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<!-- Location Filters -->
|
||||
<div class="location-filters">
|
||||
<h4>Filter Locations</h4>
|
||||
<div class="filter-row">
|
||||
<div class="filter-group">
|
||||
<label for="support-level-filter">Support Level:</label>
|
||||
<select id="support-level-filter" class="form-control">
|
||||
<option value="">All Levels</option>
|
||||
<option value="1">Level 1 (Strong Support)</option>
|
||||
<option value="2">Level 2 (Lean Support)</option>
|
||||
<option value="3">Level 3 (Lean Opposition)</option>
|
||||
<option value="4">Level 4 (Strong Opposition)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="filter-group">
|
||||
<label for="sign-status-filter">Lawn Sign:</label>
|
||||
<select id="sign-status-filter" class="form-control">
|
||||
<option value="">All</option>
|
||||
<option value="true">Has Sign</option>
|
||||
<option value="false">No Sign</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="filter-group">
|
||||
<label for="sign-size-filter">Sign Size:</label>
|
||||
<select id="sign-size-filter" class="form-control">
|
||||
<option value="">All Sizes</option>
|
||||
<option value="Regular">Regular</option>
|
||||
<option value="Large">Large</option>
|
||||
<option value="Unsure">Unsure</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="filter-group">
|
||||
<label for="contact-filter">Contact Info:</label>
|
||||
<select id="contact-filter" class="form-control">
|
||||
<option value="">All</option>
|
||||
<option value="email">Has Email</option>
|
||||
<option value="phone">Has Phone</option>
|
||||
<option value="both">Has Both</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="filter-group">
|
||||
<button id="apply-filters" class="btn btn-primary">Apply Filters</button>
|
||||
<button id="clear-filters" class="btn btn-secondary">Clear</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cut Statistics -->
|
||||
<div class="cut-statistics" id="cut-statistics" style="display: none;">
|
||||
<h4>Statistics</h4>
|
||||
<div class="stats-grid">
|
||||
<div class="stat-item">
|
||||
<span class="stat-label">Total Locations:</span>
|
||||
<span class="stat-value" id="total-locations">0</span>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<span class="stat-label">Support Level 1:</span>
|
||||
<span class="stat-value" id="support-1">0</span>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<span class="stat-label">Support Level 2:</span>
|
||||
<span class="stat-value" id="support-2">0</span>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<span class="stat-label">Has Lawn Signs:</span>
|
||||
<span class="stat-value" id="has-signs">0</span>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<span class="stat-label">Has Email:</span>
|
||||
<span class="stat-value" id="has-email">0</span>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<span class="stat-label">Has Phone:</span>
|
||||
<span class="stat-value" id="has-phone">0</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cut Settings -->
|
||||
<div class="cut-settings">
|
||||
<h4>Cut Settings</h4>
|
||||
<div class="setting-row">
|
||||
<div class="setting-group">
|
||||
<label>
|
||||
<input type="checkbox" id="show-locations-toggle" checked>
|
||||
Show locations on map
|
||||
</label>
|
||||
</div>
|
||||
<div class="setting-group">
|
||||
<label>
|
||||
<input type="checkbox" id="export-enabled-toggle" checked>
|
||||
Enable data export
|
||||
</label>
|
||||
</div>
|
||||
<div class="setting-group">
|
||||
<label for="assigned-to">Assigned to:</label>
|
||||
<input type="text" id="assigned-to" class="form-control" placeholder="Volunteer name/email">
|
||||
</div>
|
||||
<div class="setting-group">
|
||||
<label for="completion-percentage">Completion:</label>
|
||||
<input type="number" id="completion-percentage" class="form-control" min="0" max="100" placeholder="0">
|
||||
<span>%</span>
|
||||
</div>
|
||||
<div class="setting-group">
|
||||
<button id="save-cut-settings" class="btn btn-success">Save Settings</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cuts List -->
|
||||
<div class="cuts-list-section">
|
||||
@@ -1242,6 +1370,10 @@
|
||||
<!-- Chart.js library -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
|
||||
|
||||
<!-- dom-to-image library for map screenshots -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/dom-to-image@2.6.0/dist/dom-to-image.min.js"></script>
|
||||
|
||||
<!-- Dashboard JavaScript -->
|
||||
<script src="js/dashboard.js"></script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user