Refactor media upload

Use Upload Media logic from Pleroma

Backend changes for picture upload

Move AS <-> Model conversion to separate module

Front changes

Downgrade apollo-client: https://github.com/Akryum/vue-apollo/issues/577

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/views/Account/MyAccount.vue

@@ -2,8 +2,8 @@
   <section class="container">
     <div v-if="person">
       <div class="header">
-        <figure v-if="person.bannerUrl" class="image is-3by1">
-          <img :src="person.bannerUrl" alt="banner">
+        <figure v-if="person.banner" class="image is-3by1">
+          <img :src="person.banner.url" alt="banner">
         </figure>
       </div>
 

js/src/views/Account/Profile.vue

@@ -1,16 +1,16 @@
 <template>
   <section class="container">
     <div v-if="person">
-      <div class="card-image" v-if="person.bannerUrl">
+      <div class="card-image" v-if="person.banner">
         <figure class="image">
-          <img :src="person.bannerUrl">
+          <img :src="person.banner.url">
         </figure>
       </div>
       <div class="card-content">
         <div class="media">
           <div class="media-left">
-            <figure class="image is-48x48">
-              <img :src="person.avatarUrl">
+            <figure class="image is-48x48" v-if="person.avatar">
+              <img :src="person.avatar.url">
             </figure>
           </div>
           <div class="media-content">
@@ -18,7 +18,6 @@
             <p class="subtitle">@{{ person.preferredUsername }}</p>
           </div>
         </div>
-
         <div class="content">
           <vue-simple-markdown :source="person.summary"></vue-simple-markdown>
         </div>
@@ -58,7 +57,7 @@
             </a>
           </b-dropdown-item>
         </b-dropdown>
-        <a class="button" v-else-if="loggedPerson" @click="createToken">
+        <a class="button" v-if="loggedPerson.id === person.id" @click="createToken">
           <translate>Create token</translate>
         </a>
       </div>

js/src/views/Account/Register.vue

@@ -81,7 +81,7 @@ export default class Register extends Vue {
   @Prop({ type: String, required: true }) email!: string;
   @Prop({ type: Boolean, required: false, default: false }) userAlreadyActivated!: boolean;
 
-  host: string = MOBILIZON_INSTANCE_HOST;
+  host?: string = MOBILIZON_INSTANCE_HOST;
 
   person: IPerson = {
     preferredUsername: '',
@@ -90,8 +90,8 @@ export default class Register extends Vue {
     id: '',
     url: '',
     suspended: false,
-    avatarUrl: '',
-    bannerUrl: '',
+    avatar: null,
+    banner: null,
     domain: null,
     feedTokens: [],
     goingToEvents: [],