ambrose
/
file-manager
mirror of https://github.com/serverwentdown/file-manager.git
1
0
Fork 0
Code Releases Activity

Add tooltips

pull/2/head
Ambrose Chua 2018-03-12 09:55:29 +09:00
parent 3932f84586
commit 6baff41d8e
5 changed files with 48 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
assets/list.js Normal file
View File

@ -0,0 +1,5 @@
/* jshint esversion: 6 */
$(document).ready(() => {
$("[title]").tooltip();
});

2
assets/shell.js
View File

@ -49,7 +49,7 @@ $(document).ready(() => {
window.term = term; window.term = term;
term.decorate(document.getElementById("shell")); term.decorate(document.getElementById("shell"));
// force custom size // force custom size
$shell.find("iframe").css("height", "calc(100% - 52px * 2)"); $shell.find("iframe").css("height", "calc(100% - 56px * 2)");
term.setCursorPosition(0, 0); term.setCursorPosition(0, 0);
term.setCursorVisible(true); term.setCursorVisible(true);

28
views/layouts/main.handlebars
View File

@ -4,23 +4,29 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title>File Manager</title> <title>File Manager</title>
<link rel="stylesheet" href="/octicons/font/octicons.min.css" /> <link rel="stylesheet" href="/octicons/font/octicons.min.css" />
<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css" /> <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css" />
<script src="/jquery/jquery.min.js"></script> <script src="/jquery/jquery.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script> <script src="/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="/filesize/filesize.js"></script> <script src="/filesize/filesize.js"></script>
<link rel="stylesheet" href="/assets/fonts.css" />
<link rel="stylesheet" href="/assets/list.css" />
<script src="/assets/multi.js"></script>
<link rel="stylesheet" href="/assets/upload.css" />
<script src="/assets/upload.js"></script>
<link rel="stylesheet" href="/assets/login.css" />
<script src="/assets/login.js"></script>
<link rel="stylesheet" href="/assets/cmd.css" />
<link rel="stylesheet" href="/assets/shell.css" />
<script src="/socket.io/socket.io.js"></script> <script src="/socket.io/socket.io.js"></script>
<script src="/assets/hterm_all.js"></script> <script src="/assets/hterm_all.js"></script>
<link rel="stylesheet" href="/assets/fonts.css" />
<link rel="stylesheet" href="/assets/list.css" />
<script src="/assets/list.js"></script>
<script src="/assets/multi.js"></script>
<link rel="stylesheet" href="/assets/upload.css" />
<script src="/assets/upload.js"></script>
<link rel="stylesheet" href="/assets/login.css" />
<script src="/assets/login.js"></script>
<link rel="stylesheet" href="/assets/cmd.css" />
<link rel="stylesheet" href="/assets/shell.css" />
<script src="/assets/shell.js"></script> <script src="/assets/shell.js"></script>
</head> </head>
<body> <body>

40
views/partials/toolbar.handlebars
View File

@ -1,42 +1,44 @@
<nav class="navbar navbar-light bg-light fixed-bottom justify-content-between"> <nav class="navbar navbar-light bg-light fixed-bottom p-1 px-2">
<div class="btn-group mr-2" role="group"> <div class="btn-group m-1" role="group">
<a class="btn btn-primary" href="@upload" data-toggle="modal" data-target="#upload"> <a class="btn btn-primary" href="@upload" data-toggle="modal" data-target="#upload" data-placement="top" title="Upload">
<span class="octicon octicon-cloud-upload"></span> <span class="octicon octicon-cloud-upload"></span>
Upload <span class="d-none d-sm-inline">Upload</span>
</a> </a>
<a class="btn btn-secondary" href="@mkdir" data-toggle="modal" data-target="#mkdir"> <a class="btn btn-secondary" href="@mkdir" data-toggle="modal" data-target="#mkdir" data-placement="top" title="New folder">
<span class="octicon octicon-file-directory"></span> <span class="octicon octicon-file-directory"></span>
New folder <span class="d-none d-md-inline">New folder</span>
</a> </a>
</div>
<div class="btn-group m-1" role="group">
{{#if cmdable}} {{#if cmdable}}
<a class="btn btn-warning" href="@cmd" data-toggle="modal" data-target="#cmd"> <a class="btn btn-warning" href="@cmd" data-toggle="modal" data-target="#cmd" data-placement="top" title="Run command">
<span class="octicon octicon-terminal"></span> <span class="octicon octicon-terminal"></span>
Run command <span class="d-none d-md-inline">Run command</span>
</a> </a>
{{/if}} {{/if}}
{{#if shellable}} {{#if shellable}}
<a class="btn btn-warning" href="@shell"> <a class="btn btn-warning" href="@shell" data-placement="top" title="Open shell">
<span class="octicon octicon-terminal"></span> <span class="octicon octicon-terminal"></span>
Open shell <span class="d-none d-md-inline">Open shell</span>
</a> </a>
{{/if}} {{/if}}
</div> </div>
<div class="btn-group mr-2" role="group"> <div class="btn-group m-1" role="group">
<a class="btn btn-success" href="@download" data-toggle="modal" data-target="#download"> <a class="btn btn-success" href="@download" data-toggle="modal" data-target="#download" data-placement="top" title="Download files as zip">
<span class="octicon octicon-file-zip"></span> <span class="octicon octicon-file-zip"></span>
Download <span class="d-none d-md-inline">Download</span>
</a> </a>
</div> </div>
<div class="btn-group mr-auto" role="group"> <div class="btn-group m-1" role="group">
<a class="btn btn-danger" href="@delete" data-toggle="modal" data-target="#delete"> <a class="btn btn-danger" href="@delete" data-toggle="modal" data-target="#delete" data-placement="top" title="Delete files">
<span class="octicon octicon-trashcan"></span> <span class="octicon octicon-trashcan"></span>
Delete <span class="d-none d-md-inline">Delete</span>
</a> </a>
</div> </div>
<div class="btn-group" role="group"> <div class="btn-group m-1 ml-auto" role="group">
<a class="btn btn-warning" href="./"> <a class="btn btn-warning" href="./" data-placement="top" title="Refresh list">
<span class="octicon octicon-sync"></span> <span class="octicon octicon-sync"></span>
Refresh <span class="d-none d-lg-inline">Refresh</span>
</a> </a>
</div> </div>
</nav> </nav>

8
views/shell.handlebars
View File

@ -6,13 +6,13 @@
<nav class="navbar navbar-light bg-light fixed-bottom justify-content-between"> <nav class="navbar navbar-light bg-light fixed-bottom justify-content-between">
<div class="btn-group mr-auto" role="group"> <div class="btn-group mr-auto" role="group">
<a class="btn btn-primary" href="/{{path}}" class="shell-close"> <a class="btn btn-danger" href="/{{path}}" class="shell-close" data-placement="top" title="Close and return to folder">
<span class="octicon octicon-chevron-left"></span> <span class="octicon octicon-chevron-left"></span>
Close shell <span class="d-none d-sm-inline">Close shell</span>
</a> </a>
<a class="btn btn-warning" href="@shell" target="_blank"> <a class="btn btn-warning" href="@shell" target="_blank" data-placement="top" title="Open shell in new tab">
<span class="octicon octicon-terminal"></span> <span class="octicon octicon-terminal"></span>
New shell <span class="d-none d-sm-inline">New shell</span>
</a> </a>
</div> </div>
</nav> </nav>