Merge pull request #8804 from ProcessMaker/feature/FOUR-27838

FOUR-27838: Add the case number to all screens in the applicant process

Author: nolanpro

ProcessMaker/Http/Controllers/TaskController.php

@@ -225,6 +225,8 @@ public function edit(ProcessRequestToken $task, string $preview = '')
                 'userConfiguration' => $userConfiguration,
                 'hitlEnabled' => $hitlEnabled,
                 'iframeSrc' => $iframeSrc,
+                'caseNumber' => $task->processRequest->case_number,
+                'tceEnableCaseNumberScreen' => config('app.tce_enable_case_number_screen'),
             ]);
         }
     }

config/app.php

@@ -289,6 +289,8 @@
     // Enable or disable TCE customization feature
     'tce_customization_enable' => env('TCE_CUSTOMIZATION_ENABLED', false),
 
+    // Enable or disable to show case number in screens feature
+    'tce_enable_case_number_screen' => env('TCE_ENABLE_CASE_NUMBER_SCREEN', false),
     // Enable or disable case retention policy
     'case_retention_policy_enabled' => env('CASE_RETENTION_POLICY_ENABLED', false),
 

resources/js/tasks/edit.js

@@ -22,6 +22,7 @@ const main = new Vue({
   },
   mixins: addons,
   data: {
+    tceEnableCaseNumberScreen: window.ProcessMaker.tceEnableCaseNumberScreen,
     // Edit data
     fieldsToUpdate: [],
     jsonData: "",

resources/views/tasks/edit.blade.php

@@ -88,6 +88,9 @@ class="nav-link">
               <div id="tab-form" role="tabpanel" aria-labelledby="tab-form" class="tab-pane active show">
                 @can('update', $task)
                   @unless($hitlEnabled)
+                  <div v-if="tceEnableCaseNumberScreen" class="tw-block tw-gap-2 tw-mb-0 tw-px-2 tw-bg-white tw-border-l tw-border-l-[#d7dde5] tw-border-r tw-border-r-[#d7dde5]" v-cloak>
+                    <span class="tw-font-medium tw-text-[#728092] tw-text-xs">Case #:</span> <span class="tw-font-normal tw-text-[#9fa8b5] tw-text-xs">{{ $caseNumber }}</span>
+                  </div>
                     <task
                       ref="task"
                       class="card border-0"
@@ -438,6 +441,8 @@ class="mr-2 custom-badges pl-2 pr-2 rounded-lg">
     const userHasAccessToTask = {{ Auth::user()->can('update', $task) ? "true": "false" }};
     const userIsAdmin = {{ Auth::user()->is_administrator ? "true": "false" }};
     const userIsProcessManager = {{ in_array(Auth::user()->id, $task->process?->manager_id ?? []) ? "true": "false" }};
+    const caseNumber = @json($caseNumber);
+    window.ProcessMaker.tceEnableCaseNumberScreen = @json($tceEnableCaseNumberScreen);
     const userConfiguration = @json($userConfiguration);
     let screenFields = @json($screenFields);
     window.Processmaker.user = @json($currentUser);