Pushing Cuts to repo. Still bugs however decently stable.
This commit is contained in:
@@ -67,6 +67,10 @@
|
||||
<span class="nav-icon">👥</span>
|
||||
<span class="nav-text">Users</span>
|
||||
</a>
|
||||
<a href="#cuts">
|
||||
<span class="nav-icon">✂️</span>
|
||||
<span class="nav-text">Map Cuts</span>
|
||||
</a>
|
||||
<a href="#convert-data">
|
||||
<span class="nav-icon">📊</span>
|
||||
<span class="nav-text">Convert Data</span>
|
||||
@@ -455,6 +459,133 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Map Cuts Section -->
|
||||
<section id="cuts" class="admin-section" style="display: none;">
|
||||
<h2>Map Cuts</h2>
|
||||
<p>Create and manage polygon overlays for the map. Cuts can be used to define areas like wards, neighborhoods, or custom regions.</p>
|
||||
|
||||
<div class="cuts-container">
|
||||
<!-- Map and Drawing Controls -->
|
||||
<div class="cuts-map-section">
|
||||
<div id="cuts-map" class="admin-map"></div>
|
||||
|
||||
<!-- Drawing Toolbar -->
|
||||
<div id="cut-drawing-toolbar" class="cut-drawing-toolbar">
|
||||
<div class="toolbar-content">
|
||||
<div class="vertex-count" id="vertex-count">0</div>
|
||||
|
||||
<div class="style-controls">
|
||||
<div class="color-control">
|
||||
<label>Color:</label>
|
||||
<input type="color" id="toolbar-color" value="#3388ff">
|
||||
</div>
|
||||
<div class="opacity-control">
|
||||
<label>Opacity:</label>
|
||||
<input type="range" id="toolbar-opacity" min="0" max="1" step="0.05" value="0.3">
|
||||
<span class="opacity-value" id="toolbar-opacity-display">30%</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="toolbar-buttons">
|
||||
<button type="button" id="finish-cut-btn" class="primary" disabled>Finish</button>
|
||||
<button type="button" id="undo-vertex-btn" class="secondary" disabled>Undo</button>
|
||||
<button type="button" id="clear-vertices-btn" class="secondary" disabled>Clear</button>
|
||||
<button type="button" id="cancel-cut-btn" class="danger">Cancel</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cut Form -->
|
||||
<div class="cuts-form-section">
|
||||
<div class="cuts-management-panel">
|
||||
<div class="panel-header">
|
||||
<h3 class="panel-title" id="cut-form-title">Cut Properties</h3>
|
||||
<div class="panel-actions">
|
||||
<button id="start-drawing-btn" class="btn btn-primary btn-sm">Start Drawing</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<form id="cut-form" class="cut-form">
|
||||
<!-- Hidden fields moved to prevent duplicates -->
|
||||
<input type="hidden" id="cut-id" name="id">
|
||||
<input type="hidden" id="cut-geojson" name="geojson">
|
||||
<input type="hidden" id="cut-bounds" name="bounds">
|
||||
|
||||
<div class="form-group">
|
||||
<label for="cut-name">Name *</label>
|
||||
<input type="text" id="cut-name" name="name" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="cut-description">Description</label>
|
||||
<textarea id="cut-description" name="description" rows="3"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="cut-category">Category</label>
|
||||
<select id="cut-category" name="category">
|
||||
<option value="Custom">Custom</option>
|
||||
<option value="Ward">Ward</option>
|
||||
<option value="Neighborhood">Neighborhood</option>
|
||||
<option value="District">District</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group checkbox-group">
|
||||
<input type="checkbox" id="cut-public" name="is_public" checked>
|
||||
<label for="cut-public">Make this cut visible on the public map</label>
|
||||
</div>
|
||||
|
||||
<div class="form-group checkbox-group">
|
||||
<input type="checkbox" id="cut-official" name="is_official">
|
||||
<label for="cut-official">Mark as official cut</label>
|
||||
</div>
|
||||
|
||||
<div class="form-actions">
|
||||
<button type="submit" id="save-cut-btn" class="btn btn-success" disabled>Save Cut</button>
|
||||
<button type="button" id="reset-form-btn" class="btn btn-secondary">Reset</button>
|
||||
<button type="button" id="cancel-edit-btn" class="btn btn-secondary" style="display: none;">Cancel Edit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cuts List -->
|
||||
<div class="cuts-list-section">
|
||||
<div class="cuts-management-panel">
|
||||
<div class="panel-header">
|
||||
<h3 class="panel-title">Existing Cuts</h3>
|
||||
<div class="panel-actions">
|
||||
<button id="refresh-cuts-btn" class="btn btn-secondary btn-sm">Refresh</button>
|
||||
<button id="export-cuts-btn" class="btn btn-secondary btn-sm">Export All</button>
|
||||
<label for="import-cuts-file" class="btn btn-secondary btn-sm" style="margin: 0;">
|
||||
Import
|
||||
<input type="file" id="import-cuts-file" accept=".json" style="display: none;">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-content">
|
||||
<div class="cuts-filters">
|
||||
<input type="text" id="cuts-search" placeholder="Search cuts..." class="form-control">
|
||||
<select id="cuts-category-filter" class="form-control">
|
||||
<option value="">All Categories</option>
|
||||
<option value="Custom">Custom</option>
|
||||
<option value="Ward">Ward</option>
|
||||
<option value="Neighborhood">Neighborhood</option>
|
||||
<option value="District">District</option>
|
||||
</select>
|
||||
</div>
|
||||
<div id="cuts-list" class="cuts-list">
|
||||
<!-- Cuts will be populated here -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Convert Data Section -->
|
||||
<section id="convert-data" class="admin-section" style="display: none;">
|
||||
<h2>Convert Data</h2>
|
||||
@@ -713,6 +844,9 @@
|
||||
<!-- Dashboard JavaScript -->
|
||||
<script src="js/dashboard.js"></script>
|
||||
|
||||
<!-- Admin Cuts JavaScript -->
|
||||
<script src="js/admin-cuts.js"></script>
|
||||
|
||||
<!-- Data Convert JavaScript -->
|
||||
<!-- Admin JavaScript -->
|
||||
<script src="js/admin.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user