1
0
Fork 0

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

5
assets/list.js Normal file
View File

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

View File

@ -49,7 +49,7 @@ $(document).ready(() => {
window.term = term;
term.decorate(document.getElementById("shell"));
// 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.setCursorVisible(true);

View File

@ -4,23 +4,29 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>File Manager</title>
<link rel="stylesheet" href="/octicons/font/octicons.min.css" />
<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css" />
<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>
<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="/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>
</head>
<body>

View File

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

View File

@ -6,13 +6,13 @@
<nav class="navbar navbar-light bg-light fixed-bottom justify-content-between">
<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>
Close shell
<span class="d-none d-sm-inline">Close shell</span>
</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>
New shell
<span class="d-none d-sm-inline">New shell</span>
</a>
</div>
</nav>