73 lines
2.2 KiB
HTML
73 lines
2.2 KiB
HTML
{{define "file_manager"}}<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
{{template "meta_tags" "File Manager"}}
|
|
{{template "user_style" .}}
|
|
<style>{{template "file_manager.css" .}}</style>
|
|
</head>
|
|
|
|
<body>
|
|
<template id="tpl_spinner"><div id="spinner" class="spinner">{{template `spinner.svg` .}}</div></template>
|
|
|
|
{{template "page_menu" .}}
|
|
|
|
<div id="page_body" class="page_body">
|
|
<div id="file_manager" class="file_manager">
|
|
<div id="nav_bar" class="nav_bar highlight_1">
|
|
<button id="btn_menu" onclick="toggleMenu()">☰</button>
|
|
<!-- <div class="spacer"></div>
|
|
<button id="btn_back" >⇐</button id="btn_forward">
|
|
<button id="btn_up" >⇑</button id="btn_forward">
|
|
<button id="btn_forward">⇒</button>
|
|
<div class="spacer"></div>
|
|
<button id="btn_home">🏠</button> -->
|
|
<div class="spacer"></div>
|
|
<input class="breadcrumbs" type="text" value="/{{.User.Username}}"/>
|
|
<div class="spacer"></div>
|
|
<input id="input_search" class="input_search" type="text" placeholder="Search..."/>
|
|
<div class="spacer"></div>
|
|
<button id="btn_reload">↻</button>
|
|
</div>
|
|
|
|
<div id="directory_area" class="directory_area">
|
|
<div id="directory_sorters" class="directory_sorters"></div>
|
|
</div>
|
|
<div id="directory_footer" class="status_bar highlight_1"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
'use strict';
|
|
let apiEndpoint = '{{.APIEndpoint}}';
|
|
{{template `util.js`}}
|
|
{{template `DirectoryElement.js`}}
|
|
{{template `FileManager.js`}}
|
|
|
|
let fm = null;
|
|
window.addEventListener("load", () => {
|
|
fm = new FileManager(document.getElementById("file_manager"))
|
|
|
|
let breadcrumbs = document.querySelector("#nav_bar > .breadcrumbs")
|
|
|
|
let hashChange = () => {
|
|
if (window.location.hash === "#files") {
|
|
breadcrumbs.value = "/{{.User.Username}}/Files"
|
|
fm.getUserFiles()
|
|
} else if (window.location.hash === "#lists") {
|
|
breadcrumbs.value = "/{{.User.Username}}/Lists"
|
|
fm.getUserLists()
|
|
} else {
|
|
alert("invalid file manager type")
|
|
}
|
|
}
|
|
|
|
hashChange()
|
|
|
|
window.addEventListener("hashchange", hashChange)
|
|
})
|
|
</script>
|
|
{{template "analytics"}}
|
|
</body>
|
|
</html>
|
|
{{end}}
|