Report errors in the ui

src/entries/background-script.js

@@ -23,7 +23,6 @@ browser.alarms.onAlarm.addListener(alarm => {
     var accounts = d['accounts']
     for (var accountId in accounts) {
       syncAccount(accountId)
-      .catch(err => console.warn(err))
     }
   })
 })
@@ -63,14 +62,14 @@ window.syncAccount = function(accountId) {
     return Promise.resolve()
   }
   syncing[accountId] = true
-  Account.get(accountId)
+  return Account.get(accountId)
   .then((account) => {
     return account.sync()
   })
   .then(() => {delete syncing[accountId]})
-  .catch((er) => {
+  .catch((error) => {
     delete syncing[accountId]
-    console.error(er)
+    console.error(error)
   })
   .then(() => next[accountId] && next[accountId]())
 }

src/lib/Account.js

@@ -188,5 +188,8 @@ export default class Account {
     .then(() => {
       this.setData({...this.getData(), syncing: false})
     })
+    .catch((err) => {
+      return this.setData({...this.getData(), error: err.message, syncing: false}) 
+    })
   }
 }

src/lib/adapters/Nextcloud.js

@@ -42,7 +42,20 @@ export default class NextcloudAdapter {
         <td><label for="password">Password:</label></td>
         <td><input value={new InputInitializeHook(data.password)} type="password" className="password" name="password" ev-keydown={onchangePassword} ev-blur={onchangePassword}/></td></tr>
       <tr><td></td><td>
-        <span className="status">{data.syncing === true? '↻ Syncing...' : ( data.valid == true? '✓ connected' : (data.valid == false? '✘ error' : '… checking'))}</span>
+        <span className="status">{
+          data.syncing === true?
+            '↻ Syncing...' :
+            (data.error?
+              <span title={data.error}>✘ Error!</span> :
+              (data.valid == true?
+                '✓ connected' :
+                (data.valid == false?
+                  '✘ couldn\'t connect' :
+                  '… checking'
+                )
+              )
+            )
+        }</span>
         <a href="#" className="btn remove" ev-click={() => ctl.delete()}>Delete</a>
         <a href="#" className={'btn forceSync '+(data.syncing || !data.valid? 'disabled' : '')} ev-click={() => (!data.syncing && data.valid) && ctl.sync()}>force Sync</a>
       </td></tr>