FileManager stuff

This commit is contained in:
Serghey Rodin 2015-10-12 17:45:31 +03:00
commit 7565e8217f
13 changed files with 514 additions and 60 deletions

View file

@ -1,6 +1,10 @@
<a href="#" class="to-top">
<i class="l-icon-to-top"></i>
</a>
<a href="#" class="to-shortcuts">
<i class="l-icon-shortcuts"></i>
</a>
<div class="l-header">
<div class="l-center">
<a href="/" class="l-logo"></a>

View file

@ -14,6 +14,10 @@
<link rel="stylesheet" href="/css/jquery.fileupload.css">
</head>
<body>
<a href="#" class="to-shortcuts">
<i class="l-icon-shortcuts"></i>
</a>
<div id="main">
<div class="window active">
<a href="/" class="l-logo"></a>
@ -72,6 +76,43 @@
<div class="progress-elm"><span class="title"><?=__('Initializing')?></span><span class="progress" style="backround-position: -96px; backround-position:-10px"></span><span class="close hidden"></span></div>
</div>
<div class="shortcuts" style="display:none">
<div class="header">
<div class="title">Shortcuts</div>
<div class="close"></div>
</div>
<ul>
<li><span class="key">u</span><?=__('Upload')?></li>
<li><span class="key">n</span><?=__('New File')?></li>
<li><span class="key">F7</span><?=__('New Folder')?></li>
<li><span class="key">d</span><?=__('Download')?></li>
<li><span class="key">F2 / &lt;Shift&gt;+F6</span><?=__('Rename')?></li>
<li><span class="key">F5</span><?=__('Copy')?></li>
<li><span class="key">a</span><?=__('Archive')?></li>
<li><span class="key">F8 / Del</span><?=__('Delete')?></li>
<li class="step-top"><span class="key">&lt;Ctrl&gt; + s</span><?=__('Save File (in text editor)')?></li>
<li class="step-top"><span class="key">h</span><?=__('Display Shortcuts Help')?></li>
<li class="step-top"><span class="key">Esc</span><?=__('Close Popup / Cancel')?></li>
</ul>
<ul>
<li><span class="key bigger">&uarr;</span><?=__('Move Cursor Up')?></li>
<li><span class="key bigger">&darr;</span><?=__('Move Cursor Down')?></li>
<li><span class="key bigger">&larr;</span><?=__('Switch to Left Tab')?></li>
<li><span class="key bigger">&rarr;</span><?=__('Switch to Right Tab')?></li>
<li><span class="key">&lt;Tab&gt;</span><?=__('Switch Tab')?></li>
<li><span class="key">&lt;Home&gt;</span><?=__('Go to the Top of the File List')?></li>
<li><span class="key">&lt;End&gt;</span><?=__('Go to the Last File')?></li>
<li class="step-top"><span class="key">&lt;Enter&gt;</span><?=__('Open File / Enter Directory')?></li>
<li><span class="key">&lt;Backspace&gt;</span><?=__('Go to Parent Directory')?></li>
<li class="step-top"><span class="key">&lt;Insert&gt; / &lt;Space&gt;</span><?=__('Select Current File')?></li>
<li><span class="key">&lt;Shift&gt; + click</span><?=__('Select Bunch of Files')?></li>
<li><span class="key">&lt;Ctrl&gt; + click</span><?=__('Add File to the Current Selection')?></li>
<li><span class="key">&lt;Ctrl&gt; + a</span><?=__('Select All Files')?></li>
</ul>
<ul class="note"><?=__('shortcuts are inspired by magnificent GNU <a href="https://www.midnight-commander.org/">Midnight Commander</a> file manager')?></ul>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.2/fotorama.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
@ -346,6 +387,8 @@
FM['CURRENT_B_LINE'] = 0;
}
}
});
/*$(".listing-right").selectable({
selected: function (event, ui) {

View file

@ -460,11 +460,26 @@
}
);
shortcut.add("Esc", function(){
$('.shortcuts').hide();
}, {
'type': 'keydown',
'propagate': false,
'disable_in_input': true,
'target': document
}
);
$('.shortcuts .close').click(function(){
$('.shortcuts').hide();
});
$('.to-shortcuts').click(function(){
$('.shortcuts').toggle();
});
VE.core.register();
if (location.href.search(/list/) != -1) {
var shift_select_ref = $('body').finderSelect({
@ -511,30 +526,31 @@
<div class="close"></div>
</div>
<ul>
<li><span class="key">n</span>Add New object</li>
<li><span class="key">&lt;Ctrl&gt; + Enter</span>Save Form</li>
<li class="step-top"><span class="key">&lt;Ctrl&gt; + Backspace</span>Cancel saving form</li>
<li><span class="key">n</span><?=__('Add New object')?></li>
<li><span class="key">&lt;Ctrl&gt; + Enter</span><?=__('Save Form')?></li>
<li><span class="key">&lt;Ctrl&gt; + Backspace</span><?=__('Cancel saving form')?></li>
<li><span class="key">1</span>Go to USER list</li>
<li><span class="key">2</span>Go to WEB list</li>
<li><span class="key">3</span>Go to DNS list</li>
<li><span class="key">4</span>Go to MAIL list</li>
<li><span class="key">5</span>Go to DB list</li>
<li><span class="key">6</span>Go to CRON list</li>
<li class="step-top"><span class="key">7</span>Go to BACKUP list</li>
<li class="step-top"><span class="key">1</span><?=__('Go to USER list')?></li>
<li><span class="key">2</span><?=__('Go to WEB list')?></li>
<li><span class="key">3</span><?=__('Go to DNS list')?></li>
<li><span class="key">4</span><?=__('Go to MAIL list')?></li>
<li><span class="key">5</span><?=__('Go to DB list')?></li>
<li><span class="key">6</span><?=__('Go to CRON list')?></li>
<li><span class="key">7</span><?=__('Go to BACKUP list')?></li>
</ul>
<ul>
<li class="step-top"><span class="key">f</span>Focus on search</li>
<li class="step-top"><span class="key">h</span>Display/Close shortcuts</li>
<li><span class="key">f</span><?=__('Focus on search')?></li>
<li class="step-top"><span class="key">h</span><?=__('Display/Close shortcuts')?></li>
<li><span class="key">&lt;Ctrl&gt; + 1</span>Go to Packages</li>
<li><span class="key">&lt;Ctrl&gt; + 2</span>Go to IP</li>
<li><span class="key">&lt;Ctrl&gt; + 3</span>Go to Graphs</li>
<li><span class="key">&lt;Ctrl&gt; + 4</span>Go to Statistics</li>
<li><span class="key">&lt;Ctrl&gt; + 5</span>Go to Log</li>
<li><span class="key">&lt;Ctrl&gt; + 6</span>Go to Updates</li>
<li><span class="key">&lt;Ctrl&gt; + 7</span>Go to Firewall</li>
<li><span class="key">&lt;Ctrl&gt; + 8</span>Go to Server</li>
<li class="step-top"><span class="key">&lt;Ctrl&gt; + 1</span><?=__('Go to Packages')?></li>
<li><span class="key">&lt;Ctrl&gt; + 2</span><?=__('Go to IP')?></li>
<li><span class="key">&lt;Ctrl&gt; + 3</span><?=__('Go to Graphs')?></li>
<li><span class="key">&lt;Ctrl&gt; + 4</span><?=__('Go to Statistics')?></li>
<li><span class="key">&lt;Ctrl&gt; + 5</span><?=__('Go to Log')?></li>
<li><span class="key">&lt;Ctrl&gt; + 6</span><?=__('Go to Updates')?></li>
<li><span class="key">&lt;Ctrl&gt; + 7</span><?=__('Go to Firewall')?></li>
<li><span class="key">&lt;Ctrl&gt; + 8</span><?=__('Go to File Manager')?></li>
<li><span class="key">&lt;Ctrl&gt; + 9</span><?=__('Go to Server')?></li>
</ul>
</div>

View file

@ -1,6 +1,9 @@
<a href="#" class="to-top">
<i class="l-icon-to-top"></i>
</a>
<a href="#" class="to-shortcuts">
<i class="l-icon-shortcuts"></i>
</a>
<div class="l-header">
<div class="l-center">
<a href="/" class="l-logo"></a>
@ -8,6 +11,7 @@
<div class="l-menu clearfix">
<div class="l-menu__item <?php if($TAB == 'STATS' ) echo 'l-menu__item--active' ?>"><a href="/list/stats/"><?=__('Statistics')?></a></div>
<div class="l-menu__item <?php if($TAB == 'LOG' ) echo 'l-menu__item--active' ?>"><a href="/list/log/"><?=__('Log')?></a></div>
<?php if ((isset($_SESSION['FILEMANAGER_KEY'])) && (!empty($_SESSION['FILEMANAGER_KEY']))) {?><div class="l-menu__item <?php if($TAB == 'FILEMANAGER' ) echo 'l-menu__item--active' ?>"><a href="/list/directory/"><?=__('File Manager')?></a></div><?php }?>
</div>
<!-- /.l-menu -->