fixed pagination, implemeted download report etc.

Author: Vishwas1

package.json

@@ -38,7 +38,9 @@
     "fs": "^0.0.1-security",
     "gh-pages": "^1.2.0",
     "hs-ssi-sdk": "^7.0.1",
+    "html2canvas": "^1.4.1",
     "jsonld": "^8.3.2",
+    "jspdf": "^3.0.1",
     "lds-sdk": "^4.0.1",
     "leaflet": "^1.9.4",
     "mdbvue": "^6.7.1",
@@ -59,9 +61,9 @@
     "vue-sidebar-menu": "^4.7.4",
     "vue2-leaflet": "^2.7.1",
     "vuejs-datetimepicker": "^1.1.13",
+    "vuetify": "^2.7.2",
     "vuex": "^3.4.0",
     "vuex-persistedstate": "^4.1.0",
-    "vuetify": "^2.7.2",
     "webpack": "^5.90.3"
   },
   "devDependencies": {

src/views/playground/Sessions.vue

@@ -149,7 +149,7 @@ h5 span {
           <div class="col-md-4">
             <div class="input-group mb-3">
               <input type="text" class="form-control" placeholder="Search by session Id or user Id"
-                aria-label="Search by session Id or user Id" aria-describedby="basic-addon2" v-model="sessionIdTemp">
+                aria-label="Search by session Id or user Id" aria-describedby="basic-addon2" v-model="sessionIdTemp" @keyup.enter="filterSessions(sessionIdTemp)">
               <div class="input-group-append" style="cursor: grab;">
                 <span class="input-group-text" id="basic-addon2" @click="filterSessions(sessionIdTemp)"><i
                     class="fa fa-search" aria-hidden="true"></i></span>
@@ -332,9 +332,9 @@ export default {
       const usrStr = localStorage.getItem("user");
       this.user = JSON.parse(usrStr);
       this.updateSideNavStatus(true)
-      const storedStatus = localStorage.getItem('selectedSessionStatus');
-      this.selectedSessionStatus = storedStatus !== null ? storedStatus : '';
-      this.handleSessionFilter(this.selectedSessionStatus);
+
+
+
       // appId
       this.isLoading = true
       this.checkIfHasPermission()
@@ -343,14 +343,22 @@ export default {
       }
       this.isLoading = false
 
+
+      const storedStatus = localStorage.getItem('selectedSessionStatus');
+      this.selectedSessionStatus = storedStatus  ? storedStatus : '';
+      this.currentPage = localStorage.getItem('selectedPage');
+      this.handleSessionFilter(this.selectedSessionStatus);
+      
+      
+
     } catch (e) {
       this.isLoading = false
       this.notifyErr(e)
       this.$router.push({ path: '/studio/dashboard' });
     }
   },
   beforeRouteEnter(to, from, next) {
-     localStorage.removeItem('selectedSessionStatus');
+    //  localStorage.removeItem('selectedSessionStatus');
     next((vm) => {
       vm.prevRoute = from;
     });
@@ -393,9 +401,10 @@ export default {
     async handleGetPageNumberEvent(pageNumber) {
       try {
         this.isLoading = true
-         this.currentPage = pageNumber;
-        await this.fetchAppsUsersSessions({ appId: "", page: pageNumber, status: this.selectedSessionStatus || ''
- })
+        this.currentPage = pageNumber;
+        const status = this.selectedSessionStatus ? (this.selectedSessionStatus == 'All' ? '' : this.selectedSessionStatus) : '';
+        localStorage.setItem('selectedPage', this.currentPage);
+        await this.fetchAppsUsersSessions({ appId: "", page: pageNumber, status })
         this.isLoading = false
       } catch (e) {
         this.isLoading = false
@@ -404,14 +413,15 @@ export default {
     },
     async handleSessionFilter(status){
       try{
-      this.isLoading = true
-      this.selectedSessionStatus = status || 'All';
-       localStorage.setItem('selectedSessionStatus', status);
-            await this.fetchAppsUsersSessions({ appId: "",  page: this.currentPage, status: status })
-            this.isLoading = false
-          } catch (e) {
-            this.isLoading = false
-            this.notifyErr(e)
+        this.isLoading = true
+        this.selectedSessionStatus = status || 'All';
+        localStorage.setItem('selectedSessionStatus', status);
+        localStorage.setItem('selectedPage', this.currentPage);
+        await this.fetchAppsUsersSessions({ appId: "", page: this.currentPage, status: status })
+        this.isLoading = false
+      } catch (e) {
+        this.isLoading = false
+        this.notifyErr(e)
       }
     },
     async filterSessions(filterText) {