Add version control context processor and integrate map functionality with dedicated JavaScript

2025-12-20 11:11:10 -05:00 · 2025-02-06 20:06:10 -05:00
parent f3d28817a5
commit ecf94bf84e
16 changed files with 1671 additions and 89 deletions
--- a/static/css/version-control.css
+++ b/static/css/version-control.css
@@ -0,0 +1,181 @@
+/* Version Control System Styles */
+
+.version-control-ui {
+    --vcs-primary: #3b82f6;
+    --vcs-success: #10b981;
+    --vcs-warning: #f59e0b;
+    --vcs-error: #ef4444;
+    --vcs-gray: #6b7280;
+}
+
+/* Branch Status Indicators */
+.branch-indicator {
+    display: inline-flex;
+    align-items: center;
+    padding: 0.25rem 0.75rem;
+    border-radius: 9999px;
+    font-size: 0.875rem;
+    font-weight: 500;
+}
+
+.branch-indicator.active {
+    background-color: rgba(16, 185, 129, 0.1);
+    color: var(--vcs-success);
+}
+
+.branch-indicator.inactive {
+    background-color: rgba(107, 114, 128, 0.1);
+    color: var(--vcs-gray);
+}
+
+/* Change Status Tags */
+.change-status {
+    display: inline-flex;
+    align-items: center;
+    padding: 0.25rem 0.75rem;
+    border-radius: 0.375rem;
+    font-size: 0.75rem;
+    font-weight: 500;
+}
+
+.change-status.applied {
+    background-color: rgba(16, 185, 129, 0.1);
+    color: var(--vcs-success);
+}
+
+.change-status.pending {
+    background-color: rgba(245, 158, 11, 0.1);
+    color: var(--vcs-warning);
+}
+
+.change-status.failed {
+    background-color: rgba(239, 68, 68, 0.1);
+    color: var(--vcs-error);
+}
+
+/* Change History */
+.change-history {
+    border-left: 2px solid #e5e7eb;
+    margin-left: 1rem;
+    padding-left: 1rem;
+}
+
+.change-history-item {
+    position: relative;
+    padding: 1rem 0;
+}
+
+.change-history-item::before {
+    content: '';
+    position: absolute;
+    left: -1.25rem;
+    top: 1.5rem;
+    height: 0.75rem;
+    width: 0.75rem;
+    border-radius: 9999px;
+    background-color: white;
+    border: 2px solid var(--vcs-primary);
+}
+
+/* Merge Interface */
+.merge-conflict {
+    border: 1px solid #e5e7eb;
+    border-radius: 0.5rem;
+    margin: 1rem 0;
+    padding: 1rem;
+}
+
+.merge-conflict-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1rem;
+}
+
+.merge-conflict-content {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 1rem;
+}
+
+.merge-version {
+    background-color: #f9fafb;
+    padding: 1rem;
+    border-radius: 0.375rem;
+}
+
+/* Branch Selection */
+.branch-selector {
+    position: relative;
+}
+
+.branch-list {
+    max-height: 24rem;
+    overflow-y: auto;
+}
+
+.branch-item {
+    display: flex;
+    align-items: center;
+    padding: 0.5rem;
+    border-radius: 0.375rem;
+    transition: background-color 0.2s;
+}
+
+.branch-item:hover {
+    background-color: #f9fafb;
+}
+
+.branch-item.active {
+    background-color: rgba(59, 130, 246, 0.1);
+}
+
+/* Version Tags */
+.version-tag {
+    display: inline-flex;
+    align-items: center;
+    padding: 0.25rem 0.75rem;
+    border-radius: 9999px;
+    background-color: #f3f4f6;
+    color: var(--vcs-gray);
+    font-size: 0.875rem;
+    margin: 0.25rem;
+}
+
+/* Loading States */
+.vcs-loading {
+    position: relative;
+    pointer-events: none;
+    opacity: 0.7;
+}
+
+.vcs-loading::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 1.5rem;
+    height: 1.5rem;
+    border: 2px solid #e5e7eb;
+    border-top-color: var(--vcs-primary);
+    border-radius: 50%;
+    animation: vcs-spin 1s linear infinite;
+}
+
+@keyframes vcs-spin {
+    to {
+        transform: translate(-50%, -50%) rotate(360deg);
+    }
+}
+
+/* Responsive Design */
+@media (max-width: 640px) {
+    .merge-conflict-content {
+        grid-template-columns: 1fr;
+    }
+    
+    .branch-selector {
+        width: 100%;
+    }
+}