Teren dodeljen danes statistika

resources/js/Pages/Dashboard.vue

@@ -115,6 +115,23 @@ function formatStaleDaysLabel(value) {
   const whole = Math.floor(num);
   return whole === 1 ? "1 dan" : whole + " dni";
 }
+
+// Robust time formatter to avoid fixed 02:00:00 (timezone / fallback issues)
+function formatJobTime(ts) {
+  if (!ts) return "";
+  try {
+    const d = new Date(ts);
+    if (isNaN(d.getTime())) return "";
+    // Show HH:MM (24h) and seconds only if non-zero seconds
+    const pad = (n) => n.toString().padStart(2, "0");
+    const h = pad(d.getHours());
+    const m = pad(d.getMinutes());
+    const s = d.getSeconds();
+    return s ? `${h}:${m}:${pad(s)}` : `${h}:${m}`;
+  } catch (e) {
+    return "";
+  }
+}
 </script>
 
 <template>
@@ -413,7 +430,8 @@ function formatStaleDaysLabel(value) {
                     >{{ c.client_ref || c.uuid.slice(0, 8) }}</Link
                   >
                   <p class="text-[11px] text-gray-400 dark:text-gray-500">
-                    Brez aktivnosti: {{ formatStaleDaysLabel(c.days_without_activity ?? c.days_stale) }}
+                    Brez aktivnosti:
+                    {{ formatStaleDaysLabel(c.days_without_activity ?? c.days_stale) }}
                   </p>
                 </div>
                 <span
@@ -453,23 +471,43 @@ function formatStaleDaysLabel(value) {
               <li
                 v-for="f in fieldJobsAssignedToday"
                 :key="f.id"
-                class="py-2 flex items-center justify-between"
+                class="py-2 flex items-start justify-between gap-3"
               >
-                <div class="min-w-0">
-                  <p class="text-gray-700 dark:text-gray-300 text-sm">#{{ f.id }}</p>
+                <div class="min-w-0 flex-1">
+                  <p class="text-gray-700 dark:text-gray-300 text-sm font-medium">
+                    #{{ f.id }}
+                    <template v-if="f.contract">
+                      ·
+                      <Link
+                        :href="
+                          route('clientCase.show', {
+                            client_case: f.contract.client_case_uuid,
+                            segment: f.contract.segment_id,
+                          })
+                        "
+                        class="text-indigo-600 dark:text-indigo-400 hover:underline"
+                      >
+                        {{ f.contract.reference || f.contract.uuid?.slice(0, 8) }}
+                      </Link>
+                      <span
+                        v-if="f.contract.person_full_name"
+                        class="text-gray-500 dark:text-gray-400"
+                      >
+                        – {{ f.contract.person_full_name }}
+                      </span>
+                    </template>
+                  </p>
                   <p class="text-[11px] text-gray-400 dark:text-gray-500">
-                    {{
-                      f.assigned_at || f.created_at
-                        ? new Date(f.assigned_at || f.created_at).toLocaleTimeString()
-                        : ""
-                    }}
+                    {{ formatJobTime(f.created_at) }}
                   </p>
                 </div>
-                <span
-                  v-if="f.priority"
-                  class="text-[10px] px-2 py-0.5 rounded bg-rose-50 dark:bg-rose-900/30 text-rose-600 dark:text-rose-300"
-                  >Prioriteta</span
-                >
+                <div class="flex items-center gap-2">
+                  <span
+                    v-if="f.priority"
+                    class="text-[10px] px-2 py-0.5 rounded bg-rose-50 dark:bg-rose-900/30 text-rose-600 dark:text-rose-300"
+                    >Prioriteta</span
+                  >
+                </div>
               </li>
               <li
                 v-if="!fieldJobsAssignedToday.length"