show any sync error in web-ui

Author: ianopolous

peergos

@@ -12,6 +12,7 @@
 		    <button class="btn btn-success" @click="addSyncPair()">{{ translate("SYNC.ADDPAIR") }}</button>
                 </div>
                 <div style="padding:1em">Status: {{ status }}</div>
+                <div v-if="hasError" style="padding:1em">Previous error: {{ error }}</div>
                 </center>
                 <div style="display:flex; flex-direction:column">
                    <div v-for="pair in syncPairs" style="display:flex; flex-direction:row; flex-wrap:wrap; padding:1em; margin:.5em; border:solid #16a98a;">
@@ -109,6 +110,7 @@ module.exports = {
             select_options: [],
             status: "",
             updateStatusIntervalID: "",
+            error: null,
         }
     },
     props: [],
@@ -121,6 +123,9 @@ module.exports = {
 		...Vuex.mapGetters([
 			'getPath'
 		]),
+                hasError(){
+                   return this.error != null;
+                },
     },
 	created() {
         this.getSyncState();
@@ -185,6 +190,7 @@ module.exports = {
             let that = this;
             this.localPost("/peergos/v0/sync/status").then(function(result, err) {
                that.status = result.msg;
+               that.error = result.error;
             })
         },