Add more permissions

resources/js/Pages/Cases/Partials/ActivityDrawer.vue

@@ -319,7 +319,7 @@ watch(
           :auto-position="true"
           :teleport-target="'body'"
           :inline="false"
-          :auto-apply="false"
+          :auto-apply="true"
           :fixed="false"
           :close-on-auto-apply="true"
           :close-on-scroll="true"

resources/js/Pages/Cases/Partials/ActivityTable.vue

@@ -14,6 +14,7 @@ library.add(faTrash, faEllipsisVertical, faCopy);
 const props = defineProps({
   client_case: Object,
   activities: Object,
+  edit: Boolean,
 });
 
 const fmtDate = (d) => {
@@ -91,11 +92,11 @@ const copyToClipboard = async (text) => {
     // You could add a toast notification here if available
   } catch (err) {
     // Fallback for older browsers
-    const textArea = document.createElement('textarea');
+    const textArea = document.createElement("textarea");
     textArea.value = text;
     document.body.appendChild(textArea);
     textArea.select();
-    document.execCommand('copy');
+    document.execCommand("copy");
     document.body.removeChild(textArea);
   }
 };
@@ -115,7 +116,7 @@ const copyToClipboard = async (text) => {
             <th>Opomba</th>
             <th>Obljuba</th>
             <th>Dodal</th>
-            <th class="w-8"></th>
+            <th class="w-8" v-if="edit"></th>
           </tr>
         </thead>
         <tbody>
@@ -174,7 +175,9 @@ const copyToClipboard = async (text) => {
                     </template>
                     <template #content>
                       <div class="relative" @click.stop>
-                        <div class="flex items-center justify-between p-1 border-b border-gray-200">
+                        <div
+                          class="flex items-center justify-between p-1 border-b border-gray-200"
+                        >
                           <span class="text-xs font-medium text-gray-600">Opomba</span>
                           <button
                             @click="copyToClipboard(row.note)"
@@ -226,7 +229,7 @@ const copyToClipboard = async (text) => {
                 >
               </div>
             </td>
-            <td class="py-2 pl-2 pr-2 align-middle text-right">
+            <td class="py-2 pl-2 pr-2 align-middle text-right" v-if="edit">
               <Dropdown align="right" width="30">
                 <template #trigger>
                   <button

resources/js/Pages/Cases/Partials/ContractTable.vue

@@ -35,6 +35,7 @@ const props = defineProps({
   segments: { type: Array, default: () => [] },
   all_segments: { type: Array, default: () => [] },
   templates: { type: Array, default: () => [] }, // active document templates (latest per slug)
+  edit: { type: Boolean, default: () => false },
 });
 
 // Debug: log incoming contract balances (remove after fix)
@@ -484,7 +485,7 @@ const closePaymentsDialog = () => {
         >
           Opis</FwbTableHeadCell
         >
-        <FwbTableHeadCell class="w-px" />
+        <FwbTableHeadCell class="w-px" v-if="edit" />
       </FwbTableHead>
       <FwbTableBody>
         <template v-for="(c, i) in contracts" :key="c.uuid || i">
@@ -497,7 +498,7 @@ const closePaymentsDialog = () => {
                 <span class="text-gray-700">{{
                   contractActiveSegment(c)?.name || "-"
                 }}</span>
-                <Dropdown align="left">
+                <Dropdown align="left" v-if="edit">
                   <template #trigger>
                     <button
                       type="button"
@@ -701,7 +702,7 @@ const closePaymentsDialog = () => {
                 </Dropdown>
               </div>
             </FwbTableCell>
-            <FwbTableCell class="text-right whitespace-nowrap">
+            <FwbTableCell class="text-right whitespace-nowrap" v-if="edit">
               <Dropdown align="right" width="56">
                 <template #trigger>
                   <button