Add anonymous and remote participations

js/src/views/Moderation/Logs.vue

@@ -1,5 +1,5 @@
 <template>
-    <section class="container">
+    <section class="section container">
         <nav class="breadcrumb" aria-label="breadcrumbs">
             <ul>
                 <li><router-link :to="{ name: RouteName.DASHBOARD }">Dashboard</router-link></li>
@@ -9,7 +9,7 @@
         <ul v-if="actionLogs.length > 0">
             <li v-for="log in actionLogs">
                 <div class="box">
-                    <img class="image" :src="log.actor.avatar.url" />
+                    <img class="image" :src="log.actor.avatar.url" v-if="log.actor.avatar" />
                     <span>@{{ log.actor.preferredUsername }}</span>
                     <span v-if="log.action === ActionLogAction.REPORT_UPDATE_CLOSED">
                         closed <router-link :to="{ name: RouteName.REPORT, params: { reportId: log.object.id } }">report #{{ log.object.id }}</router-link>

js/src/views/Moderation/Report.vue

@@ -1,5 +1,5 @@
 <template>
-    <section class="container">
+    <section class="container section">
         <b-message title="Error" type="is-danger" v-for="error in errors" :key="error">{{ error }}</b-message>
         <div class="container" v-if="report">
             <nav class="breadcrumb" aria-label="breadcrumbs">
@@ -133,7 +133,8 @@
             <div class="box note" v-for="note in report.notes" :id="`note-${note.id}`">
                 <p>{{ note.content }}</p>
                 <router-link :to="{ name: RouteName.PROFILE, params: { name: note.moderator.preferredUsername } }">
-                    <img alt="" class="image" :src="note.moderator.avatar.url" /> @{{ note.moderator.preferredUsername }}
+                    <img alt="" class="image" :src="note.moderator.avatar.url" v-if="note.moderator.avatar" />
+                    @{{ note.moderator.preferredUsername }}
                 </router-link><br />
                 <small><a :href="`#note-${note.id}`" v-if="note.insertedAt">{{ note.insertedAt | formatDateTimeString }}</a></small>
             </div>

js/src/views/Moderation/ReportList.vue

@@ -1,5 +1,5 @@
 <template>
-    <section class="container">
+    <section class="container section">
         <nav class="breadcrumb" aria-label="breadcrumbs">
             <ul>
                 <li><router-link :to="{ name: RouteName.DASHBOARD }">{{ $t('Dashboard') }}</router-link></li>