Prettify all the things

3 files changed, 19 insertions, 57 deletions

diff --git a/app/assets/javascripts/registry/components/app.vue b/app/assets/javascripts/registry/components/app.vue
index 6f94f5d6d2a..6233fb169e9 100644
--- a/app/assets/javascripts/registry/components/app.vue
+++ b/app/assets/javascripts/registry/components/app.vue
@@ -35,10 +35,7 @@ export default {
 </script>
 <template>
   <div>
-    <gl-loading-icon
-      v-if="isLoading"
-      :size="3"
-    />
+    <gl-loading-icon v-if="isLoading" :size="3" />
 
     <collapsible-container
       v-for="(item, index) in repos"
@@ -48,8 +45,10 @@ export default {
     />
 
     <p v-else-if="!isLoading && !repos.length">
-      {{ __(`No container images stored for this project.
-Add one by following the instructions above.`) }}
+      {{
+        __(`No container images stored for this project.
+Add one by following the instructions above.`)
+      }}
     </p>
   </div>
 </template>
diff --git a/app/assets/javascripts/registry/components/collapsible_container.vue b/app/assets/javascripts/registry/components/collapsible_container.vue
index d85de973740..6514c05a9c7 100644
--- a/app/assets/javascripts/registry/components/collapsible_container.vue
+++ b/app/assets/javascripts/registry/components/collapsible_container.vue
@@ -61,11 +61,7 @@ export default {
 <template>
   <div class="container-image">
     <div class="container-image-head">
-      <button
-        type="button"
-        class="js-toggle-repo btn-link"
-        @click="toggleRepo"
-      >
+      <button type="button" class="js-toggle-repo btn-link" @click="toggleRepo">
         <i
           :class="{
             'fa-chevron-right': !isOpen,
@@ -95,36 +91,18 @@ export default {
           class="js-remove-repo btn btn-danger"
           @click="handleDeleteRepository"
         >
-          <i
-            class="fa fa-trash"
-            aria-hidden="true"
-          >
-          </i>
+          <i class="fa fa-trash" aria-hidden="true"> </i>
         </button>
       </div>
     </div>
 
-    <gl-loading-icon
-      v-if="repo.isLoading"
-      :size="2"
-      class="append-bottom-20"
-    />
+    <gl-loading-icon v-if="repo.isLoading" :size="2" class="append-bottom-20" />
 
-    <div
-      v-else-if="!repo.isLoading && isOpen"
-      class="container-image-tags"
-    >
+    <div v-else-if="!repo.isLoading && isOpen" class="container-image-tags">
+      <table-registry v-if="repo.list.length" :repo="repo" />
 
-      <table-registry
-        v-if="repo.list.length"
-        :repo="repo"
-      />
-
-      <div
-        v-else
-        class="nothing-here-block"
-      >
-        {{ s__("ContainerRegistry|No tags in Container Registry for this container image.") }}
+      <div v-else class="nothing-here-block">
+        {{ s__('ContainerRegistry|No tags in Container Registry for this container image.') }}
       </div>
     </div>
   </div>
diff --git a/app/assets/javascripts/registry/components/table_registry.vue b/app/assets/javascripts/registry/components/table_registry.vue
index bb6c977fc63..6735c3ff7cf 100644
--- a/app/assets/javascripts/registry/components/table_registry.vue
+++ b/app/assets/javascripts/registry/components/table_registry.vue
@@ -65,17 +65,14 @@ export default {
         <tr>
           <th>{{ s__('ContainerRegistry|Tag') }}</th>
           <th>{{ s__('ContainerRegistry|Tag ID') }}</th>
-          <th>{{ s__("ContainerRegistry|Size") }}</th>
-          <th>{{ s__("ContainerRegistry|Created") }}</th>
+          <th>{{ s__('ContainerRegistry|Size') }}</th>
+          <th>{{ s__('ContainerRegistry|Created') }}</th>
           <th></th>
         </tr>
       </thead>
       <tbody>
-        <tr
-          v-for="(item, i) in repo.list"
-          :key="i">
+        <tr v-for="(item, i) in repo.list" :key="i">
           <td>
-
             {{ item.tag }}
 
             <clipboard-button
@@ -86,11 +83,7 @@ export default {
             />
           </td>
           <td>
-            <span
-              v-tooltip
-              :title="item.revision"
-              data-placement="bottom"
-            >
+            <span v-tooltip :title="item.revision" data-placement="bottom">
               {{ item.shortRevision }}
             </span>
           </td>
@@ -103,11 +96,7 @@ export default {
           </td>
 
           <td>
-            <span
-              v-tooltip
-              :title="tooltipTitle(item.createdAt)"
-              data-placement="bottom"
-            >
+            <span v-tooltip :title="tooltipTitle(item.createdAt)" data-placement="bottom">
               {{ timeFormated(item.createdAt) }}
             </span>
           </td>
@@ -121,13 +110,9 @@ export default {
               type="button"
               class="js-delete-registry btn btn-danger d-none d-sm-block float-right"
               data-container="body"
-              @click="handleDeleteRegistry(item)"
+              @click="handleDeleteRegistry(item);"
             >
-              <i
-                class="fa fa-trash"
-                aria-hidden="true"
-              >
-              </i>
+              <i class="fa fa-trash" aria-hidden="true"> </i>
             </button>
           </td>
         </tr>