What a mess
This commit is contained in:
@@ -696,6 +696,11 @@
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.connection-direction {
|
||||
font-weight: 500;
|
||||
color: #ffa726;
|
||||
}
|
||||
|
||||
.connection-item {
|
||||
background: #0f0f1e;
|
||||
padding: 10px;
|
||||
@@ -1068,7 +1073,7 @@
|
||||
<div id="tab-logs" class="tab-content">
|
||||
<div class="logs-container">
|
||||
<div class="logs-header">
|
||||
<h2>📋 Bot Logs (echoes_of_the_ashes_bot)</h2>
|
||||
<h2>📋 Bot Logs (echoes_of_the_ashes_api)</h2>
|
||||
<div class="logs-controls">
|
||||
<label style="color: #e0e0e0; font-weight: 500;">Lines:</label>
|
||||
<input type="number" id="logsLineCount" class="logs-lines-input" value="100" min="10" max="1000" step="10">
|
||||
@@ -1121,6 +1126,83 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Select Direction Modal -->
|
||||
<div class="add-spawn-modal" id="selectDirectionModal">
|
||||
<div class="modal-content" style="max-width: 500px;">
|
||||
<div class="modal-header">
|
||||
<h3>Select Direction</h3>
|
||||
<p style="opacity: 0.7; margin-top: 10px;" id="directionModalSubtitle">
|
||||
From <strong id="fromLocationName"></strong> to <strong id="toLocationName"></strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="property-group">
|
||||
<label for="directionSelect">Direction from source:</label>
|
||||
<select id="directionSelect" style="width: 100%; padding: 10px; border-radius: 6px;
|
||||
background: #1a1a3e; color: #e0e0e0; border: 2px solid #3a3a6a; font-size: 1em;">
|
||||
<option value="">-- Select Direction --</option>
|
||||
<option value="north">⬆️ North</option>
|
||||
<option value="south">⬇️ South</option>
|
||||
<option value="east">➡️ East</option>
|
||||
<option value="west">⬅️ West</option>
|
||||
<option value="northeast">↗️ Northeast</option>
|
||||
<option value="northwest">↖️ Northwest</option>
|
||||
<option value="southeast">↘️ Southeast</option>
|
||||
<option value="southwest">↙️ Southwest</option>
|
||||
<option value="up">⬆️ Up</option>
|
||||
<option value="down">⬇️ Down</option>
|
||||
<option value="inside">🚪 Inside</option>
|
||||
<option value="outside">🚪 Outside</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="property-group" style="background: #2a2a4a; padding: 15px; border-radius: 8px; margin-top: 15px;">
|
||||
<label style="display: flex; align-items: center; cursor: pointer;">
|
||||
<input type="checkbox" id="autoReverseConnection" checked style="margin-right: 10px; width: 20px; height: 20px;">
|
||||
<span>
|
||||
<strong>Automatically add reverse connection</strong><br>
|
||||
<span style="opacity: 0.7; font-size: 0.9em;" id="reverseConnectionText">
|
||||
Will also create a connection back from destination to source
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<div style="display: flex; gap: 10px; margin-top: 20px;">
|
||||
<button class="btn btn-primary" onclick="confirmAddConnection()">Add Connection</button>
|
||||
<button class="btn btn-secondary" onclick="closeSelectDirectionModal()">Cancel</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Delete Connection Modal -->
|
||||
<div class="add-spawn-modal" id="deleteConnectionModal">
|
||||
<div class="modal-content" style="max-width: 500px;">
|
||||
<div class="modal-header">
|
||||
<h3 style="color: #f44336;">⚠️ Delete Connection</h3>
|
||||
<p style="opacity: 0.7; margin-top: 10px;">
|
||||
<strong id="deleteFromLocationName"></strong> → <span id="deleteDirectionText"></span> → <strong id="deleteToLocationName"></strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="property-group" style="background: #3a2a2a; padding: 15px; border-radius: 8px; border: 2px solid #f44336;">
|
||||
<p style="margin-bottom: 10px;">⚠️ This will permanently delete this connection.</p>
|
||||
</div>
|
||||
<div class="property-group" id="deleteReverseOption" style="background: #2a2a4a; padding: 15px; border-radius: 8px; margin-top: 15px;">
|
||||
<label style="display: flex; align-items: center; cursor: pointer;">
|
||||
<input type="checkbox" id="deleteBothConnections" checked style="margin-right: 10px; width: 20px; height: 20px;">
|
||||
<span>
|
||||
<strong>Also delete reverse connection</strong><br>
|
||||
<span style="opacity: 0.7; font-size: 0.9em;" id="deleteReverseText">
|
||||
Will also delete the connection back
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<div style="display: flex; gap: 10px; margin-top: 20px;">
|
||||
<button class="btn btn-primary" style="background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);"
|
||||
onclick="confirmDeleteConnection()">Delete Connection</button>
|
||||
<button class="btn btn-secondary" onclick="closeDeleteConnectionModal()">Cancel</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Add Interactable Modal -->
|
||||
<div class="add-spawn-modal" id="addInteractableModal">
|
||||
<div class="modal-content">
|
||||
|
||||
Reference in New Issue
Block a user