fastcloud/templates/dir.html.hbs

59 lines
4.3 KiB
Handlebars
Raw Normal View History

2022-03-01 11:18:48 -05:00
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
</head>
<body>
<div class="vstack gap-3">
<div class="bg-light border rounded-3 p-2">
<div class="d-grid gap-2">
2022-03-02 00:17:19 -05:00
<form action="/upload/{{current.0.path}}" method="post" enctype="multipart/form-data">
2022-03-02 11:01:46 -05:00
<input type="file" id="file" name="upload" onchange="this.form.submit()" hidden/>
2022-03-02 00:17:19 -05:00
</form>
2022-03-02 11:01:46 -05:00
<div class="d-flex flex-row">
<a type="button" class="btn btn-outline-primary text-start col-sm-1 ms-1 me-1" href="/serve/{{parent.0.path}}" role="button">
..
</a>
<a type="button" class="btn btn-outline-secondary text-start col-sm-1 ms-1 me-1" href="/logout" role="button">
Logout
</a>
<button class="btn btn-outline-success text-start col-sm-1 ms-1 me-1" onclick="document.getElementById('file').click()">
<i class="bi bi-file-earmark-plus"></i>
</button>
</div>
2022-03-01 11:18:48 -05:00
{{#each ctx}}
<div class="d-flex flex-row">
{{#if is_file}}
2022-03-02 15:50:45 -05:00
<a type="button" class="btn btn-outline-secondary text-start col-sm-3" href="/file/{{path}}" role="button" style="overflow: hidden;">
2022-03-01 11:18:48 -05:00
<i class="bi bi-file-earmark"></i>
{{name}}
</a>
{{else}}
2022-03-02 15:50:45 -05:00
<a type="button" class="btn btn-outline-secondary text-start col-sm-3" href="/serve/{{path}}" role="button" style="overflow: hidden;">
2022-03-01 11:18:48 -05:00
<i class="bi bi-folder-fill"></i>
{{name}}
</a>
{{/if}}
2022-03-02 11:01:46 -05:00
<a type="button" class="btn btn-outline-danger text-start ms-1 me-1" href="/del/{{path}}" role="button">
<i class="bi bi-trash"></i>
</a>
2022-03-01 11:18:48 -05:00
</div>
{{/each}}
2022-03-02 11:01:46 -05:00
<div class="d-flex flex-row">
<form class='form-inline' action="/dir/{{current.0.path}}" method="post" id = "create-form">
<div class="input-group mb-3 flex-nowrap">
<input type="text" class="form-control" id="name" name="name" placeholder = "Create Folder"/>
</div>
</form>
</div>
2022-03-01 11:18:48 -05:00
</div>
</div>
</div>
2022-03-02 11:01:46 -05:00
<script>
document.getElementById("name").addEventListener("keyup", function (event) { if (event.keyCode == 13) { document.getElementById("create-form").submit(); }});
</script>
2022-03-01 11:18:48 -05:00
</body>
</html>