feat(delete): added delete option in settings

Author: lokesh-coder

src/app/pages/settings/settings.component.html

@@ -4,12 +4,22 @@ <h3 class="ink-page-title mb-5">
       <i class="ink-icon icon-settings"></i> Settings</h3>
     <inkapp-settings-item>
       <div class="description">
-        <h5>Export complete database</h5>
+        <h5>Export database</h5>
         <p>JSON file with all necessary information to import</p>
       </div>
       <div class="action">
         <button class="btn btn-primary" routerLink="/export">Export</button>
       </div>
     </inkapp-settings-item>
+
+    <inkapp-settings-item>
+      <div class="description">
+        <h5>Delete app data</h5>
+        <p>Will clear all data and reset to initial</p>
+      </div>
+      <div class="action">
+        <button class="btn btn-danger" (click)="deleteDatabase()">delete</button>
+      </div>
+    </inkapp-settings-item>
   </div>
 </div>

src/app/pages/settings/settings.component.ts

@@ -1,12 +1,16 @@
 import { Component, OnInit } from '@angular/core';
+import { LocalDatabase } from '../../services/localdb.service';
 
 @Component({
   selector: 'inkapp-settings-page',
   templateUrl: './settings.component.html',
   styles: []
 })
 export class SettingsPage implements OnInit {
-  constructor() {}
+  constructor(private _localDatabase: LocalDatabase) {}
 
   ngOnInit() {}
+  deleteDatabase() {
+    this._localDatabase.deleteDatabase();
+  }
 }

src/app/services/localdb.service.ts

@@ -62,6 +62,11 @@ export class LocalDatabase {
     return LocalDatabase.DbConn;
   }
 
+  async deleteDatabase() {
+    const db = await this.getDatabase();
+    return db.remove();
+  }
+
   private setupDatabase(): Promise<any> {
     return RxDB.create(DatabaseSettings)
       .then(async (db: InkDb) => {