From 2e695ad86ad18a67c2e5b39c48ab3d3c7ff6ed97 Mon Sep 17 00:00:00 2001
From: Rik Smale <13023439+WikiRik@users.noreply.github.com>
Date: Tue, 26 Sep 2023 14:28:48 +0000
Subject: [PATCH] style(lint): auto-fix lint issues

---
 src/views/core/bodies/ChangeBoardModal.vue |  4 +-
 src/views/core/bodies/Single.vue           | 58 ++++++++---------
 src/views/core/bodies/ViewBoards.vue       | 72 +++++++++++-----------
 src/views/network/BoardListing.vue         |  5 +-
 4 files changed, 69 insertions(+), 70 deletions(-)

diff --git a/src/views/core/bodies/ChangeBoardModal.vue b/src/views/core/bodies/ChangeBoardModal.vue
index 941f1f1f7..7dd7ab186 100644
--- a/src/views/core/bodies/ChangeBoardModal.vue
+++ b/src/views/core/bodies/ChangeBoardModal.vue
@@ -3,7 +3,7 @@
     <header class="modal-card-head">
       <p class="modal-card-title" v-if="edit">Edit board</p>
       <p class="modal-card-title" v-else>Add board</p>
-      <button class="delete" aria-label="close" @click="$parent.close()"></button>
+      <button class="delete" aria-label="close" @click="$parent.close()" />
     </header>
     <section class="modal-card-body">
 
@@ -122,7 +122,7 @@
         <div class="control">
           <b-input type="textarea" v-model="board.message" />
         </div>
-        <label class="label">Preview <MarkdownTooltip/></label>
+        <label class="label">Preview <MarkdownTooltip /></label>
         <div class="content">
           <span v-html="$options.filters.markdown(board.message)" />
         </div>
diff --git a/src/views/core/bodies/Single.vue b/src/views/core/bodies/Single.vue
index fbd08baaa..e17c0ec94 100644
--- a/src/views/core/bodies/Single.vue
+++ b/src/views/core/bodies/Single.vue
@@ -173,35 +173,35 @@
         <div class="content">
           <p class="subtitle">Board</p>
           <div class="content" v-for="board in boards" v-bind:key="board.id">
-              <table class="table is-narrow">
-                <tbody>
-                  <tr v-if="board.name">
-                    <th>Name</th>
-                    <td>{{ board.name }}</td>
-                  </tr>
-                  <tr>
-                    <th>Term</th>
-                    <td>{{ board.start_date }} - {{ board.end_date }}</td>
-                  </tr>
-                  <tr>
-                    <th>President</th>
-                    <td>{{ board.president_user.first_name }} {{ board.president_user.last_name }}</td>
-                  </tr>
-                  <tr>
-                    <th>Secretary</th>
-                    <td>{{ board.secretary_user.first_name }} {{ board.secretary_user.last_name }}</td>
-                  </tr>
-                  <tr>
-                    <th>Treasurer</th>
-                    <td>{{ board.treasurer_user.first_name }} {{ board.treasurer_user.last_name }}</td>
-                  </tr>
-                  <tr v-for="position in board.other_members" v-bind:key="position.index">
-                    <th>{{ position.function }}</th>
-                    <td>{{ position.user.first_name }} {{ position.user.last_name }}</td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
+            <table class="table is-narrow">
+              <tbody>
+                <tr v-if="board.name">
+                  <th>Name</th>
+                  <td>{{ board.name }}</td>
+                </tr>
+                <tr>
+                  <th>Term</th>
+                  <td>{{ board.start_date }} - {{ board.end_date }}</td>
+                </tr>
+                <tr>
+                  <th>President</th>
+                  <td>{{ board.president_user.first_name }} {{ board.president_user.last_name }}</td>
+                </tr>
+                <tr>
+                  <th>Secretary</th>
+                  <td>{{ board.secretary_user.first_name }} {{ board.secretary_user.last_name }}</td>
+                </tr>
+                <tr>
+                  <th>Treasurer</th>
+                  <td>{{ board.treasurer_user.first_name }} {{ board.treasurer_user.last_name }}</td>
+                </tr>
+                <tr v-for="position in board.other_members" v-bind:key="position.index">
+                  <th>{{ position.function }}</th>
+                  <td>{{ position.user.first_name }} {{ position.user.last_name }}</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
         </div>
       </article>
 
diff --git a/src/views/core/bodies/ViewBoards.vue b/src/views/core/bodies/ViewBoards.vue
index 649f65f68..2acc7f8e8 100644
--- a/src/views/core/bodies/ViewBoards.vue
+++ b/src/views/core/bodies/ViewBoards.vue
@@ -8,45 +8,45 @@
           <template v-for="(board, index) in boards">
             <b-collapse class="card" animation="slide" :open="false" v-bind:key="index">
               <template #trigger="props">
-                  <div class="card-header" role="button">
-                      <p class="card-header-title" v-if="!board.name">
-                        {{ board.start_date }} - {{ board.end_date }}
-                      </p>
-                      <p class="card-header-title" v-else>
-                        {{ board.name }} ({{ board.start_date }} - {{ board.end_date }})
-                      </p>
-                      <a class="card-header-icon">
-                        <span class="icon is-small is-angle">
-                          <font-awesome-icon :icon="['fa', 'angle-down']" v-if="!props.open" />
-                          <font-awesome-icon :icon="['fa', 'angle-up']" v-else />
-                        </span>
-                      </a>
-                  </div>
+                <div class="card-header" role="button">
+                  <p class="card-header-title" v-if="!board.name">
+                    {{ board.start_date }} - {{ board.end_date }}
+                  </p>
+                  <p class="card-header-title" v-else>
+                    {{ board.name }} ({{ board.start_date }} - {{ board.end_date }})
+                  </p>
+                  <a class="card-header-icon">
+                    <span class="icon is-small is-angle">
+                      <font-awesome-icon :icon="['fa', 'angle-down']" v-if="!props.open" />
+                      <font-awesome-icon :icon="['fa', 'angle-up']" v-else />
+                    </span>
+                  </a>
+                </div>
               </template>
 
               <div class="card-content">
-                  <div class="content">
-                    <table class="table is-narrow">
-                      <tbody>
-                        <tr>
-                          <th>President</th>
-                          <td>{{ board.president_user ? board.president_user.first_name : 'Deleted' }} {{ board.president_user ? board.president_user.last_name : 'User' }}</td>
-                        </tr>
-                        <tr>
-                          <th>Secretary</th>
-                          <td>{{ board.secretary_user ? board.secretary_user.first_name : 'Deleted' }} {{ board.secretary_user ? board.secretary_user.last_name : 'User' }}</td>
-                        </tr>
-                        <tr>
-                          <th>Treasurer</th>
-                          <td>{{ board.treasurer_user ? board.treasurer_user.first_name : 'Deleted' }} {{ board.treasurer_user ? board.treasurer_user.last_name : 'User' }}</td>
-                        </tr>
-                        <tr v-for="position in board.other_members" v-bind:key="position.index">
-                          <th>{{ position.function }}</th>
-                          <td>{{ position.user ? position.user.first_name : 'Deleted' }} {{ position.user ? position.user.last_name : 'User' }}</td>
-                        </tr>
-                      </tbody>
-                    </table>
-                  </div>
+                <div class="content">
+                  <table class="table is-narrow">
+                    <tbody>
+                      <tr>
+                        <th>President</th>
+                        <td>{{ board.president_user ? board.president_user.first_name : 'Deleted' }} {{ board.president_user ? board.president_user.last_name : 'User' }}</td>
+                      </tr>
+                      <tr>
+                        <th>Secretary</th>
+                        <td>{{ board.secretary_user ? board.secretary_user.first_name : 'Deleted' }} {{ board.secretary_user ? board.secretary_user.last_name : 'User' }}</td>
+                      </tr>
+                      <tr>
+                        <th>Treasurer</th>
+                        <td>{{ board.treasurer_user ? board.treasurer_user.first_name : 'Deleted' }} {{ board.treasurer_user ? board.treasurer_user.last_name : 'User' }}</td>
+                      </tr>
+                      <tr v-for="position in board.other_members" v-bind:key="position.index">
+                        <th>{{ position.function }}</th>
+                        <td>{{ position.user ? position.user.first_name : 'Deleted' }} {{ position.user ? position.user.last_name : 'User' }}</td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
               </div>
 
               <footer class="card-footer">
diff --git a/src/views/network/BoardListing.vue b/src/views/network/BoardListing.vue
index dc33fce6d..b718b7653 100644
--- a/src/views/network/BoardListing.vue
+++ b/src/views/network/BoardListing.vue
@@ -10,7 +10,7 @@
               <input class="input" type="text" v-model="query" placeholder="Search by name, body code or abbreviation" @input="refetch()">
             </div>
             <div class="control" v-if="can.viewDeleted">
-              <a class="button is-info" v-if="includeDeleted"  @click="toggleIncludeDeleted()">Only show active bodies</a>
+              <a class="button is-info" v-if="includeDeleted" @click="toggleIncludeDeleted()">Only show active bodies</a>
               <a class="button is-info" v-if="!includeDeleted" @click="toggleIncludeDeleted()">Also show deleted bodies</a>
             </div>
           </div>
@@ -30,8 +30,7 @@
               placeholder="Select body types"
               track-by="value"
               label="name"
-              @input="refetch">
-            </multiselect>
+              @input="refetch" />
           </div>
         </div>