From 07243e09a22e826faef66d50cc43bd989a89aefa Mon Sep 17 00:00:00 2001
From: lesion <lesion@autistici.org>
Date: Wed, 20 Mar 2019 14:57:57 +0100
Subject: [PATCH] fix #35, fix #34

---
 client/src/components/Settings.vue | 34 ++++++++++++++++++++++++------
 client/src/locale/it.js            |  4 +++-
 2 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/client/src/components/Settings.vue b/client/src/components/Settings.vue
index a39e995d..aa2352db 100644
--- a/client/src/components/Settings.vue
+++ b/client/src/components/Settings.vue
@@ -1,10 +1,13 @@
 <template lang="pug">
   b-modal(:title="$t('Settings')" hide-footer @hidden='$router.replace("/")' :visible='true')
-    el-form(inline)
-      el-input(v-model="mastodon_instance" type='success')
-        span(slot='prepend') Mastodon instance
-        el-button(slot='append' @click='associate' type='success') Associate
-
+      h5 {{user.name}}
+      el-input(v-model="mastodon_instance" @enter.native='associate')
+        span(slot='prepend') {{$t('Mastodon instance')}}
+        el-button(v-if='!user.mastodon_auth' slot='append' @click='associate' type='success') {{$t('Associate')}}
+        el-button(v-else slot='append' @click='deassociate' variant='success') {{$t('De-associate')}}
+      el-input.mt-2(v-model='password' type='password')
+        span(slot='prepend') {{$t('Change password')}}
+        el-button(slot='append' @click='change' type='success') {{$t('Change')}}
 </template>
 <script>
 import { mapState, mapActions } from 'vuex'
@@ -14,10 +17,11 @@ export default {
   data () {
     return {
       mastodon_instance: '',
+      password: '',
       user: {}
     }
   },
-  computed: mapState(['oauth']),
+  computed: mapState(['oauth', 'user']),
   async mounted () {
     const code = this.$route.query.code
     if (code) {
@@ -26,9 +30,25 @@ export default {
 
     const user = await api.getUser()
     this.user = user
-    this.mastodon_instance = user.mastodon_instance
+    this.mastodon_instance = user.mastodon_auth.instance
   },
   methods: {
+      async change () {
+        if (!this.password) return
+        const user = this.user
+        user.password = this.password
+        try {
+          await api.updateUser(user)
+        } catch (e) {
+          console.log(e)
+        }
+      },
+      async deassociate () {
+        const user = this.user
+        user.mastodon_auth = ''
+        this.mastodon_instance = ''
+        await api.updateUser(user)
+      },
       async associate () {
         if (!this.mastodon_instance) return
         const url = await api.getAuthURL({instance: this.mastodon_instance})
diff --git a/client/src/locale/it.js b/client/src/locale/it.js
index 4cecc76c..5b853bfe 100644
--- a/client/src/locale/it.js
+++ b/client/src/locale/it.js
@@ -31,9 +31,11 @@ const it = {
   export_email_explanation: `Puoi ricevere via mail gli eventi che ti interessano [WIP]`,
   export_list_explanation: `Se hai un sito web e vuoi mostrare una lista di eventi, puoi usare il seguente codice [WIP]`,
   export_calendar_explanation: `Se hai un sito web e vuoi mostrare un calendario di eventi, puoi usare il seguente codice [WIP]`,
-  export_ical_explanation: `I computer e gli smartphone sono comunemente attrezzati con un'applicazione per gestire un calendario. A questi programmi solitamente è possibile far importare un calendario remoto.`,
+  export_ical_explanation: `I computer e gli smartphone sono comunemente attre zzati con un'applicazione per gestire un calendario. A questi programmi solitamente è possibile far importare un calendario remoto.`,
   Poster: 'Locandina',
   Settings: 'Impostazioni',
+  'Change password': 'Cambia password',
+  Change: 'Cambia',
   Search: 'Cerca',
   Send: 'Invia',
   Register: 'Registrati',