Changeset 249bf91 for resources/views/employees.blade.php

Timestamp:

06/05/24 13:35:43 (5 months ago)

Author:

bube-ristovska <ristovska725@…>

Branches:

main

Children:

768f473

Parents:

f7acd52

Message:

New feature - details for employee

File:

• resources/views/employees.blade.php (modified) (7 diffs)

resources/views/employees.blade.php

@@ -46 +46 @@
             background: #3d68ff;
         }
+        /* styles.css */
+        #clickableTable tr {
+            cursor: pointer;
+            transition: background-color 0.2s ease;
+        }
+
+        #clickableTable tr:hover {
+            background-color: #d7d4d4;
+        }
+
     </style>
     <script src="https://cdn.tailwindcss.com"></script>
@@ -55 +65 @@
         @if (Session::get('is_policeman'))
             <a href="#" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Полицаец</a>
+            <button class="w-full bg-white cta-btn font-semibold py-2 mt-5 rounded-br-lg rounded-bl-lg rounded-tr-lg shadow-lg hover:shadow-xl hover:bg-gray-300 flex items-center justify-center">
+                <i class="fas fa-plus mr-3"></i> <a href="/register-statement">Додади изјава</a>
+            </button>
         @else
             <a href="#" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Началник</a>
@@ -87 +100 @@
        class="absolute w-full upgrade-btn bottom-0 active-nav-link text-white flex items-center justify-center py-4">
         <i class="fas fa-arrow-circle-up mr-3"></i>
-        Поставки за профил
+
     </a>
 </aside>
@@ -98 +111 @@
             <button @click="isOpen = !isOpen"
                     class="realtive z-10 w-12 h-12 rounded-full overflow-hidden border-4 border-gray-400 hover:border-gray-300 focus:border-gray-300 focus:outline-none">
-                <img src="https://source.unsplash.com/uJ8LNVCBjFQ/400x400">
+                @php
+                    $person = DB::select('select * from people where pe_id=:pe_id;', ['pe_id' => Session::get('pe_id')]);
+
+                    if (!empty($person)) {
+                        $image = $person[0]->picture;
+                    } else {
+                        $image = null;
+                    }
+                @endphp
+
+                <img src="{{ $image }}">
+
             </button>
             <button x-show="isOpen" @click="isOpen = false" class="h-full w-full fixed inset-0 cursor-default"></button>
@@ -173 +197 @@
                 </p>
                 <div class="bg-white overflow-auto">
-                    <table class="min-w-full bg-white">
+                    <table class="min-w-full bg-white" id="clickableTable">
                         <thead class="bg-gray-800 text-white">
                         <tr>
@@ -185 +209 @@
 
                         @foreach($employees as $employee)
-                            <tr>
+                            <tr data-id="{{$employee->pe_id}}">
                                 <td class="w-1/3 text-left py-3 px-4">{{$employee->first_name}}</td>
                                 <td class="w-1/3 text-left py-3 px-4">{{$employee->last_name}}</td>
@@ -217 +241 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"
         integrity="sha256-R4pqcOYV8lt7snxMQO/HSbVCFRPMdrhAFMH+vr9giYI=" crossorigin="anonymous"></script>
+<script>
+
+    document.addEventListener('DOMContentLoaded', function() {
+        const rows = document.querySelectorAll('#clickableTable tr');
+
+        rows.forEach(row => {
+            row.addEventListener('click', function() {
+                const id = this.getAttribute('data-id');
+                if (id) {
+                    window.location.href = `http://127.0.0.1:8000/employees/${id}`;
+                }
+            });
+        });
+    });
+
+</script>
 
 </body>