| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 | |
| 3 <html i18n-values="dir:textdirection;lang:language"> | |
| 4 | |
| 5 <head> | |
| 6 <meta charset="utf-8"> | |
| 7 | |
| 8 <script> | |
| 9 function addRow(name, url, isdir, size, date_modified) { | |
| 10 if (name == ".") | |
| 11 return; | |
| 12 | |
| 13 var root = "" + document.location; | |
| 14 if (root.substr(-1) !== "/") | |
| 15 root += "/"; | |
| 16 | |
| 17 var table = document.getElementById("table"); | |
| 18 var row = document.createElement("tr"); | |
| 19 var file_cell = document.createElement("td"); | |
| 20 var link = document.createElement("a"); | |
| 21 | |
| 22 link.className = isdir ? "icon dir" : "icon file"; | |
| 23 | |
| 24 if (name == "..") { | |
| 25 link.href = root + ".."; | |
| 26 link.innerText = document.getElementById("parentDirText").innerText; | |
| 27 link.className = "icon up"; | |
| 28 size = ""; | |
| 29 date_modified = ""; | |
| 30 } else { | |
| 31 if (isdir) { | |
| 32 name = name + "/"; | |
| 33 url = url + "/"; | |
| 34 size = ""; | |
| 35 } else { | |
| 36 link.draggable = "true"; | |
| 37 link.addEventListener("dragstart", onDragStart, false); | |
| 38 } | |
| 39 link.innerText = name; | |
| 40 link.href = root + url; | |
| 41 } | |
| 42 file_cell.appendChild(link); | |
| 43 | |
| 44 row.appendChild(file_cell); | |
| 45 row.appendChild(createCell(size)); | |
| 46 row.appendChild(createCell(date_modified)); | |
| 47 | |
| 48 table.appendChild(row); | |
| 49 } | |
| 50 | |
| 51 function onDragStart(e) { | |
| 52 var el = e.srcElement; | |
| 53 var name = el.innerText.replace(":", ""); | |
| 54 var download_url_data = "application/octet-stream:" + name + ":" + el.href; | |
| 55 e.dataTransfer.setData("DownloadURL", download_url_data); | |
| 56 e.dataTransfer.effectAllowed = "copy"; | |
| 57 } | |
| 58 | |
| 59 function createCell(text) { | |
| 60 var cell = document.createElement("td"); | |
| 61 cell.setAttribute("class", "detailsColumn"); | |
| 62 cell.innerText = text; | |
| 63 return cell; | |
| 64 } | |
| 65 | |
| 66 function start(location) { | |
| 67 var header = document.getElementById("header"); | |
| 68 header.innerText = header.innerText.replace("LOCATION", location); | |
| 69 | |
| 70 document.getElementById("title").innerText = header.innerText; | |
| 71 } | |
| 72 | |
| 73 function onListingParsingError() { | |
| 74 var box = document.getElementById("listingParsingErrorBox"); | |
| 75 box.innerHTML = box.innerHTML.replace("LOCATION", encodeURI(document.location) | |
| 76 + "?raw"); | |
| 77 box.style.display = "block"; | |
| 78 } | |
| 79 </script> | |
| 80 | |
| 81 <style> | |
| 82 | |
| 83 h1 { | |
| 84 border-bottom: 1px solid #c0c0c0; | |
| 85 margin-bottom: 10px; | |
| 86 padding-bottom: 10px; | |
| 87 white-space: nowrap; | |
| 88 } | |
| 89 | |
| 90 table { | |
| 91 border-collapse: collapse; | |
| 92 } | |
| 93 | |
| 94 tr.header { | |
| 95 font-weight: bold; | |
| 96 } | |
| 97 | |
| 98 td.detailsColumn { | |
| 99 -webkit-padding-start: 2em; | |
| 100 text-align: end; | |
| 101 white-space: nowrap; | |
| 102 } | |
| 103 | |
| 104 a.icon { | |
| 105 -webkit-padding-start: 1.5em; | |
| 106 text-decoration: none; | |
| 107 } | |
| 108 | |
| 109 a.icon:hover { | |
| 110 text-decoration: underline; | |
| 111 } | |
| 112 | |
| 113 a.file { | |
| 114 background : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIA
AACQkWg2AAAABnRSTlMAAAAAAABupgeRAAABHUlEQVR42o2RMW7DIBiF3498iHRJD5JKHurL+CRVBp+i
2T16tTynF2gO0KSb5ZrBBl4HHDBuK/WXACH4eO9/CAAAbdvijzLGNE1TVZXfZuHg6XCAQESAZXbOKaXO
57eiKG6ft9PrKQIkCQqFoIiQFBGlFIB5nvM8t9aOX2Nd18oDzjnPgCDpn/BH4zh2XZdlWVmWiUK4IgCB
oFMUz9eP6zRN75cLgEQhcmTQIbl72O0f9865qLAAsURAAgKBJKEtgLXWvyjLuFsThCSstb8rBCaAQhDY
WgIZ7myM+TUBjDHrHlZcbMYYk34cN0YSLcgS+wL0fe9TXDMbY33fR2AYBvyQ8L0Gk8MwREBrTfKe4TpT
zwhArXWi8HI84h/1DfwI5mhxJamFAAAAAElFTkSuQmCC ") left top no-repeat; | |
| 115 } | |
| 116 | |
| 117 a.dir { | |
| 118 background : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYA
AAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ
/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxA
FvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6Pit
rT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVf
yZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq
60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rK
UoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZ
YJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5
Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVO
RK5CYII= ") left top no-repeat; | |
| 119 } | |
| 120 | |
| 121 a.up { | |
| 122 background : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYA
AAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmlJREFUeNpsU0toU0EU
PfPysx/tTxuDH9SCWhUDooIbd7oRUUTMouqi2iIoCO6lceHWhegy4EJFinWjrlQUpVm0IIoFpVDEIthm
0dpikpf3ZuZ6Z94nrXhhMjM3c8895977BBHB2PznK8WPtDgyWH5q77cPH8PpdXuhpQT4ifR9u5sfJb1b
mw6VivahATDrxcRZ2njfoaMv+2j7mLDn93MPiNRMvGbL18L9IpF8h9/TN+EYkMffSiOXJ5+hkD+PdqcL
pICWHOHc2CC+LEyA/K+cKQMnlQHJX8wqYG3MAJy88Wa4OLDvEqAEOpJd0LxHIMdHBziowSwVlF8D6Qai
cK01krw/JynwcKoEwZczewroTvZirlKJs5CqQ5CG8pb57FnJUA0LYCXMX5fibd+p8LWDDemcPZbzQyjv
H+Ki1TlIciElA7ghwLKV4kRZstt2sANWRjYTAGzuP2hXZFpJ/GsxgGJ0ox1aoFWsDXyyxqCs26+ydmag
FN/rRjymJ1898bzGzmQE0HCZpmk5A0RFIv8Pn0WYPsiu6t/Rsj6PauVTwffTSzGAGZhUG2F06hEc9ibS
7OPMNp6ErYFlKavo7MkhmTqCxZ/jwzGA9Hx82H2BZSw1NTN9Gx8ycHkajU/7M+jInsDC7DiaEmo1bNl1
AMr9ASFgqVu9MCTIzoGUimXVAnnaN0PdBBDCCYbEtMk6wkpQwIG0sn0PQIUF4GsTwLSIFKNqF6DVrQq+
IWVrQDxAYQC/1SsYOI4pOxKZrfifiUSbDUisif7XlpGIPufXd/uvdvZm760M0no1FZcnrzUdjw7au3vu
/BVgAFLXeuTxhTXVAAAAAElFTkSuQmCC ") left top no-repeat; | |
| 123 } | |
| 124 | |
| 125 html[dir=rtl] a { | |
| 126 background-position-x: right; | |
| 127 } | |
| 128 | |
| 129 #listingParsingErrorBox { | |
| 130 border: 1px solid black; | |
| 131 background: #fae691; | |
| 132 padding: 10px; | |
| 133 display: none; | |
| 134 } | |
| 135 </style> | |
| 136 | |
| 137 <title id="title"></title> | |
| 138 | |
| 139 </head> | |
| 140 | |
| 141 <body> | |
| 142 | |
| 143 <div id="listingParsingErrorBox" i18n-values=".innerHTML:listingParsingErrorBoxT
ext"></div> | |
| 144 | |
| 145 <span id="parentDirText" style="display:none" i18n-content="parentDirText"></spa
n> | |
| 146 | |
| 147 <h1 id="header" i18n-content="header"></h1> | |
| 148 | |
| 149 <table id="table"> | |
| 150 <tr class="header"> | |
| 151 <td i18n-content="headerName"></td> | |
| 152 <td class="detailsColumn" i18n-content="headerSize"></td> | |
| 153 <td class="detailsColumn" i18n-content="headerDateModified"></td> | |
| 154 </tr> | |
| 155 </table> | |
| 156 | |
| 157 </body> | |
| 158 | |
| 159 </html> | |
| OLD | NEW |