Update app.py

app.py

@@ -1114,15 +1114,17 @@ def get_column_config(df):
     """Generera kolumnkonfiguration för data_editor med beskrivningar och dropdowns"""
     config = {}
     
-    # Beskrivningar för editerbara kolumner
+    # Beskrivningar för editerbara kolumner - med gemensam suffix
+    base_suffix = "\n\n🔺 Vänligen fyll i detta fält. Data uppdateras automatiskt."
+    
     editable_descriptions = {
-        'Namn': 'Huvudkontaktperson för detta område. Personen vi kontaktar vid frågor eller problem.',
-        'Email adress': 'Ange individuell e-postadress till kontaktpersonen för detta område.',
-        'Telefon': 'Telefonnummer till huvudkontaktpersonen. Format: +46XXXXXXXXX eller 07X-XXXXXXX',
-        'Tillgänglighet': 'Välj i dropdown-menyn om detta är ett område som vi alltid kan komma åt, eller om det är stängt. Om det är stängt var vänlig fyll i fältet Access info.',
-        'Access info': 'Om området inte alltid är tillgängligt, vänligen ange hur vi kan få tillgång. T.ex. "Nycklar finns i receptionen" eller "Ring Pelle på 07XXXXXXXX när ni är på gång".',
-        'Fritext meddelande': 'Övrig information eller meddelanden som är viktiga för oss att veta.',
-        'Main Contact': 'Ange om denna person är huvudansvarig för kontot. Välj "Huvudkontakt" för helst endast en person per företag.'
+        'Namn': 'Huvudkontaktperson för detta område. Personen vi kontaktar vid frågor eller problem.' + base_suffix,
+        'Email adress': 'Ange individuell e-postadress till kontaktpersonen för detta område.' + base_suffix,
+        'Telefon': 'Telefonnummer till huvudkontaktpersonen. Format: +46XXXXXXXXX eller 07X-XXXXXXX' + base_suffix,
+        'Tillgänglighet': 'Välj i dropdown-menyn om detta är ett område som vi alltid kan komma åt, eller om det är stängt. Om det är stängt var vänlig fyll i fältet Access info.' + base_suffix,
+        'Access info': 'Om området inte alltid är tillgängligt, vänligen ange hur vi kan få tillgång. T.ex. "Nycklar finns i receptionen" eller "Ring Pelle på 07XXXXXXXX när ni är på gång".' + base_suffix,
+        'Fritext meddelande': 'Övrig information eller meddelanden som är viktiga för oss att veta.' + base_suffix,
+        'Main Contact': 'Ange om denna person är huvudansvarig för kontot. Välj "Huvudkontakt" för helst endast en person per företag.' + base_suffix
     }
     
     # Beskrivningar för readonly kolumner
@@ -1146,7 +1148,7 @@ def get_column_config(df):
             if col == 'Tillgänglighet':
                 # Dropdown för tillgänglighet
                 config[col] = st.column_config.SelectboxColumn(
-                    col,
+                    f"🔺 {col}",
                     help=editable_descriptions.get(col, ''),
                     width="medium",
                     options=[
@@ -1158,7 +1160,7 @@ def get_column_config(df):
             elif col == 'Main Contact':
                 # Dropdown för huvudkontakt
                 config[col] = st.column_config.SelectboxColumn(
-                    col,
+                    f"🔺 {col}",
                     help=editable_descriptions.get(col, ''),
                     width="medium",
                     options=[
@@ -1170,7 +1172,7 @@ def get_column_config(df):
             else:
                 # Vanlig textkolumn
                 config[col] = st.column_config.TextColumn(
-                    col,
+                    f"🔺 {col}",
                     help=editable_descriptions.get(col, ''),
                     width="medium",
                     required=False
@@ -1207,6 +1209,31 @@ st.markdown("""
         padding-bottom: 0rem;
     }
     
+    /* Röd triangel-indikator för editerbara kolumner */
+    /* Lägger till en röd triangel i övre högra hörnet av editerbara kolumnrubriker */
+    [data-testid="stDataFrame"] thead th:not([aria-label*="🔒"]) {
+        position: relative;
+        background-color: #FFF9F0 !important;
+    }
+    
+    [data-testid="stDataFrame"] thead th:not([aria-label*="🔒"])::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 0;
+        height: 0;
+        border-style: solid;
+        border-width: 0 15px 15px 0;
+        border-color: transparent #DC3545 transparent transparent;
+        z-index: 10;
+    }
+    
+    /* Hover-effekt för editerbara kolumner */
+    [data-testid="stDataFrame"] thead th:not([aria-label*="🔒"]):hover {
+        background-color: #FFF3E0 !important;
+    }
+    
     .excel-info-box {
         background-color: #E3F2FD;
         border-left: 4px solid #2196F3;
@@ -1841,17 +1868,17 @@ else:
                 st.markdown(f"*...och {len(visible_readonly) - 15} fält till*")
         
         with col_help2:
-            st.markdown("#### ✏️ Editerbara fält")
-            st.markdown("Dessa fält kan du klicka i och redigera:")
+            st.markdown("#### 🔺 Editerbara fält")
+            st.markdown("Dessa fält har **🔺 (röd triangel)** i kolumnrubriken och kan redigeras. Håll muspekaren över kolumnnamnet för att se detaljerad hjälptext:")
             visible_editable = [col for col in EDITABLE_COLUMNS if col not in HIDDEN_COLUMNS]
             for col in visible_editable:
                 if col in company_areas.columns:
-                    st.markdown(f"• ✏️ {col}")
+                    st.markdown(f"• 🔺 {col}")
     
     # Huvudtabell
     st.markdown("## 📊 Dataöversikt")
     st.markdown("""
-    Kolumner med **🔒** (gult hänglås) kan inte editeras. Klicka i andra fält för att redigera. **Ändringar sparas automatiskt.**  
+    Kolumner med **🔺** (röd triangel) är editerbara - klicka i fälten för att fylla i eller redigera. Kolumner med **🔒** (gult hänglås) kan inte editeras. **Ändringar sparas automatiskt.**  
     
     **Kontrollera att uppgifterna i låsta celler stämmer.** Om något verkar fel, mejla till [migration@chargenode.eu](mailto:migration@chargenode.eu) så hjälper vi dig.
     """)