Add admin interface to manage instances subscriptions

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

js/src/views/Account/IdentityPicker.vue

@@ -7,7 +7,7 @@
             <div class="list is-hoverable">
                 <a class="list-item" v-for="identity in identities" :class="{ 'is-active': identity.id === currentIdentity.id }" @click="changeCurrentIdentity(identity)">
                     <div class="media">
-                        <img class="media-left image" v-if="identity.avatar" :src="identity.avatar.url" alt="" />
+                        <img class="media-left image is-48x48" v-if="identity.avatar" :src="identity.avatar.url" alt="" />
                         <b-icon class="media-left" v-else size="is-large" icon="account-circle" />
                         <div class="media-content">
                             <h3>@{{ identity.preferredUsername }}</h3>
@@ -17,7 +17,7 @@
                 </a>
             </div>
         </section>
-        <slot name="footer"></slot>
+        <slot name="footer" />
     </div>
 </template>
 <script lang="ts">

js/src/views/Account/IdentityPickerWrapper.vue

@@ -1,7 +1,9 @@
 <template>
     <div class="identity-picker">
         <span v-if="inline" class="inline">
-            <img class="image" v-if="currentIdentity.avatar" :src="currentIdentity.avatar.url"  :alt="currentIdentity.avatar.alt"/> {{ currentIdentity.name || `@${currentIdentity.preferredUsername}` }}
+            <img class="image" v-if="currentIdentity.avatar" :src="currentIdentity.avatar.url"  :alt="currentIdentity.avatar.alt"/>
+            <b-icon v-else size="is-small" icon="account-circle" />
+            {{ currentIdentity.name || `@${currentIdentity.preferredUsername}` }}
             <b-button type="is-text" @click="isComponentModalActive = true">
                 {{ $t('Change') }}
             </b-button>