Make path components into links

dir-index.html

@@ -55,7 +55,14 @@
   <div id="content">
     <div id="content-header" class="d-flex flex-wrap">
       <div>
-        <strong>Index of {{ .Path }}</strong>
+        <strong>
+          Index of
+          {{ range .Breadcrumbs -}}
+          /{{ if .Path }}<a href="{{ .Path | urlEscape }}">{{ .Name }}</a>{{ else }}{{ .Name }}{{ end }}
+          {{- else }}
+          {{ .Path }}
+          {{ end }}
+        </strong>
         {{ if .Hash }}
         <div class="ipfs-hash">
           {{ .Hash }}

test/main.go

@@ -15,6 +15,7 @@ type listingTemplateData struct {
 	Listing  []directoryItem
 	Size     string
 	Path     string
+	Breadcrumbs []breadcrumb
 	BackLink string
 	Hash     string
 }
@@ -25,20 +26,41 @@ type directoryItem struct {
 	Path string
 }
 
+type breadcrumb struct {
+	Name string
+	Path string
+}
+
+var testPath = "/ipfs/QmFooBarQXB2mzChmMeKY47C43LxUdg1NDJ5MWcKMKxDu7/a/b/c"
 var testData = listingTemplateData{
 	Listing: []directoryItem{{
 		Size: "25 MiB",
 		Name: "short-film.mov",
-		Path: "short-film.mov",
+		Path: testPath + "/short-film.mov",
 	}, {
 		Size: "1 KiB",
 		Name: "this-piece-of-papers-got-47-words-37-sentences-58-words-we-wanna-know.txt",
-		Path: "this-piece-of-papers-got-47-words-37-sentences-58-words-we-wanna-know.txt",
+		Path: testPath + "/this-piece-of-papers-got-47-words-37-sentences-58-words-we-wanna-know.txt",
 	}},
 	Size: "25 MiB",
-	Path:     "/ipfs/QmFooBarQXB2mzChmMeKY47C43LxUdg1NDJ5MWcKMKxDu7RgQm",
-	BackLink: "/..",
-	Hash:     "QmFooBarQXB2mzChmMeKY47C43LxUdg1NDJ5MWcKMKxDu7RgQm",
+	Path: testPath,
+	Breadcrumbs: []breadcrumb{{
+		Name: "ipfs",
+	}, {
+		Name: "QmFooBarQXB2mzChmMeKY47C43LxUdg1NDJ5MWcKMKxDu7",
+		Path: testPath + "/../../..",
+	}, {
+		Name: "a",
+		Path: testPath + "/../..",
+	}, {
+		Name: "b",
+		Path: testPath + "/..",
+	}, {
+		Name: "c",
+		Path: testPath,
+	}},
+	BackLink: testPath + "/..",
+	Hash:     "QmFooBazBar2mzChmMeKY47C43LxUdg1NDJ5MWcKMKxDu7",
 }
 
 func main() {