2018-06-25 23:05:18 +02:00
|
|
|
{{define "file_manager"}}<!DOCTYPE html>
|
2020-01-17 20:32:21 +01:00
|
|
|
<html lang="en">
|
2018-06-25 23:05:18 +02:00
|
|
|
<head>
|
|
|
|
|
{{template "meta_tags" "File Manager"}}
|
2019-02-18 13:37:41 +01:00
|
|
|
{{template "user_style" .}}
|
2020-02-03 17:28:26 +01:00
|
|
|
<style>{{template "file_manager.css" .}}</style>
|
2018-06-25 23:05:18 +02:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2020-01-28 22:36:29 +01:00
|
|
|
<template id="tpl_spinner"><div id="spinner" class="spinner">{{template `spinner.svg` .}}</div></template>
|
|
|
|
|
|
2019-12-10 14:47:11 +01:00
|
|
|
{{template "page_menu" .}}
|
|
|
|
|
|
|
|
|
|
<div id="page_body" class="page_body">
|
2020-01-28 22:36:29 +01:00
|
|
|
<div id="file_manager" class="file_manager">
|
2020-03-10 17:06:52 +01:00
|
|
|
<div id="nav_bar" class="nav_bar highlight_1">
|
2020-02-03 17:28:26 +01:00
|
|
|
<button id="btn_menu" onclick="toggleMenu()">☰</button>
|
|
|
|
|
<!-- <div class="spacer"></div>
|
2020-01-28 22:36:29 +01:00
|
|
|
<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>
|
2020-02-03 17:28:26 +01:00
|
|
|
<button id="btn_home">🏠</button> -->
|
2020-01-28 22:36:29 +01:00
|
|
|
<div class="spacer"></div>
|
2020-06-07 21:12:48 +02:00
|
|
|
<input class="breadcrumbs" type="text" value="/{{.User.Username}}"/>
|
2020-01-28 22:36:29 +01:00
|
|
|
<div class="spacer"></div>
|
|
|
|
|
<input id="input_search" class="input_search" type="text" placeholder="Search..."/>
|
|
|
|
|
<div class="spacer"></div>
|
|
|
|
|
<button id="btn_reload">↻</button>
|
2019-12-10 14:47:11 +01:00
|
|
|
</div>
|
2020-02-03 17:28:26 +01:00
|
|
|
|
|
|
|
|
<div id="directory_area" class="directory_area">
|
|
|
|
|
<div id="directory_sorters" class="directory_sorters"></div>
|
|
|
|
|
</div>
|
2020-03-10 17:06:52 +01:00
|
|
|
<div id="directory_footer" class="status_bar highlight_1"></div>
|
2018-07-09 23:19:16 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2020-01-28 22:36:29 +01:00
|
|
|
<script>
|
|
|
|
|
'use strict';
|
|
|
|
|
let apiEndpoint = '{{.APIEndpoint}}';
|
|
|
|
|
{{template `util.js`}}
|
2020-02-03 17:28:26 +01:00
|
|
|
{{template `DirectoryElement.js`}}
|
2020-01-28 22:36:29 +01:00
|
|
|
{{template `FileManager.js`}}
|
|
|
|
|
|
2020-01-30 22:55:32 +01:00
|
|
|
let fm = null;
|
2020-01-28 22:36:29 +01:00
|
|
|
window.addEventListener("load", () => {
|
2020-02-03 17:28:26 +01:00
|
|
|
fm = new FileManager(document.getElementById("file_manager"))
|
|
|
|
|
|
|
|
|
|
let breadcrumbs = document.querySelector("#nav_bar > .breadcrumbs")
|
|
|
|
|
|
2020-05-05 22:03:34 +02:00
|
|
|
let hashChange = () => {
|
|
|
|
|
if (window.location.hash === "#files") {
|
2020-06-07 21:12:48 +02:00
|
|
|
breadcrumbs.value = "/{{.User.Username}}/Files"
|
2020-05-05 22:03:34 +02:00
|
|
|
fm.getUserFiles()
|
|
|
|
|
} else if (window.location.hash === "#lists") {
|
2020-06-07 21:12:48 +02:00
|
|
|
breadcrumbs.value = "/{{.User.Username}}/Lists"
|
2020-05-05 22:03:34 +02:00
|
|
|
fm.getUserLists()
|
|
|
|
|
} else {
|
|
|
|
|
alert("invalid file manager type")
|
|
|
|
|
}
|
2020-02-03 17:28:26 +01:00
|
|
|
}
|
2020-05-05 22:03:34 +02:00
|
|
|
|
|
|
|
|
hashChange()
|
|
|
|
|
|
|
|
|
|
window.addEventListener("hashchange", hashChange)
|
2020-02-03 17:28:26 +01:00
|
|
|
})
|
2020-01-28 22:36:29 +01:00
|
|
|
</script>
|
2018-06-25 23:05:18 +02:00
|
|
|
{{template "analytics"}}
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
{{end}}
|
