vnfmarket/src/main/webapp/vnfmarket/node_modules/serve-index/public/directory.html

   1 <!DOCTYPE html>\r
   2 <html>\r
   3   <head>\r
   4     <meta charset='utf-8'> \r
   5     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />\r
   6     <title>listing directory {directory}</title>\r
   7     <style>{style}</style>\r
   8     <script>\r
   9       function $(id){\r
  10         var el = 'string' == typeof id\r
  11           ? document.getElementById(id)\r
  12           : id;\r
  13 \r
  14         el.on = function(event, fn){\r
  15           if ('content loaded' == event) {\r
  16             event = window.attachEvent ? "load" : "DOMContentLoaded";\r
  17           }\r
  18           el.addEventListener\r
  19             ? el.addEventListener(event, fn, false)\r
  20             : el.attachEvent("on" + event, fn);\r
  21         };\r
  22 \r
  23         el.all = function(selector){\r
  24           return $(el.querySelectorAll(selector));\r
  25         };\r
  26 \r
  27         el.each = function(fn){\r
  28           for (var i = 0, len = el.length; i < len; ++i) {\r
  29             fn($(el[i]), i);\r
  30           }\r
  31         };\r
  32 \r
  33         el.getClasses = function(){\r
  34           return this.getAttribute('class').split(/\s+/);\r
  35         };\r
  36 \r
  37         el.addClass = function(name){\r
  38           var classes = this.getAttribute('class');\r
  39           el.setAttribute('class', classes\r
  40             ? classes + ' ' + name\r
  41             : name);\r
  42         };\r
  43 \r
  44         el.removeClass = function(name){\r
  45           var classes = this.getClasses().filter(function(curr){\r
  46             return curr != name;\r
  47           });\r
  48           this.setAttribute('class', classes.join(' '));\r
  49         };\r
  50 \r
  51         return el;\r
  52       }\r
  53 \r
  54       function search() {\r
  55         var str = $('search').value\r
  56           , links = $('files').all('a');\r
  57 \r
  58         links.each(function(link){\r
  59           var text = link.textContent;\r
  60 \r
  61           if ('..' == text) return;\r
  62           if (str.length && ~text.indexOf(str)) {\r
  63             link.addClass('highlight');\r
  64           } else {\r
  65             link.removeClass('highlight');\r
  66           }\r
  67         });\r
  68       }\r
  69 \r
  70       $(window).on('content loaded', function(){\r
  71         $('search').on('keyup', search);\r
  72       });\r
  73     </script>\r
  74   </head>\r
  75   <body class="directory">\r
  76     <input id="search" type="text" placeholder="Search" autocomplete="off" />\r
  77     <div id="wrapper">\r
  78       <h1><a href="/">~</a>{linked-path}</h1>\r
  79       {files}\r
  80     </div>\r
  81   </body>\r
  82 </html>