Update app.py

app.py

@@ -756,12 +756,12 @@ def create_radial_chart(pos_data, title, shift_hours, shift_type):
         # Shift Pagi (06:00–18:00) → 0° = 12, 90° = 3, 180° = 6, 270° = 9
         theta = [(h - 12) * 30 for h in shift_hours]  # 12 jam * 30° = 360°
         tickvals = [0, 90, 180, 270]
-        ticktext = ["09:00", "12:00", "03:00", "06:00"]
+        ticktext = ["15:00", "06:00/18.00", "09:00", "12:00"]
     else:  # Shift Sore (18:00–06:00)
         # Shift Sore (18:00–06:00) → 0° = 12, 90° = 3, 180° = 6, 270° = 9
         theta = [(h - 12) * 30 if h >= 12 else (h + 12) * 30 for h in shift_hours]  # 12 jam * 30° = 360°
         tickvals = [0, 90, 180, 270]
-        ticktext = ["09:00", "12:00", "03:00", "06:00"]
+        ticktext = ["03:00", "18:00/06:00", "21:00", "00:00"]
 
     fig = go.Figure()
     fig.add_trace(go.Barpolar(
@@ -811,10 +811,10 @@ def create_radial_chart(pos_data, title, shift_hours, shift_type):
 # =============== ROW 1: Position 1 & 2 (Pagi & Sore) ===============
 with col1:
     # Position 1 Pagi (06:00–18:00)
-    # st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 1 (06:00–18:00)</div>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 1 (06:00–18:00)</div>', unsafe_allow_html=True)
     pos1_data = alarm_data[alarm_data['Position'] == 1].copy()
     pos1_data = pos1_data[pos1_data['hour'].between(6, 17, inclusive='both')]
-    fig1 = create_radial_chart(pos1_data, "Position 1 (06:00–18:00)", list(range(6, 18)), 'pagi')
+    fig1 = create_radial_chart(pos1_data, list(range(6, 18)), 'pagi')
     if fig1 is not None:
         st.plotly_chart(fig1, use_container_width=True)
     else:
@@ -822,10 +822,10 @@ with col1:
 
 with col2:
     # Position 1 Sore (18:00–06:00)
-    # st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 1 (18:00–06:00)</div>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 1 (18:00–06:00)</div>', unsafe_allow_html=True)
     pos1_data = alarm_data[alarm_data['Position'] == 1].copy()
     pos1_data = pos1_data[~pos1_data['hour'].between(6, 17, inclusive='both')]
-    fig2 = create_radial_chart(pos1_data, "Position 1 (18:00–06:00)", list(range(18, 24)) + list(range(0, 6)), 'sore')
+    fig2 = create_radial_chart(pos1_data, list(range(18, 24)) + list(range(0, 6)), 'sore')
     if fig2 is not None:
         st.plotly_chart(fig2, use_container_width=True)
     else:
@@ -833,10 +833,10 @@ with col2:
 
 with col3:
     # Position 2 Pagi (06:00–18:00)
-    # st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 2 (06:00–18:00)</div>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 2 (06:00–18:00)</div>', unsafe_allow_html=True)
     pos2_data = alarm_data[alarm_data['Position'] == 2].copy()
     pos2_data = pos2_data[pos2_data['hour'].between(6, 17, inclusive='both')]
-    fig3 = create_radial_chart(pos2_data, "Position 2 (06:00–18:00)", list(range(6, 18)), 'pagi')
+    fig3 = create_radial_chart(pos2_data,  list(range(6, 18)), 'pagi')
     if fig3 is not None:
         st.plotly_chart(fig3, use_container_width=True)
     else:
@@ -844,10 +844,10 @@ with col3:
 
 with col4:
     # Position 2 Sore (18:00–06:00)
-    # st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 2 (18:00–06:00)</div>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 2 (18:00–06:00)</div>', unsafe_allow_html=True)
     pos2_data = alarm_data[alarm_data['Position'] == 2].copy()
     pos2_data = pos2_data[~pos2_data['hour'].between(6, 17, inclusive='both')]
-    fig4 = create_radial_chart(pos2_data, "Position 2 (18:00–06:00)", list(range(18, 24)) + list(range(0, 6)), 'sore')
+    fig4 = create_radial_chart(pos2_data,  list(range(18, 24)) + list(range(0, 6)), 'sore')
     if fig4 is not None:
         st.plotly_chart(fig4, use_container_width=True)
     else:
@@ -856,10 +856,10 @@ with col4:
 # =============== ROW 2: Position 3 & 4 (Pagi & Sore) ===============
 with col5:
     # Position 3 Pagi (06:00–18:00)
-    # st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 3 (06:00–18:00)</div>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 3 (06:00–18:00)</div>', unsafe_allow_html=True)
     pos3_data = alarm_data[alarm_data['Position'] == 3].copy()
     pos3_data = pos3_data[pos3_data['hour'].between(6, 17, inclusive='both')]
-    fig5 = create_radial_chart(pos3_data, "Position 3 (06:00–18:00)", list(range(6, 18)), 'pagi')
+    fig5 = create_radial_chart(pos3_data,  list(range(6, 18)), 'pagi')
     if fig5 is not None:
         st.plotly_chart(fig5, use_container_width=True)
     else:
@@ -867,10 +867,10 @@ with col5:
 
 with col6:
     # Position 3 Sore (18:00–06:00)
-    # st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 3 (18:00–06:00)</div>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 3 (18:00–06:00)</div>', unsafe_allow_html=True)
     pos3_data = alarm_data[alarm_data['Position'] == 3].copy()
     pos3_data = pos3_data[~pos3_data['hour'].between(6, 17, inclusive='both')]
-    fig6 = create_radial_chart(pos3_data, "Position 3 (18:00–06:00)", list(range(18, 24)) + list(range(0, 6)), 'sore')
+    fig6 = create_radial_chart(pos3_data,  list(range(18, 24)) + list(range(0, 6)), 'sore')
     if fig6 is not None:
         st.plotly_chart(fig6, use_container_width=True)
     else:
@@ -878,10 +878,10 @@ with col6:
 
 with col7:
     # Position 4 Pagi (06:00–18:00)
-    # st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 4 (06:00–18:00)</div>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 4 (06:00–18:00)</div>', unsafe_allow_html=True)
     pos4_data = alarm_data[alarm_data['Position'] == 4].copy()
     pos4_data = pos4_data[pos4_data['hour'].between(6, 17, inclusive='both')]
-    fig7 = create_radial_chart(pos4_data, "Position 4 (06:00–18:00)", list(range(6, 18)), 'pagi')
+    fig7 = create_radial_chart(pos4_data,  list(range(6, 18)), 'pagi')
     if fig7 is not None:
         st.plotly_chart(fig7, use_container_width=True)
     else:
@@ -889,10 +889,10 @@ with col7:
 
 with col8:
     # Position 4 Sore (18:00–06:00)
-    # st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 4 (18:00–06:00)</div>', unsafe_allow_html=True)
+    st.markdown('<div style="text-align:center; font-weight:bold; margin-bottom: 8px;">Position 4 (18:00–06:00)</div>', unsafe_allow_html=True)
     pos4_data = alarm_data[alarm_data['Position'] == 4].copy()
     pos4_data = pos4_data[~pos4_data['hour'].between(6, 17, inclusive='both')]
-    fig8 = create_radial_chart(pos4_data, "Position 4 (18:00–06:00)", list(range(18, 24)) + list(range(0, 6)), 'sore')
+    fig8 = create_radial_chart(pos4_data,  list(range(18, 24)) + list(range(0, 6)), 'sore')
     if fig8 is not None:
         st.plotly_chart(fig8, use_container_width=True)
     else: