From 66fe613b6ff014c8b046105a634b37057b617b5b Mon Sep 17 00:00:00 2001
From: Lennart Blom <registrierungen@lennart-blom.de>
Date: Sat, 1 Dec 2018 20:50:16 +0100
Subject: [PATCH] Optimize format

---
 src/tags/taglist.tag | 199 ++++++++++++++++++++++---------------------
 1 file changed, 100 insertions(+), 99 deletions(-)

diff --git a/src/tags/taglist.tag b/src/tags/taglist.tag
index 25baae8..bd4aad2 100644
--- a/src/tags/taglist.tag
+++ b/src/tags/taglist.tag
@@ -15,106 +15,107 @@ You should have received a copy of the GNU Affero General Public License
 along with this program. If not, see <http://www.gnu.org/licenses/>.
 -->
 <taglist>
-    <!-- Begin of tag -->
-    <material-card ref="taglist-tag" class="taglist">
-        <div class="material-card-title-action">
-            <a href="#!" onclick="registryUI.home();">
-                <i class="material-icons">arrow_back</i>
-            </a>
-            <h2>Tags of { registryUI.name() + '/' + registryUI.taglist.name }</h2>
-        </div>
-        <div hide="{ registryUI.taglist.loadend }" class="spinner-wrapper">
-            <material-spinner></material-spinner>
-        </div>
-        <table show="{ registryUI.taglist.loadend }" style="border: none;">
-            <thead>
-            <tr>
-                <th class="material-card-th-left">Repository</th>
-                <th></th>
-                <th>Creation date</th>
-                <th>Size</th>
+  <!-- Begin of tag -->
+  <material-card ref="taglist-tag" class="taglist">
+    <div class="material-card-title-action">
+      <a href="#!" onclick="registryUI.home();">
+        <i class="material-icons">arrow_back</i>
+      </a>
+      <h2>Tags of { registryUI.name() + '/' + registryUI.taglist.name }</h2>
+    </div>
+    <div hide="{ registryUI.taglist.loadend }" class="spinner-wrapper">
+      <material-spinner></material-spinner>
+    </div>
+    <table show="{ registryUI.taglist.loadend }" style="border: none;">
+      <thead>
+      <tr>
+        <th class="material-card-th-left">Repository</th>
+        <th></th>
+        <th>Creation date</th>
+        <th>Size</th>
 
-                <th class="{ registryUI.taglist.asc ? 'material-card-th-sorted-ascending' : 'material-card-th-sorted-descending' }"
-                    onclick="registryUI.taglist.reverse();">Tag
-                </th>
-                <th class="show-tag-history">History</th>
-                <th class="remove-tag" show="{ registryUI.isImageRemoveActivated }"></th>
-            </tr>
-            </thead>
-            <tbody>
-            <tr each="{ image in registryUI.taglist.tags }">
-                <td class="material-card-th-left">{ image.name }</td>
-                <td class="copy-to-clipboard">
-                    <copy-to-clipboard image={ image }/>
-                </td>
-                <td>
-                    <image-date image="{ image }"/>
-                </td>
-                <td>
-                    <image-size image="{ image }"/>
-                </td>
-                <td>
-                    <image-tag image="{ image }"/>
-                </td>
-                <td class="show-tag-history">
-                    <tag-history-button image={ image } />
-                </td>
-                <td show="{ registryUI.isImageRemoveActivated }">
-                    <remove-image image={ image }/>
-                </td>
-            </tr>
-            </tbody>
-        </table>
-    </material-card>
-    <script>
-        registryUI.taglist.instance = this;
-        registryUI.taglist.display = function () {
-            registryUI.taglist.tags = [];
-            if (route.routeName == 'taglist') {
-                var oReq = new Http();
-                registryUI.taglist.instance.update();
-                oReq.addEventListener('load', function () {
-                    registryUI.taglist.tags = [];
-                    if (this.status == 200) {
-                        registryUI.taglist.tags = JSON.parse(this.responseText).tags || [];
-                        registryUI.taglist.tags = registryUI.taglist.tags.map(function (tag) {
-                            return new registryUI.DockerImage(registryUI.taglist.name, tag);
-                        }).sort(registryUI.DockerImage.compare);
-                    } else if (this.status == 404) {
-                        registryUI.snackbar('Server not found', true);
-                    } else {
-                        registryUI.snackbar(this.responseText, true);
-                    }
-                });
-                oReq.addEventListener('error', function () {
-                    registryUI.snackbar(this.getErrorMessage(), true);
-                    registryUI.taglist.tags = [];
-                });
-                oReq.addEventListener('loadend', function () {
-                    registryUI.taglist.loadend = true;
-                    registryUI.taglist.instance.update();
-                });
-                oReq.open('GET', registryUI.url() + '/v2/' + registryUI.taglist.name + '/tags/list');
-                oReq.send();
-                registryUI.taglist.asc = true;
-            }
-        };
-        registryUI.taglist.display();
+        <th
+        class="{ registryUI.taglist.asc ? 'material-card-th-sorted-ascending' : 'material-card-th-sorted-descending' }"
+        onclick="registryUI.taglist.reverse();">Tag
+        </th>
+        <th class="show-tag-history">History</th>
+        <th class="remove-tag" show="{ registryUI.isImageRemoveActivated }"></th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr each="{ image in registryUI.taglist.tags }">
+        <td class="material-card-th-left">{ image.name }</td>
+        <td class="copy-to-clipboard">
+          <copy-to-clipboard image={ image }/>
+        </td>
+        <td>
+          <image-date image="{ image }"/>
+        </td>
+        <td>
+          <image-size image="{ image }"/>
+        </td>
+        <td>
+          <image-tag image="{ image }"/>
+        </td>
+        <td class="show-tag-history">
+          <tag-history-button image={ image }/>
+        </td>
+        <td show="{ registryUI.isImageRemoveActivated }">
+          <remove-image image={ image }/>
+        </td>
+      </tr>
+      </tbody>
+    </table>
+  </material-card>
+  <script>
+    registryUI.taglist.instance = this;
+    registryUI.taglist.display = function () {
+      registryUI.taglist.tags = [];
+      if (route.routeName == 'taglist') {
+        var oReq = new Http();
         registryUI.taglist.instance.update();
+        oReq.addEventListener('load', function () {
+          registryUI.taglist.tags = [];
+          if (this.status == 200) {
+            registryUI.taglist.tags = JSON.parse(this.responseText).tags || [];
+            registryUI.taglist.tags = registryUI.taglist.tags.map(function (tag) {
+              return new registryUI.DockerImage(registryUI.taglist.name, tag);
+            }).sort(registryUI.DockerImage.compare);
+          } else if (this.status == 404) {
+            registryUI.snackbar('Server not found', true);
+          } else {
+            registryUI.snackbar(this.responseText, true);
+          }
+        });
+        oReq.addEventListener('error', function () {
+          registryUI.snackbar(this.getErrorMessage(), true);
+          registryUI.taglist.tags = [];
+        });
+        oReq.addEventListener('loadend', function () {
+          registryUI.taglist.loadend = true;
+          registryUI.taglist.instance.update();
+        });
+        oReq.open('GET', registryUI.url() + '/v2/' + registryUI.taglist.name + '/tags/list');
+        oReq.send();
+        registryUI.taglist.asc = true;
+      }
+    };
+    registryUI.taglist.display();
+    registryUI.taglist.instance.update();
 
-        registryUI.taglist.reverse = function () {
-            if (registryUI.taglist.asc) {
-                registryUI.taglist.tags.reverse();
-                registryUI.taglist.asc = false;
-            } else {
-                registryUI.taglist.tags.sort(registryUI.DockerImage.compare);
-                registryUI.taglist.asc = true;
-            }
-            registryUI.taglist.instance.update();
-        };
-        registryUI.taglist.refresh = function () {
-            route(registryUI.taglist.name);
-        };
-    </script>
-    <!-- End of tag -->
+    registryUI.taglist.reverse = function () {
+      if (registryUI.taglist.asc) {
+        registryUI.taglist.tags.reverse();
+        registryUI.taglist.asc = false;
+      } else {
+        registryUI.taglist.tags.sort(registryUI.DockerImage.compare);
+        registryUI.taglist.asc = true;
+      }
+      registryUI.taglist.instance.update();
+    };
+    registryUI.taglist.refresh = function () {
+      route(registryUI.taglist.name);
+    };
+  </script>
+  <!-- End of tag -->
 </taglist>
\ No newline at end of file