main.php 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title><?=__('File Manager')?></title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <link rel="shortcut icon" href="/images/filemanager.ico?" type="image/x-icon">
  7. <link rel="icon" href="/images/filemanager.ico?" type="image/x-icon">
  8. <link rel="stylesheet" href="/css/file_manager.css" type="text/css" />
  9. <link rel="stylesheet" type="text/css" href="/css/uploadify.css" />
  10. <link href="//cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.2/fotorama.css" rel="stylesheet">
  11. <style type="text/css" media="print, screen and (min-width: 481px)"></style>
  12. <!-- link rel="shortcut icon" href="/2008/site/images/favicon.ico" type="image/x-icon" / -->
  13. <link rel="stylesheet" href="/css/jquery.arcticmodal.css">
  14. <link rel="stylesheet" href="/css/jquery.fileupload.css">
  15. </head>
  16. <body>
  17. <a href="#" class="to-shortcuts">
  18. <i class="l-icon-shortcuts"></i>
  19. </a>
  20. <div id="main">
  21. <div class="window active">
  22. <a href="/" class="l-logo"></a>
  23. <div class="pwd pwd-tab-A"></div>
  24. <div class="menu menu-left menu-A">
  25. <?php $pre_tab = 'A';include($_SERVER['DOCUMENT_ROOT'].'/templates/file_manager/tab_menu.php'); ?>
  26. </div>
  27. <ul class="listing listing-left" onClick="FM.setTabActive('.listing-left');"></ul>
  28. </div>
  29. <div class="window">
  30. <div class="pwd pwd-tab-B"></div>
  31. <div class="menu menu-right menu-B">
  32. <?php $pre_tab = 'B';include($_SERVER['DOCUMENT_ROOT'].'/templates/file_manager/tab_menu.php'); ?>
  33. </div>
  34. <ul class="listing listing-right" onClick="FM.setTabActive('.listing-right');"></ul>
  35. </div>
  36. </div>
  37. <div class="warning-box inform hidden">
  38. <div class="close ripple"></div>
  39. <div class="message">Please Read the reading text at the reading write!</div>
  40. <div class="message-small">writing the reading text at the reading write writing the reading text at the reading write!</div>
  41. </div>
  42. <div class="warning-box reload hidden">
  43. <div class="message-small">Hit F5 to reload the page</div>
  44. </div>
  45. <div class="warning-box hidden">
  46. <div class="close ripple"></div>
  47. <div class="message">Please Read the reading text at the reading write!</div>
  48. <div class="message-small">writing the reading text at the reading write writing the reading text at the reading write!</div>
  49. </div>
  50. <ul class="context-menu tab-a sort-order hidden">
  51. <li entity="type"><span class="type active"><?=__('type')?></span><span class="up">&nbsp;</span></li>
  52. <li entity="size"><span class="size"><?=__('size')?></span><span class="up">&nbsp;</span></li>
  53. <li entity="date"><span class="date"><?=__('date')?></span><span class="up">&nbsp;</span></li>
  54. <li entity="name" class="last"><span class="name"><?=__('name')?></span><span class="up">&nbsp;</span></li>
  55. </ul>
  56. <ul class="context-menu tab-b sort-order hidden">
  57. <li entity="type"><span class="type active"><?=__('type')?></span><span class="up">&nbsp;</span></li>
  58. <li entity="size"><span class="size"><?=__('size')?></span><span class="up">&nbsp;</span></li>
  59. <li entity="date"><span class="date"><?=__('date')?></span><span class="up">&nbsp;</span></li>
  60. <li entity="name" class="last"><span class="name"><?=__('name')?></span><span class="up">&nbsp;</span></li>
  61. </ul>
  62. <div class="fotorama" data-auto="false"></div>
  63. <div class="progress-container hidden">
  64. <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>
  65. </div>
  66. <div class="shortcuts" style="display:none">
  67. <div class="header">
  68. <div class="title">Shortcuts</div>
  69. <div class="close"></div>
  70. </div>
  71. <ul>
  72. <li><span class="key">u</span><?=__('Upload')?></li>
  73. <li><span class="key">n</span><?=__('New File')?></li>
  74. <li><span class="key">F7</span><?=__('New Folder')?></li>
  75. <li><span class="key">d</span><?=__('Download')?></li>
  76. <li><span class="key">F2 / Shift+F6</span><?=__('Rename')?></li>
  77. <li><span class="key">F5</span><?=__('Copy')?></li>
  78. <li><span class="key">a</span><?=__('Archive')?></li>
  79. <li><span class="key">F8 / Del</span><?=__('Delete')?></li>
  80. <li class="step-top"><span class="key">Ctrl + s</span><?=__('Save File (in text editor)')?></li>
  81. <li class="step-top"><span class="key">h</span><?=__('Display/Close shortcuts')?></li>
  82. <li class="step-top"><span class="key">Esc</span><?=__('Close Popup / Cancel')?></li>
  83. </ul>
  84. <ul>
  85. <li><span class="key bigger">&uarr;</span><?=__('Move Cursor Up')?></li>
  86. <li><span class="key bigger">&darr;</span><?=__('Move Cursor Down')?></li>
  87. <li><span class="key bigger">&larr;</span><?=__('Switch to Left Tab')?></li>
  88. <li><span class="key bigger">&rarr;</span><?=__('Switch to Right Tab')?></li>
  89. <li><span class="key">Tab</span><?=__('Switch Tab')?></li>
  90. <li><span class="key">Home</span><?=__('Go to the Top of the File List')?></li>
  91. <li><span class="key">End</span><?=__('Go to the Last File')?></li>
  92. <li class="step-top"><span class="key">Enter</span><?=__('Open File / Enter Directory')?></li>
  93. <li><span class="key">Backspace</span><?=__('Go to Parent Directory')?></li>
  94. <li class="step-top"><span class="key">Insert / Space</span><?=__('Select Current File')?></li>
  95. <li><span class="key">Shift + click</span><?=__('Select Bunch of Files')?></li>
  96. <li><span class="key">Ctrl + click</span><?=__('Add File to the Current Selection')?></li>
  97. <li><span class="key">Ctrl + a</span><?=__('Select All Files')?></li>
  98. </ul>
  99. <ul class="note"><?=__('shortcuts are inspired by magnificent GNU <a href="https://www.midnight-commander.org/">Midnight Commander</a> file manager')?></ul>
  100. </div>
  101. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  102. <script src="//cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.2/fotorama.js"></script>
  103. <script type="text/javascript" src="/js/jquery-ui.min.js"></script>
  104. <script src="/js/jquery.finder.js"></script>
  105. <script type="text/javascript" src="/js/hotkeys.js"></script>
  106. <script type="text/javascript" src="/js/app.js"></script>
  107. <script type="text/javascript"><?php echo include($_SERVER['DOCUMENT_ROOT'].'/js/i18n.js.php'); ?></script>
  108. <script type="text/javascript" src="/js/templates.js"></script>
  109. <script type="text/javascript" src="/js/floating_layer.js"></script>
  110. <script src="/js/ripple.js"></script>
  111. <script src="/js/jquery.iframe-transport.js"></script>
  112. <script src="/js/jquery.fileupload.js"></script>
  113. <script src="/js/jquery.arcticmodal.js"></script>
  114. <?php if (!empty($GLOBAL_JS)): ?>
  115. <?php echo $GLOBAL_JS; ?>
  116. <?php endif; ?>
  117. <script type="text/javascript" src="/js/file_manager.js"></script>
  118. <script type="text/javascript">
  119. $(function () {
  120. 'use strict';
  121. // Change this to the location of your server-side upload handler:
  122. var show_msg = false;
  123. var acc = $('<div>');
  124. $(['A', 'B']).each(function(k, letter) {
  125. var url = '/upload/';
  126. $('#file_upload_' + letter).fileupload({
  127. singleFileUploads: false,
  128. add: function (e, data) {
  129. FM.setTabActive(FM['TAB_'+letter]);
  130. var tab = FM.getTabLetter(FM.CURRENT_TAB);
  131. var file_relocation = FM['TAB_'+tab+'_CURRENT_PATH'];
  132. $('#file_upload_' + letter).fileupload("option", "url", url + '?dir=' + file_relocation);
  133. acc = $('<div>');
  134. show_msg = false;
  135. data.submit();
  136. $('.file-upload-button-' + tab).addClass('progress');
  137. },
  138. url: url,
  139. dataType: 'json',
  140. done: function (e, data) {
  141. var msg = '';
  142. $.each(data.result.files, function (index, file) {
  143. if ('undefined' != typeof file.error) {
  144. msg += '<p class="msg-item">' + file.name + ': ' + file.error + '</p>';
  145. }
  146. });
  147. if (msg != '') {
  148. var tpl = Tpl.get('popup_alert', 'FM');
  149. tpl.set(':TEXT', msg);
  150. FM.popupOpen(tpl.finalize());
  151. }
  152. //console.log(e);
  153. //console.log(data);
  154. },
  155. fail: function(e, data) {
  156. var msg = '';
  157. $.each(data.result.files, function (index, file) {
  158. if ('undefined' != typeof file.error) {
  159. msg += '<p class="msg-item">' + file.name + ': ' + file.error + '</p>';
  160. }
  161. });
  162. if (msg != '') {
  163. var tpl = Tpl.get('popup_alert', 'FM');
  164. tpl.set(':TEXT', msg);
  165. FM.popupOpen(tpl.finalize());
  166. }
  167. //console.log(e);
  168. //console.log(data);
  169. },
  170. always: function(e, data) {
  171. /*if (show_msg) {
  172. clearTimeout(window.ht_fd);
  173. var info = $('.warning-box.inform').clone(true);
  174. $(info).attr('id', 'file-upload-msg');
  175. $(info).find('.message').text('Bla bla bla');
  176. $(info).find('.message-small').html(acc);
  177. $(info).find('.close').bind('click', function() {
  178. $('#file-upload-msg').remove();
  179. });
  180. $('body').append($(info).removeClass('hidden'));
  181. window.ht_fd = setTimeout(function() {
  182. $('#file-upload-msg').fadeOut();
  183. }, 3000);
  184. }*/
  185. var tab = FM.getTabLetter(FM.CURRENT_TAB);
  186. var box = FM['TAB_' + tab];
  187. FM.openAndSync(FM['TAB_' + tab + '_CURRENT_PATH'], box);
  188. //$('.file-upload-button-' + tab).removeClass('progress');
  189. $('.file-upload-button-' + tab).addClass('done');
  190. setTimeout(function() {
  191. $('.file-upload-button-' + tab).removeClass('progress');
  192. $('.file-upload-button-' + tab).removeClass('done');
  193. }, 2000);
  194. $('.file-upload-button-' + tab).css('background-position', '-96px 0');
  195. },
  196. progressall: function (e, data) {
  197. var progress = parseInt(data.loaded / data.total * 100, 10);
  198. var tab = FM.getTabLetter(FM.CURRENT_TAB);
  199. $('.file-upload-button-' + tab).css('background-position', '-' + (100 - progress) + 'px 0');
  200. }
  201. })
  202. .prop('disabled', !$.support.fileInput)
  203. .parent().addClass($.support.fileInput ? undefined : 'disabled');
  204. });
  205. $.widget("shift.selectable", $.ui.selectable, {
  206. options: {}, // required
  207. previousIndex: -1, // additional attribute to store previous selection index
  208. currentIndex: -1, // additional attribute to store current selection index
  209. _create: function() { // required
  210. var self = this;
  211. $.ui.selectable.prototype._create.call(this); // default implementation
  212. // here is our addition, we are catching "selecting" event with shift key
  213. $(this.element).on('selectableselecting', function(event, ui){
  214. self.currentIndex = $(ui.selecting.tagName, event.target).index(ui.selecting);
  215. if(event.shiftKey && self.previousIndex > -1) {
  216. $(ui.selecting.tagName, event.target).slice(Math.min(self.previousIndex, self.currentIndex), 1 + Math.max(self.previousIndex, self.currentIndex)).addClass('ui-selected');
  217. self.previousIndex = -1;
  218. } else {
  219. self.previousIndex = self.currentIndex;
  220. }
  221. });
  222. },
  223. destroy: function() { // required, default implementation
  224. $.ui.selectable.prototype.destroy.call(this);
  225. },
  226. _setOption: function() { // required, default implementation
  227. $.ui.selectable.prototype._setOption.apply(this, arguments);
  228. }
  229. });
  230. var checkIfArchive = function(item) {console.log(item);
  231. var item = $(item).hasClass('dir') ? item : $(item).parents('.dir');
  232. var tab = FM.getTabLetter(FM.CURRENT_TAB);
  233. var src = $(item).find('.source').val();
  234. src = $.parseJSON(src);
  235. var tab = FM.getTabLetter(FM.CURRENT_TAB);
  236. if (FM.itemIsArchieve(src)) {
  237. if($('.menu-'+tab+' .archive.button').first().is(':visible'))
  238. $('.menu-'+tab+' .extract-btn').first().show();
  239. else
  240. $('.menu-'+tab+' .extract-btn.small').show();
  241. } else {
  242. $('.menu-'+tab+' .extract-btn').hide();
  243. }
  244. }
  245. $(".listing-left").selectable({
  246. selected: function (event, ui) {
  247. //console.log(ui);
  248. //console.log($(".listing-left .selected"));
  249. FM.setTabActive(FM.TAB_A, 'skip_highlights');
  250. $(".listing-left .active").removeClass('active');
  251. $(".listing-left .selected").each(function(i, o) {
  252. if (!$(o).hasClass('ui-selected')) {
  253. $(o).removeClass('selected');
  254. $(o).removeClass('active');
  255. }
  256. });
  257. $(ui.selected).addClass('selected');
  258. $(ui.selected).addClass('active');
  259. //$(ui.selected).addClass('active');
  260. checkIfArchive(ui.selected);
  261. $(".listing-left .ui-selected").addClass('selected');
  262. if ($(".listing-left .active").length > 0) {
  263. FM['CURRENT_A_LINE'] = $(".listing-left .active").index();
  264. }
  265. else {
  266. FM['CURRENT_A_LINE'] = 0;
  267. }
  268. FM.preselectedItems.A = [];
  269. /*FM.setTabActive(FM.TAB_A, 'skip_highlights');
  270. $(".listing-left .selected, .listing-left .ui-selectee").each(function(i, o) {
  271. if (!$(o).hasClass('ui-selected')) {
  272. $(o).removeClass('selected');
  273. $(o).removeClass('active');
  274. }
  275. });
  276. $(ui.selected).addClass('selected');
  277. $(ui.selected).addClass('active');
  278. checkIfArchive(ui.selected);
  279. $(".listing-left .ui-selected").addClass('selected');*/
  280. },
  281. unselected: function (event, ui) {
  282. FM.setTabActive(FM.TAB_A, 'skip_highlights');
  283. $(ui.unselected).removeClass('selected');
  284. $(ui.unselected).removeClass('active');
  285. if ($(".listing-left .active").length > 0) {
  286. FM['CURRENT_A_LINE'] = $(".listing-left .active").index();
  287. }
  288. else {
  289. FM['CURRENT_A_LINE'] = 0;
  290. }
  291. /*$(".listing-left .selected, .listing-left .ui-selectee").each(function(i, o) {
  292. if (!$(o).hasClass('ui-selected')) {
  293. $(o).removeClass('selected');
  294. $(o).removeClass('active');
  295. }
  296. });
  297. FM.setTabActive(FM.TAB_A, 'skip_highlights');
  298. $(ui.unselected).removeClass('selected');
  299. $(ui.selected).addClass('active');*/
  300. }
  301. });
  302. $(".listing-right").selectable({
  303. selected: function (event, ui) {
  304. FM.setTabActive(FM.TAB_B, 'skip_highlights');
  305. $(".listing-right .active").removeClass('active');
  306. $(".listing-right .selected").each(function(i, o) {
  307. if (!$(o).hasClass('ui-selected')) {
  308. $(o).removeClass('selected');
  309. $(o).removeClass('active');
  310. }
  311. });
  312. $(ui.selected).addClass('selected');
  313. $(ui.selected).addClass('active');
  314. //$(ui.selected).addClass('active');
  315. checkIfArchive(ui.selected);
  316. $(".listing-right .ui-selected").addClass('selected');
  317. if ($(".listing-right .active").length > 0) {
  318. FM['CURRENT_B_LINE'] = $(".listing-right .active").index();
  319. }
  320. else {
  321. FM['CURRENT_B_LINE'] = 0;
  322. }
  323. FM.preselectedItems.B = [];
  324. },
  325. unselected: function (event, ui) {
  326. FM.setTabActive(FM.TAB_B, 'skip_highlights');
  327. $(ui.unselected).removeClass('selected');
  328. $(ui.unselected).removeClass('active');
  329. if ($(".listing-right .active").length > 0) {
  330. FM['CURRENT_B_LINE'] = $(".listing-right .active").index();
  331. }
  332. else {
  333. FM['CURRENT_B_LINE'] = 0;
  334. }
  335. }
  336. });
  337. /*$(".listing-right").selectable({
  338. selected: function (event, ui) {
  339. $(".listing-left .selected").each(function(i, o) {
  340. if (!$(o).hasClass('ui-selected')) {
  341. $(o).removeClass('selected');
  342. }
  343. });
  344. FM.setTabActive(FM.TAB_B, 'skip_highlights');
  345. $(ui.selected).addClass('selected');
  346. checkIfArchive(ui.selected);
  347. $(".listing-left .ui-selected").addClass('selected');
  348. },
  349. unselected: function (event, ui) {
  350. $(".listing-left .selected").each(function(i, o) {
  351. if (!$(o).hasClass('ui-selected')) {
  352. $(o).removeClass('selected');
  353. }
  354. });
  355. FM.setTabActive(FM.TAB_B, 'skip_highlights');
  356. $(ui.unselected).removeClass('selected');
  357. }
  358. });*/
  359. });
  360. </script>
  361. </body>
  362. </html>