Readonly access to control plan for committee

Author: datajohnson

web/src/components/action/ActionCompleteForm.vue

@@ -34,10 +34,10 @@
         <div class="d-flex">
           <v-textarea
             v-model="props.action.notes"
-            :readonly="!isNil(props.action.complete_date)"
+            :readonly="!isNil(props.action.complete_date) || isReadonly"
             rows="3"
             hide-details />
-          <v-btn class="ml-3 mt-auto" size="small" color="primary" @click="saveNotes"> Save</v-btn>
+          <v-btn v-if="!isReadonly" class="ml-3 mt-auto" size="small" color="primary" @click="saveNotes"> Save</v-btn>
         </div>
       </v-col>
       <v-col v-if="!isNil(props.action.complete_name)" cols="12">
@@ -57,7 +57,7 @@
       </v-col>
     </v-row>
 
-    <div class="d-flex mt-5">
+    <div v-if="!isReadonly" class="d-flex mt-5">
       <v-btn v-if="!isNil(props.action.complete_date)" color="info" @click="revertClick"
         ><v-icon class="mr-2">mdi-arrow-u-left-top-bold</v-icon> Revert</v-btn
       >
@@ -104,7 +104,7 @@ import { useUserStore } from "@/store/UserStore";
 import { useInterfaceStore } from "@/store/InterfaceStore";
 import ActionAssignmentDialog from "./ActionAssignmentDialog.vue";
 
-const props = defineProps(["action"]);
+const props = defineProps(["action", "readonly"]);
 const emit = defineEmits(["doClose"]);
 const directorySelectorField = ref(null);
 
@@ -125,6 +125,10 @@ const canComplete = computed(() => {
   return !isNil(props.action.control);
 });
 
+const isReadonly = computed(() => {
+  return props.readonly == true;
+});
+
 function closeClick() {
   emit("doClose");
 }

web/src/components/action/ActionDialog.vue

@@ -17,7 +17,7 @@
 
       <v-card-text v-else>
         <div class="bg-white" style="border: 1px #ddd solid; border-radius: 4px">
-          <ActionCompleteForm :action="action" @do-close="closeClick" />
+          <ActionCompleteForm :action="action" :readonly="readonly" @do-close="closeClick" />
         </div>
 
         <div v-if="hazardId" class="mt-5">
@@ -58,7 +58,7 @@ import { ref, defineProps, watch } from "vue";
 import { storeToRefs } from "pinia";
 import { isNil, isNumber } from "lodash";
 
-const props = defineProps(["action", "hazardId"]);
+const props = defineProps(["action", "hazardId", "readonly"]);
 
 const emit = defineEmits(["doClose"]);
 

web/src/components/incident/DetailsPage.vue

@@ -132,6 +132,7 @@
                 v-model="showActionEdit"
                 :action="actionToEdit"
                 :hazard-id="actionToEdit?.hazard_id"
+                :readonly="isCommittee"
                 @doClose="actionReload"></ActionDialog>
 
               <HazardAssessmentForm
@@ -381,7 +382,7 @@ function formatDate(input) {
 }
 
 function doShowActionEdit(action) {
-  if (isSupervisor.value || isSystemAdmin.value) {
+  if (isSupervisor.value || isSystemAdmin.value || isCommittee.value) {
     actionToEdit.value = action;
     showActionEdit.value = true;
     return;