Web: Show alert if server connection fails

Issue #17

CHANGELOG.md

@@ -3,6 +3,7 @@
 ## Unreleased
 
 - Mobile, Web: Added support for yearly tasks.
+- Web: Showing alert if server connection fails.
 
 ## 1.6.1
 

src/app/plaintext/plaintext.component.ts

@@ -1,4 +1,4 @@
-import { Component, ViewContainerRef, AfterViewInit, ViewChild, ElementRef } from '@angular/core'
+import { Component, ViewContainerRef, ViewChild, ElementRef } from '@angular/core'
 
 import { SideDrawerService } from '../nav/sidedrawer.service'
 import { RouterService } from '../shared/router.service'

src/app/settings/settings.component.ts

@@ -48,7 +48,7 @@ export class SettingsComponent implements OnInit {
             }
         }).catch((error) => {
             console.warn(error)
-            showToast(error.toString())
+            showToast(error.toString(), true)
         })
     }
 

src/app/shared/helpers/toast.ts

@@ -1,3 +1,5 @@
-export function showToast(text: string) {
-    console.log(text)
+export function showToast(text: string, isError: boolean) {
+    if (isError) {
+        alert(text)
+    }
 }

src/app/shared/todo-file.service.ts

@@ -134,7 +134,7 @@ export class TodoFileService implements OnDestroy {
                 this.router.navigate(['/settings'])
             }
             console.error(error)
-            showToast(error.toString())
+            showToast(error.toString(), true)
             return
         }
         if (watch && this.content && this.content === content) {
@@ -148,7 +148,7 @@ export class TodoFileService implements OnDestroy {
             this.todoItems = TodoTxt.parse(this.content, getExtensions())
         }
         this.fileChanged.next(true) // true = IDs are probably changed
-        showToast('File loaded')
+        showToast('File loaded', false)
     }
 
     private async save(): Promise<void> {
@@ -157,7 +157,7 @@ export class TodoFileService implements OnDestroy {
             await this.file.write(this.settings.path, this.content)
         } catch (error) {
             console.error(error)
-            showToast(error.toString())
+            showToast(error.toString(), true)
             return
         }
         this.fileChanged.next(false) // false => IDs are not changed

src/app/welcome/welcome.component.ts

@@ -50,7 +50,7 @@ export class WelcomeComponent implements OnInit {
             }
         }).catch((error) => {
             console.warn(error)
-            showToast(error.toString())
+            showToast(error.toString(), true)
         })
     }