From 578981c7456e59ec3293b92aab5c9002c428cf3b Mon Sep 17 00:00:00 2001
From: Josako <pieter.laroy@flow-it.net>
Date: Fri, 30 May 2025 12:51:34 +0200
Subject: [PATCH] Present the Specialist Editor in 1 screen

---
 .../interaction/edit_specialist.html          | 52 ++++++++++++-------
 1 file changed, 34 insertions(+), 18 deletions(-)

diff --git a/eveai_app/templates/interaction/edit_specialist.html b/eveai_app/templates/interaction/edit_specialist.html
index f4dab2b..6a9f79f 100644
--- a/eveai_app/templates/interaction/edit_specialist.html
+++ b/eveai_app/templates/interaction/edit_specialist.html
@@ -15,29 +15,17 @@
                     {{ form.hidden_tag() }}
                     {% set disabled_fields = ['type', 'type_version'] %}
                     {% set exclude_fields = [] %}
-                    <!-- Render Static Fields -->
-                    {% for field in form.get_static_fields() %}
-                        {{ render_field(field, disabled_fields, exclude_fields) }}
-                    {% endfor %}
-
-                    <!-- Overview Section -->
-                    <div class="row mb-4">
-                        <div class="col-12">
-                            <div class="card">
-                                <div class="card-body">
-                                    <div class="specialist-overview" id="specialist-svg">
-                                        <img src="{{ svg_path }}" alt="Specialist Overview" class="w-100">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
 
                     <!-- Nav Tabs -->
                     <div class="row mt-5">
                         <div class="col-lg-12">
                             <div class="nav-wrapper position-relative end-0">
                                 <ul class="nav nav-pills nav-fill p-1" role="tablist">
+                                    <li class="nav-item">
+                                        <a class="nav-link mb-0 px-0 py-1" data-bs-toggle="tab" href="#general-tab" role="tab">
+                                            General
+                                        </a>
+                                    </li>
                                     <li class="nav-item">
                                         <a class="nav-link mb-0 px-0 py-1 active" data-bs-toggle="tab" href="#configuration-tab" role="tab">
                                             Configuration
@@ -67,6 +55,27 @@
                             </div>
 
                             <div class="tab-content tab-space">
+                                <!-- General Tab -->
+                                <div class="tab-pane fade" id="general-tab" role="tabpanel">
+                                    <!-- Render Static Fields -->
+                                    {% for field in form.get_static_fields() %}
+                                        {{ render_field(field, disabled_fields, exclude_fields) }}
+                                    {% endfor %}
+
+                                    <!-- Overview Section -->
+                                    <div class="row mb-4">
+                                        <div class="col-12">
+                                            <div class="card">
+                                                <div class="card-body">
+                                                    <div class="specialist-overview" id="specialist-svg">
+                                                        <img src="{{ svg_path }}" alt="Specialist Overview" class="w-100">
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
                                 <!-- Configuration Tab -->
                                 <div class="tab-pane fade show active" id="configuration-tab" role="tabpanel">
                                     {% for collection_name, fields in form.get_dynamic_fields().items() %}
@@ -420,6 +429,14 @@ document.addEventListener('DOMContentLoaded', function() {
     color: #344767 !important;  /* Default dark color */
 }
 
+/* Style for active tabs */
+.nav-link.active {
+    background-color: #5e72e4 !important;  /* Primary blue color */
+    color: white !important;
+    font-weight: 600;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
+}
+
 /* Style for disabled tabs */
 .nav-link.disabled {
     opacity: 0.5;
@@ -476,4 +493,3 @@ document.addEventListener('DOMContentLoaded', function() {
 }
 </style>
 {% endblock %}
-