From 8ab6ecbf199ee152f218743f0414a60b0377de1a Mon Sep 17 00:00:00 2001
From: Lennart Blom <registrierungen@lennart-blom.de>
Date: Sat, 1 Dec 2018 11:03:23 +0100
Subject: [PATCH] Define dynamic parsing of history elements

---
 src/style.css                   |  5 ++++
 src/tags/tag-history-button.tag |  2 +-
 src/tags/tag-history.tag        | 52 +++++++++++++++++----------------
 3 files changed, 33 insertions(+), 26 deletions(-)

diff --git a/src/style.css b/src/style.css
index a6c4895..7666b52 100644
--- a/src/style.css
+++ b/src/style.css
@@ -335,4 +335,9 @@ select {
 
 .copy-to-clipboard a:hover {
   cursor: pointer;
+}
+
+.tag-history-element {
+  padding: 15px;
+  margin:5px;
 }
\ No newline at end of file
diff --git a/src/tags/tag-history-button.tag b/src/tags/tag-history-button.tag
index 7bb6471..a492c70 100644
--- a/src/tags/tag-history-button.tag
+++ b/src/tags/tag-history-button.tag
@@ -19,7 +19,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
         <i class="material-icons">history</i>
     </a>
 
-    <script>
+    <script type="text/javascript">
         registryUI.taghistory.instance = this;
         registryUI.taghistory.go = function (image, tag) {
             route('taglist/joxit/docker-registry-ui');
diff --git a/src/tags/tag-history.tag b/src/tags/tag-history.tag
index 184c37b..0e6206a 100644
--- a/src/tags/tag-history.tag
+++ b/src/tags/tag-history.tag
@@ -23,31 +23,19 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
             <material-spinner></material-spinner>
         </div>
 
-        <table show="{ registryUI.taghistory.loadend }" style="border: none;">
-            <thead>
-            <tr>
-                <th class="material-card-th-left">One</th>
-                <th>Two</th>
-                <th>Three</th>
-            </tr>
-            </thead>
-            <tbody>
-            <tr each="{ historyelement in registryUI.taghistory.elements }">
-                <td class="material-card-th-left">
-                    { historyelement.v1Compatibility }
-                </td>
-                <td class="copy-to-clipboard">
-                </td>
-                <td>
+        <div show="{ registryUI.taghistory.loadend }">
 
-                </td>
-            </tr>
-            </tbody>
-        </table>
+            <material-card each="{ guiElement in registryUI.taghistory.elements }" class="tag-history-element">
+                <p each="{ entry in guiElement }">
+                    { entry.key } { entry.value }
+                </p>
+
+            </material-card>
+        </div>
 
     </material-card>
 
-    <script>
+    <script type="text/javascript">
         console.log("taghistory script area");
 
         registryUI.taghistory.instance = this;
@@ -58,12 +46,26 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
                 console.log("taghistory addEventListener::load");
                 registryUI.taghistory.elements = [];
                 if (this.status == 200) {
-                    var history = JSON.parse(this.responseText).history || [];
+                    var elements = JSON.parse(this.responseText).history || [];
+                    for(var index in elements){
+                        var parsedNestedElements = JSON.parse(elements[index].v1Compatibility || {});
+                        console.log(parsedNestedElements);
 
-                    for(historyElement in history){
-                        historyElement
+                        var guiElements = [];
+                        var guiElement = {};
+                        for(var attribute in parsedNestedElements){
+                            if(parsedNestedElements.hasOwnProperty(attribute)){
+                                guiElement = {
+                                    "key": attribute,
+                                    "value": parsedNestedElements[attribute]
+                                };
+                                guiElements.push(guiElement);
+                            }
+
+                        }
+
+                        registryUI.taghistory.elements.push(guiElements);
                     }
-
                 } else if (this.status == 404) {
                     registryUI.snackbar('Manifest could not be fetched', true);
                 } else {