TT#145750 adding refresh button onto Regisered Devices list

Change-Id: I4042c5a24faa30f52080b2810a48f8851b76a2fb

src/i18n/en.json

@@ -326,6 +326,7 @@
     "Recording successfully deleted": "Recording successfully deleted",
     "Recordings": "Recordings",
     "Recover password": "Recover password",
+    "Refresh": "Refresh",
     "Registered Devices": "Registered Devices",
     "Reloading conversation items failed": "Reloading conversation items failed",
     "Reminder": "Reminder",
@@ -548,4 +549,4 @@
     "{field} must be maximum of {maxValue} seconds": "{field} must be maximum of {maxValue} seconds",
     "{field} must consist of numeric characters only": "{field} must consist of numeric characters only",
     "{field} must have at most {maxLength} letters": "{field} must have at most {maxLength} letters"
-}
+}

src/pages/CscPageRegisteredDevices.vue

@@ -21,6 +21,17 @@
                     <csc-spinner />
                 </q-inner-loading>
             </template>
+
+            <template v-slot:top-left>
+                <q-btn
+                    icon="refresh"
+                    size="sm"
+                    flat
+                    @click="refresh"
+                >
+                    {{ $t('Refresh') }}
+                </q-btn>
+            </template>
         </q-table>
     </csc-page>
 </template>
@@ -104,17 +115,18 @@ export default {
             ]
         }
     },
-    watch: {
-    },
     async mounted () {
-        await this.fetchPaginatedRegistrations({
+        await this.refresh()
-            pagination: this.pagination
-        })
     },
     methods: {
         ...mapWaitingActions('user', {
             loadSubscriberRegistrations: 'loadSubscriberRegistrations'
         }),
+        async refresh () {
+            await this.fetchPaginatedRegistrations({
+                pagination: this.pagination
+            })
+        },
         async fetchPaginatedRegistrations (props) {
             const { page, rowsPerPage, sortBy, descending } = props.pagination
             const count = await this.loadSubscriberRegistrations({