stores the value of the selection to show all or only the pending Profil update requests in the sessionStorage

public/js/apps/Cis/ProfilUpdateRequests.js

@@ -130,16 +130,20 @@ const app = Vue.createApp({
     }
   },
   methods: {
-    updateData: function(){
+    updateData: function(event){
       
       this.$refs.UpdatesTable.tabulator.setData(); 
-       /* 
-        console.log(this.profil_updates_table_options.ajaxURL);
-       */
+      //? store the selected view in the session storage of the browser
+      sessionStorage.setItem("showAll",event.target.value);
     }
   },
-  created() {},
-  mounted() {},
+  mounted() {
+    if(!(sessionStorage.getItem("showAll")===null))
+    {
+      this.showAll = sessionStorage.getItem("showAll");
+    }
+   
+  },
   template: `
     <div>
     

public/js/components/Cis/ProfilUpdate/AcceptDenyUpdate.js

@@ -144,15 +144,6 @@ export default {
 
 
     
-    <div  class="form-underline mb-2 col">
-      <div class="form-underline-titel">Status message: </div>
-      <!-- only status timestamp and status message can be null in the database -->
-      <span  class="form-underline-content" >{{data.status_message? data.status_message : '-'}}</span>
-    </div>
-
-
-
-
     <div  class="form-underline mb-2 col">
       <div class="form-underline-titel">UserID: </div>
 
@@ -179,6 +170,16 @@ export default {
 
     </div>
 
+    <!-- Row with the status message is only visible if the request is not pending and the message is not empty -->
+    <div v-if="data.status !=='pending' && data.status_message" class="row">
+    <div class="col">
+    <div  class="form-underline mb-2 ">
+    <div class="form-underline-titel">Status message</div>
+    <textarea  class="form-control" rows="4" disabled>{{data.status_message}} </textarea>
+    </div>
+    </div>
+    </div>
+
     <div class="row my-4">
     <div class="col ">
     <div class="card">