Export faqs as json

bot/admin/web/src/app/faq/faq-management/faq-management.component.html

@@ -2,6 +2,16 @@
   <h1 class="flex-grow-1">FAQs stories</h1>
 
   <section class="grid-actions">
+    <button
+      nbButton
+      ghost
+      shape="round"
+      nbTooltip="Export all faqs"
+      (click)="download()"
+    >
+      <nb-icon icon="download"></nb-icon>
+    </button>
+
     <button
       nbButton
       ghost

bot/admin/web/src/app/faq/faq-management/faq-management.component.ts

@@ -13,6 +13,8 @@ import { FaqDefinition, FaqFilter, FaqSearchQuery, PaginatedFaqResult } from '..
 import { FaqManagementEditComponent } from './faq-management-edit/faq-management-edit.component';
 import { FaqManagementSettingsComponent } from './faq-management-settings/faq-management-settings.component';
 import { Pagination } from '../../shared/components';
+import { getExportFileName } from '../../shared/utils';
+import { saveAs } from 'file-saver-es';
 
 export type FaqDefinitionExtended = FaqDefinition & { _initQuestion?: string };
 
@@ -315,6 +317,31 @@ export class FaqManagementComponent implements OnInit, OnDestroy {
     }
   }
 
+  download() {
+    let query: PaginatedQuery = this.stateService.createPaginatedQuery(0, 9999);
+    const request = this.toSearchQuery(query);
+
+    this.rest
+      .post('/faq/search', request)
+      .pipe(takeUntil(this.destroy))
+      .subscribe((faqsResult: PaginatedFaqResult) => {
+        const jsonBlob = new Blob([JSON.stringify(faqsResult.rows)], {
+          type: 'application/json'
+        });
+
+        const exportFileName = getExportFileName(
+          this.stateService.currentApplication.namespace,
+          this.stateService.currentApplication.name,
+          'Faqs',
+          'json'
+        );
+
+        saveAs(jsonBlob, exportFileName);
+
+        this.toastrService.show(`Faqs dump provided`, 'Faqs dump', { duration: 3000, status: 'success' });
+      });
+  }
+
   ngOnDestroy() {
     this.destroy.next(true);
     this.destroy.complete();