better image overview

html/images.php

@@ -19,13 +19,27 @@ if ($ret==0) {
     if (isset($i['RepoTags']) && count($i['RepoTags'])>0) {
       $name = join("\\n", $i['RepoTags']);
       if (isset($i['Author']) && $i['Author']!="") $name .= '\\n['.$i['Author'].']';
+      echo '  "'.$i['Id'].'" [label="'.$name.'"];'."\n";
     }
-    echo '  "'.$i['Id'].'" [label="'.$name.'"];'."\n";
   }
 
   foreach ($images as $i) {
-    if (isset($i['Parent']) && $i['Parent']!="")
-      echo '  "'.$i['Parent'].'" -> "'.$i['Id'].'";'."\n";
+    if (isset($i['RepoTags']) && count($i['RepoTags'])>0) {
+      for ($p = $i['Parent']; isset($p) && $p!="";) {
+        $next = null;
+        foreach ($images as $i2)
+          if ($i2['Id'] == $p) {
+            $next = $i2;
+            break;
+          }
+        if (!$next) break;
+        $p = $next['Parent'];
+        if (isset($next['RepoTags']) && count($next['RepoTags'])>0) {
+          echo '  "'.$next['Id'].'" -> "'.$i['Id'].'";'."\n";
+          break;
+        }
+      }
+    }
   }
   
   echo "}";

html/servicedock.css

@@ -19,6 +19,8 @@ div {
 
 svg {
   max-width: 100%;
+  max-height: 100%;
+  width: auto;
   height: auto;
 }