Fix HTML

1 files changed, 104 insertions, 101 deletions

diff --git a/src/renderer.rs b/src/renderer.rs
index cbad557..3cc8eed 100644
--- a/src/renderer.rs
+++ b/src/renderer.rs
@@ -33,61 +33,64 @@ pub fn page(
     );
 
     html! {
-        (page_header(serve_path, color_scheme, file_upload, false))
-        body#drop-container {
-            @if file_upload {
-                div.drag-form {
-                    div.drag-title {
-                        h1 { "Drop your file here to upload it" }
+        (DOCTYPE)
+            html {
+            (page_header(serve_path, color_scheme, file_upload, false))
+            body#drop-container {
+                @if file_upload {
+                    div.drag-form {
+                        div.drag-title {
+                            h1 { "Drop your file here to upload it" }
+                        }
                     }
                 }
-            }
-            (color_scheme_selector(sort_method, sort_order, color_scheme, default_color_scheme, serve_path))
-            div.container {
-                span#top { }
-                h1.title { "Index of " (serve_path) }
-                div.toolbar {
-                    div.download {
-                        @for compression_method in CompressionMethod::iter() {
-                            (archive_button(compression_method, sort_method, sort_order, color_scheme, default_color_scheme))
+                (color_scheme_selector(sort_method, sort_order, color_scheme, default_color_scheme, serve_path))
+                div.container {
+                    span#top { }
+                    h1.title { "Index of " (serve_path) }
+                    div.toolbar {
+                        div.download {
+                            @for compression_method in CompressionMethod::iter() {
+                                (archive_button(compression_method, sort_method, sort_order, color_scheme, default_color_scheme))
+                            }
                         }
-                    }
-                    @if file_upload {
-                        div.upload {
-                            form id="file_submit" action=(upload_action) method="POST" enctype="multipart/form-data" {
-                                p { "Select a file to upload or drag it anywhere into the window" }
-                                div {
-                                    input#file-input type="file" name="file_to_upload" required="" {}
-                                    button type="submit" { "Upload file" }
+                        @if file_upload {
+                            div.upload {
+                                form id="file_submit" action=(upload_action) method="POST" enctype="multipart/form-data" {
+                                    p { "Select a file to upload or drag it anywhere into the window" }
+                                    div {
+                                        input#file-input type="file" name="file_to_upload" required="" {}
+                                        button type="submit" { "Upload file" }
+                                    }
                                 }
                             }
                         }
                     }
-                }
-                table {
-                    thead {
-                        th { (build_link("name", "Name", sort_method, sort_order, color_scheme, default_color_scheme)) }
-                        th { (build_link("size", "Size", sort_method, sort_order, color_scheme, default_color_scheme)) }
-                        th { (build_link("date", "Last modification", sort_method, sort_order, color_scheme, default_color_scheme)) }
-                    }
-                    tbody {
-                        @if !is_root {
-                            tr {
-                                td colspan="3" {
-                                    span.root-chevron { (chevron_left()) }
-                                    a.root href=(parametrized_link("../", sort_method, sort_order, color_scheme, default_color_scheme)) {
-                                        "Parent directory"
+                    table {
+                        thead {
+                            th { (build_link("name", "Name", sort_method, sort_order, color_scheme, default_color_scheme)) }
+                            th { (build_link("size", "Size", sort_method, sort_order, color_scheme, default_color_scheme)) }
+                            th { (build_link("date", "Last modification", sort_method, sort_order, color_scheme, default_color_scheme)) }
+                        }
+                        tbody {
+                            @if !is_root {
+                                tr {
+                                    td colspan="3" {
+                                        span.root-chevron { (chevron_left()) }
+                                        a.root href=(parametrized_link("../", sort_method, sort_order, color_scheme, default_color_scheme)) {
+                                            "Parent directory"
+                                        }
                                     }
                                 }
                             }
-                        }
-                        @for entry in entries {
-                            (entry_row(entry, sort_method, sort_order, color_scheme, default_color_scheme))
+                            @for entry in entries {
+                                (entry_row(entry, sort_method, sort_order, color_scheme, default_color_scheme))
+                            }
                         }
                     }
-                }
-                a.back href="#top" {
-                    (arrow_up())
+                    a.back href="#top" {
+                        (arrow_up())
+                    }
                 }
             }
         }
@@ -803,56 +806,53 @@ fn page_header(
     is_error: bool,
 ) -> Markup {
     html! {
-        (DOCTYPE)
-        html {
-            meta charset="utf-8";
-            meta http-equiv="X-UA-Compatible" content="IE=edge";
-            meta name="viewport" content="width=device-width, initial-scale=1";
-            @if is_error {
-                title { (serve_path) }
-            } else {
-                title { "Index of " (serve_path) }
-            }
-            style { (css(color_scheme)) }
-            @if file_upload {
-                (PreEscaped(r#"
-                <script>
-                    window.onload = function() {
-                        const dropContainer = document.querySelector('#drop-container');
-                        const dragForm = document.querySelector('.drag-form');
-                        const fileInput = document.querySelector('#file-input');
-                        const collection = [];
-
-                        dropContainer.ondragover = function(e) {
-                            e.preventDefault();
-                        }
+        meta charset="utf-8";
+        meta http-equiv="X-UA-Compatible" content="IE=edge";
+        meta name="viewport" content="width=device-width, initial-scale=1";
+        @if is_error {
+            title { (serve_path) }
+        } @else {
+            title { "Index of " (serve_path) }
+        }
+        style { (css(color_scheme)) }
+        @if file_upload {
+            (PreEscaped(r#"
+            <script>
+                window.onload = function() {
+                    const dropContainer = document.querySelector('#drop-container');
+                    const dragForm = document.querySelector('.drag-form');
+                    const fileInput = document.querySelector('#file-input');
+                    const collection = [];
+
+                    dropContainer.ondragover = function(e) {
+                        e.preventDefault();
+                    }
 
-                        dropContainer.ondragenter = function(e) {
-                            e.preventDefault();
-                            if (collection.length === 0) {
-                                dragForm.style.display = 'initial';
-                            }
-                            collection.push(e.target);
-                        };
-
-                        dropContainer.ondragleave = function(e) {
-                            e.preventDefault();
-                            collection.splice(collection.indexOf(e.target), 1);
-                            if (collection.length === 0) {
-                                dragForm.style.display = 'none';
-                            }
-                        };
+                    dropContainer.ondragenter = function(e) {
+                        e.preventDefault();
+                        if (collection.length === 0) {
+                            dragForm.style.display = 'initial';
+                        }
+                        collection.push(e.target);
+                    };
 
-                        dropContainer.ondrop = function(e) {
-                            e.preventDefault();
-                            fileInput.files = e.dataTransfer.files;
-                            file_submit.submit();
+                    dropContainer.ondragleave = function(e) {
+                        e.preventDefault();
+                        collection.splice(collection.indexOf(e.target), 1);
+                        if (collection.length === 0) {
                             dragForm.style.display = 'none';
-                        };
-                    }
-                </script>
-                "#))
-            }
+                        }
+                    };
+
+                    dropContainer.ondrop = function(e) {
+                        e.preventDefault();
+                        fileInput.files = e.dataTransfer.files;
+                        file_submit.submit();
+                        dragForm.style.display = 'none';
+                    };
+                }
+            </script>
+            "#))
         }
     }
 }
@@ -905,17 +905,20 @@ pub fn render_error(
     };
 
     html! {
-        body {
-            (page_header(&error_code.to_string(), color_scheme, false, true))
-            div.error {
-                p { (error_code.to_string()) }
-                @for error in error_description.lines() {
-                    p { (error) }
-                }
-                @if display_back_link {
-                    div.error-nav {
-                        a.error-back href=(link) {
-                            "Go back to file listing"
+        (DOCTYPE)
+        html {
+            body {
+                (page_header(&error_code.to_string(), color_scheme, false, true))
+                div.error {
+                    p { (error_code.to_string()) }
+                    @for error in error_description.lines() {
+                        p { (error) }
+                    }
+                    @if display_back_link {
+                        div.error-nav {
+                            a.error-back href=(link) {
+                                "Go back to file listing"
+                            }
                         }
                     }
                 }