5 files changed, 263 insertions, 0 deletions

diff --git a/static/dnd-upload.js b/static/dnd-upload.js
new file mode 100644
index 0000000..2623cc2
--- /dev/null
+++ b/static/dnd-upload.js
@@ -0,0 +1,173 @@
+function template(text, data) {
+    var render;
+    var escaper = /\\|'|\r|\n|\t|\u2028|\u2029/g;
+    var settings = {
+        evaluate    : /<%([\s\S]+?)%>/g,
+        interpolate : /<%=([\s\S]+?)%>/g
+    };
+
+    // Combine delimiters into one regular expression via alternation.
+    var matcher = new RegExp([
+            (settings.interpolate || noMatch).source,
+            (settings.evaluate || noMatch).source
+            ].join('|') + '|$', 'g');
+
+    // Compile the template source, escaping string literals appropriately.
+    var index = 0;
+    var source = "__p+='";
+    text.replace(matcher, function(match, interpolate, evaluate, offset) {
+        source += text.slice(index, offset)
+        .replace(escaper, function(match) { return '\\' + escapes[match]; });
+
+    if (interpolate) {
+        source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'";
+    }
+    if (evaluate) {
+        source += "';\n" + evaluate + "\n__p+='";
+    }
+    index = offset + match.length;
+    return match;
+    });
+    source += "';\n";
+
+    source = "var __t,__p='',__j=Array.prototype.join," +
+        "print=function(){__p+=__j.call(arguments,'');};\n" +
+        source + "return __p;\n";
+
+    try {
+        render = new Function('obj', source);
+    } catch (e) {
+        e.source = source;
+        throw e;
+    }
+
+    if (data) return render(data);
+    var template = function(data) {
+        return render.call(this, data);
+    };
+
+    // Provide the compiled function source as a convenience for precompilation.
+    template.source = 'function(obj){\n' + source + '}';
+
+    return template;
+}
+
+var tests = {
+    filereader: typeof FileReader != 'undefined',
+    dnd: 'draggable' in document.createElement('span'),
+    formdata: !!window.FormData,
+    progress: "upload" in new XMLHttpRequest
+};
+
+var UploadTemplate = template(
+'<div>' +
+    '<label class="dnd-overwrite">Overwrite files ' +
+        '<input type="checkbox" name="overwrite" id="overwrite-check" checked />' +
+    '</label>' +
+    '<div id="dnd-upload"></div>' +
+'</div>'
+);
+
+var oldOnReady = document.onreadystatechange;
+document.onreadystatechange = function() {
+    if (document.readyState !== "complete") {
+        return;
+    }
+
+    if (typeof oldOnReady === "function") {
+        oldOnReady();
+    }
+
+    if (document.title.indexOf("Attachments for ") == -1) {
+        return;
+    }
+
+    for (key in tests) {
+        if (tests[key] !== true) {
+            return;
+        }
+    }
+
+    document.getElementsByTagName("h2")[0].insertAdjacentHTML('afterend', UploadTemplate());
+    var holder = document.getElementById('dnd-upload');
+
+    holder.ondragover = function () {
+        this.className = 'hover';
+        return false;
+    };
+
+    holder.ondragend = function () {
+        this.className = '';
+        return false;
+    };
+
+    holder.ondrop = function (e) {
+        this.className = '';
+        e.preventDefault();
+        readfiles(e.dataTransfer.files);
+    }
+};
+
+function createElement(tag, attributes, innerHTML) {
+    var element = document.createElement(tag);
+
+    for (key in attributes) {
+        element.setAttribute(key, attributes[key]);
+    }
+
+    if (typeof innerHTML !== "undefined") {
+        element.innerHTML = innerHTML;
+    }
+
+    return element;
+};
+
+function postFile(file) {
+    var size = file.size;
+    var units = ['G', 'M', 'K', 'B'];
+    var xhr = new XMLHttpRequest();
+    var formData = new FormData();
+
+    formData.append('ticket', document.getElementsByName("ticket")[0].value);
+    formData.append('action', 'AttachFile');
+    formData.append('do', 'upload');
+    formData.append('file', file);
+
+    if (document.getElementById("overwrite-check").checked) {
+        formData.append('overwrite', '1');
+    }
+
+    while (size >= 1024) {
+        size = size / 1024 | 0;
+        units.pop();
+    }
+
+    var progress = createElement('progress', { min: 0, max: 100, value: 0 });
+    var progContainer = createElement('div', { "class": "progressbar" });
+    var sizeSpan = createElement("span", { "class": "size" }, size + units[units.length - 1]);
+    var item = createElement('li');
+
+    progContainer.appendChild(progress);
+    progContainer.appendChild(sizeSpan);
+
+    item.appendChild(createElement('span', { "class": "filename" }, file.name));
+    item.appendChild(progContainer);
+
+    document.getElementById("dnd-upload").appendChild(item);
+
+    xhr.open('POST', window.location.pathname);
+    xhr.onload = function() { progress.value = 100; };
+
+    xhr.upload.onprogress = function (event) {
+        if (!event.lengthComputable) { return; }
+        progress.value = (event.loaded / event.total * 100 | 0);
+    }
+
+    xhr.send(formData);
+}
+
+function readfiles(files) {
+    for (var i = 0; i < files.length; i++) {
+        postFile(files[i]);
+    }
+}
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..6bddf19
--- /dev/null
+++ b/static/favicon.ico
diff --git a/static/iphone-icon.png b/static/iphone-icon.png
new file mode 100644
index 0000000..a30c344
--- /dev/null
+++ b/static/iphone-icon.png
diff --git a/static/logo.png b/static/logo.png
new file mode 100644
index 0000000..d01667a
--- /dev/null
+++ b/static/logo.png
diff --git a/static/mcrute.css b/static/mcrute.css
new file mode 100644
index 0000000..c579ae0
--- /dev/null
+++ b/static/mcrute.css
@@ -0,0 +1,90 @@
+h1, h2, h3, h4, h5 {
+    font-family: Georgia, serif;
+    font-weight: bolder;
+}
+
+ul#pagelocation,
+ul#pagelocation li {
+    font-family: Georgia, serif;
+    font-weight: bolder;
+    color: #0044B3;
+}
+
+table.navigation {
+    float: none;
+    margin: 0px;
+}
+
+table.navigation a {
+    display: block;
+}
+
+pre {
+    font-family: "Courier New", "Courier", monospace;
+}
+
+table.timecsv {
+    width: 50%;
+}
+
+table.timecsv tr.active {
+    background-color: #66FF66;
+}
+
+table.timecsv thead tr {
+    background-color: #CCCCCC;
+}
+
+.hcolumn0, .hcolumn1, .hcolumn2, .hcolumn3, .hcolumn4, .hcolumn5, .hcolumn6,
+.hcolumn7, .hcolumn8, .hcolumn9, .hcolumn10, .hcolumn11, .hcolumn12,
+.hcolumn13, .hcolumn14, .hcolumn15, .hcolumn16, .hcolumn17, .hcolumn18,
+.hcolumn19, .hcolumn20, .hcolumn21, .hcolumn22, .hcolumn23, .hcolumn24,
+.hcolumn25, .hcolumn26, .hcolumn27, .hcolumn28, .hcolumn29, .hcolumn30 {
+    background-color: #CCCCCC;
+}
+
+
+
+/* iPhone */
+@media screen and (max-width: 500px) {
+ #logo, #locationline, #pagetrail, #navibar, #pageline, #pageinfo { display: none; }
+ #page { padding: 0 0.5em; }
+ #header .editbar form { display: none; }
+ table.timecsv { width: 97%; }
+
+ /* Editor Page */
+ #page-editor input[name="button_switch"],
+ #page-editor input[name="button_spellcheck"],
+ #page-editor #chktrivialtop,
+ #page-editor label[for="chktrivialtop"]
+ {
+     display: none !important;
+ }
+
+ #page-editor #header, #page-editor #footer, #page-editor #editor-help, #page-editor form p {
+     display: none;
+ }
+
+ #page-editor #page {
+     margin: 0;
+     padding: 0;
+ }
+
+ #page-editor textarea {
+     border: none;
+     height: 90vh;
+     width: 100%;
+ }
+}
+
+
+/* DND Upload Control */
+#dnd-upload { border: 10px dashed #ccc; min-height: 100px; margin: 20px auto; padding: 1em;}
+#dnd-upload.hover { border: 10px dashed #0c0; }
+.dnd-overwrite { color: red; display: block; text-align: right; }
+ 
+#dnd-upload li { list-style: none; padding: 1em; }
+#dnd-upload .filename { font-weight: bolder; }
+.progressbar { float: right; }
+.progressbar progress { margin-right: 1em; }
+.progressbar .size { display: inline-block; width: 3em; text-align: right; }