#43 - wip

resources/js/Pages/VacationLimits.vue

@@ -34,6 +34,12 @@
               >
                 Posiada urlop?
               </th>
+              <th
+                scope="col"
+                class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider"
+              >
+                Pozostałe dni z poprzedniego roku
+              </th>
               <th
                 scope="col"
                 class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider"
@@ -82,6 +88,11 @@
                   />
                 </Switch>
               </td>
+              <td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">
+                <div class="mt-1 sm:mt-0 sm:col-span-2 w-full max-w-lg bg-gray-50 border border-gray-300 rounded-md px-4 py-2 inline-flex items-center text-gray-500 sm:text-sm">
+                  {{ item.remainingLastYear }}
+                </div>
+              </td>
               <td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">
                 <div class="mt-1 sm:mt-0 sm:col-span-2">
                   <input
@@ -147,7 +158,7 @@ export default {
   },
   setup(props) {
     const form = useForm({
-      items: props.limits.data,
+      items: props.limits,
     })
 
     return {