link directories in page headings in directory middleware

senchalabs · Jul 2, 2011 · b4898dc · b4898dc
1 parent 315388e
commit b4898dc
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/lib/middleware/directory.js b/lib/middleware/directory.js
@@ -101,7 +101,8 @@ exports.html = function(req, res, files, next, dir, showUp, icons){
       str = str
         .replace('{style}', style)
         .replace('{files}', html(files, dir, icons))
-        .replace(/\{directory\}/g, dir);
+        .replace('{directory}', dir)
+		.replace('{linked-path}', htmlPath(dir));
       res.setHeader('Content-Type', 'text/html');
       res.setHeader('Content-Length', str.length);
       res.end(str);
@@ -131,6 +132,21 @@ exports.plain = function(req, res, files){
   res.end(files);
 };
 
+/**
+ * Map html `directory`, returning a linked path
+ */
+
+function htmlPath(path) {
+  var tempPath = [];
+  return '<a href="/">/</a> ' + path.split('/').slice(1).map(function(dir) {
+    tempPath.push(dir);
+
+    return dir 
+    ? '<a href="/' + tempPath.join('/') + '">' + dir + '</a>'
+    : '';
+  }).join(' / ');
+}
+
 /**
  * Map html `files`, returning an html unordered list.
  */

diff --git a/lib/public/directory.html b/lib/public/directory.html
@@ -68,7 +68,7 @@
   <body class="directory">
     <input id="search" type="text" placeholder="Search" autocomplete="off" />
     <div id="wrapper">
-      <h1>{directory}</h1>
+      <h1>{linked-path}</h1>
       {files}
     </div>
   </body>