extends base.jade

block nav
    a(href=mainSite) Back to main website
    h1 Files

block content
    :go:func Index(title, mainSite, currentPath string, stats *files.DirStats, items *[]files.DirEntry, r *http.Request)
    :go:import "dwelling-files/pkg/files"
    :go:import "dwelling-files/pkg/utils"
    section
        span!= currentPath
        p Files: #{stats.Files} (#{stats.FilesSize}); Directories: #{stats.Directories}.
        input.hidden(type="text", name="filter" placeholder="Type in to filter this directory (case insensitive)")
        table
            thead
                tr
                    th Name
                    th Date
                    th Size
                tr(tabindex=0)
                    td #[a(href="../") ../]
            tbody
                each item, i in *items
                    tr(tabindex=i+1)
                        td #[a(href=item.Link) #{item.Name}]
                        td!= utils.ToClientTimezone(item.Datetime, r).Format(files.FileDateFormat)
                        td= item.Size
    section
        span!= currentPath
    section
        p On a page use up and down arrow keys to navigate through list. Use home and end keys to go to the start and end of a list. Use Ctrl+Backspace to return to a parent directory.
        p In an overlay use a mouse wheel to change a scale of a video or a picture. Use left and right arrow keys to go through media. Use space key to toggle pause. Use escape key to close an overlay, or click outside a media. An audio volume is being kept across site using LocalStorage API.
    div#overlay
        button(name='prev') ❰
        div
            div
            span
        button(name='next') ❱