added delete option

2026-08-16 19:53:38 +02:00
parent 46e8b2c9eb
commit a7ed2c999c
22 changed files with 3265 additions and 3 deletions
--- a/src/server/web/static/css/components/modals.css
+++ b/src/server/web/static/css/components/modals.css
@@ -311,6 +311,24 @@
  color: var(--color-text-secondary);
 }

+.context-menu-item.danger {
+  color: var(--color-error, #e74c3c);
+}
+
+.context-menu-item.danger i {
+  color: var(--color-error, #e74c3c);
+}
+
+.context-menu-item.danger:hover {
+  background-color: rgba(231, 76, 60, 0.1);
+}
+
+.context-menu-divider {
+  height: 1px;
+  background: var(--color-border);
+  margin: var(--spacing-xs) 0;
+}
+
 /* ============================================================================
   NFO Diagnostics
   ============================================================================ */
@@ -415,4 +433,125 @@
  flex-shrink: 0;
 }

+/* ============================================================================
+   Delete Anime Modal
+   ============================================================================ */
+
+#delete-modal .modal-content {
+  max-width: 480px;
+}
+
+.delete-modal-section {
+  margin-bottom: var(--spacing-md);
+}
+
+.delete-modal-series-info {
+  background: var(--color-background-subtle);
+  border-radius: var(--border-radius);
+  padding: var(--spacing-md);
+  margin-bottom: var(--spacing-md);
+}
+
+.delete-modal-series-info p {
+  margin: 0 0 var(--spacing-xs) 0;
+  font-size: var(--font-size-body);
+}
+
+.delete-modal-series-info p:last-child {
+  margin-bottom: 0;
+}
+
+.delete-modal-series-name {
+  font-weight: 600;
+  color: var(--color-text-primary);
+}
+
+.delete-modal-series-key {
+  font-family: 'Consolas', 'Monaco', monospace;
+  font-size: var(--font-size-caption);
+  color: var(--color-text-tertiary);
+}
+
+.delete-modal-options {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+  margin-bottom: var(--spacing-md);
+}
+
+.delete-modal-options label {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--spacing-sm);
+  cursor: pointer;
+  font-size: var(--font-size-body);
+}
+
+.delete-modal-options input[type="checkbox"] {
+  margin-top: 3px;
+  accent-color: var(--color-accent);
+}
+
+.delete-modal-warning {
+  color: var(--color-error, #e74c3c);
+  font-size: var(--font-size-caption);
+  margin-top: var(--spacing-xs);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+}
+
+.delete-modal-confirm-label {
+  font-size: var(--font-size-body);
+  color: var(--color-text-secondary);
+  margin-bottom: var(--spacing-xs);
+}
+
+.delete-modal-confirm-label strong {
+  color: var(--color-text-primary);
+}
+
+#delete-confirm-input {
+  width: 100%;
+  padding: var(--spacing-sm) var(--spacing-md);
+  border: 1px solid var(--color-border);
+  border-radius: var(--border-radius);
+  font-size: var(--font-size-body);
+  background: var(--color-background);
+  color: var(--color-text-primary);
+  transition: border-color 0.15s ease;
+}
+
+#delete-confirm-input:focus {
+  outline: none;
+  border-color: var(--color-accent);
+}
+
+#delete-confirm-input.matched {
+  border-color: var(--color-success);
+  background: rgba(46, 204, 113, 0.05);
+}
+
+#delete-error {
+  margin-top: var(--spacing-sm);
+  padding: var(--spacing-sm) var(--spacing-md);
+  background: rgba(231, 76, 60, 0.1);
+  border: 1px solid var(--color-error, #e74c3c);
+  border-radius: var(--border-radius);
+  color: var(--color-error, #e74c3c);
+  font-size: var(--font-size-caption);
+}
+
+.delete-modal-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--spacing-sm);
+  margin-top: var(--spacing-lg);
+}
+
+#delete-confirm-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+