194 lines
9.6 KiB
Twig
194 lines
9.6 KiB
Twig
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<!--
|
|
RoxyFileman - web based file manager. Ready to use with CKEditor, TinyMCE.
|
|
Can be easily integrated with any other WYSIWYG editor or CMS.
|
|
|
|
Copyright (C) 2013, RoxyFileman.com - Lyubomir Arsov. All rights reserved.
|
|
For licensing, see LICENSE.txt or http://RoxyFileman.com/license
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
Contact: Lyubomir Arsov, liubo (at) web-lobby.com
|
|
-->
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<base href='{{ oViewConf.getModuleUrl("o3-tinymce-editor", "out/fileman/") }}'>
|
|
<title>Roxy File Manager</title>
|
|
<link href='{{ oViewConf.getModuleUrl("o3-tinymce-editor", "out/fileman/css/jquery-ui-1.10.4.custom.min.css") }}' rel="stylesheet" type="text/css" />
|
|
<link href='{{ oViewConf.getModuleUrl("o3-tinymce-editor", "out/fileman/css/main.min.css") }}' rel="stylesheet" type="text/css" />
|
|
<script type="text/javascript" src='{{ oViewConf.getModuleUrl("o3-tinymce-editor", "out/fileman/js/jquery-1.11.1.min.js") }}'></script>
|
|
<script type="text/javascript" src='{{ oViewConf.getModuleUrl("o3-tinymce-editor", "out/fileman/js/jquery-ui-1.10.4.custom.min.js") }}'></script>
|
|
<script type="text/javascript" src='{{ oViewConf.getModuleUrl("o3-tinymce-editor", "out/fileman/js/custom.js") }}'></script>
|
|
<script type="text/javascript" src='{{ oViewConf.getModuleUrl("o3-tinymce-editor", "out/fileman/js/main.min.js") }}'></script>
|
|
<script type="text/javascript" src='{{ oViewConf.getModuleUrl("o3-tinymce-editor", "out/fileman/js/jquery-dateFormat.min.js") }}'></script>
|
|
</head>
|
|
<body>
|
|
<style>
|
|
#pnlDirList .selected,
|
|
#pnlFileList .selected,
|
|
#pnlFileList .selected:hover {
|
|
background-color: #cce2fa !important;
|
|
color: #222f3e;
|
|
}
|
|
a {
|
|
color: #222f3e;
|
|
}
|
|
.actions.tox {
|
|
border-bottom: 1px solid #eeeeee;
|
|
min-height: 66px;
|
|
margin-bottom: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.tox .tox-tbtn {
|
|
border: 0;
|
|
border-radius: 3px;
|
|
box-shadow: none;
|
|
color: #222f3e;
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
margin: 6px 1px 5px 0;
|
|
outline: 0;
|
|
overflow: hidden;
|
|
text-transform: none;
|
|
background-color: white;
|
|
padding-left: 22px;
|
|
}
|
|
.tox .tox-tbtn--select {
|
|
margin: 6px 1px 5px 0;
|
|
padding: 0 4px;
|
|
}
|
|
.tox .tox-tbtn--bespoke {
|
|
background: #f7f7f7;
|
|
}
|
|
.tox .tox-tbtn:hover,
|
|
.tox .tox-tbtn.selected {
|
|
background-color: #cce2fa !important;
|
|
border: 0;
|
|
box-shadow: none;
|
|
color: #222f3e;
|
|
}
|
|
</style>
|
|
<table cellpadding="0" cellspacing="0" id="wraper">
|
|
<tr>
|
|
<td valign="top" class="pnlDirs" id="dirActions">
|
|
<div class="actions tox">
|
|
<input type="button" class="tox-tbtn" id="btnAddDir" value="Create" title="Create new directory" onclick="addDir()" data-lang-v="CreateDir" data-lang-t="T_CreateDir" />
|
|
<input type="button" class="tox-tbtn" id="btnRenameDir" value="Rename" title="Rename directory" onclick="renameDir()" data-lang-v="RenameDir" data-lang-t="T_RenameDir" />
|
|
<input type="button" class="tox-tbtn" id="btnDeleteDir" value="Delete" title="Delete selected directory" onclick="deleteDir()" data-lang-v="DeleteDir" data-lang-t="T_DeleteDir" />
|
|
</div>
|
|
<div id="pnlLoadingDirs">
|
|
<span>Loading directories...</span><br>
|
|
<img src="images/loading.gif" title="Loading directory tree, please wait...">
|
|
</div>
|
|
<div class="scrollPane">
|
|
<ul id="pnlDirList"></ul>
|
|
</div>
|
|
</td>
|
|
<td valign="top" id="fileActions">
|
|
<input type="hidden" id="hdViewType" value="list">
|
|
<input type="hidden" id="hdOrder" value="asc">
|
|
<div class="actions tox">
|
|
<input type="button" class="tox-tbtn" id="btnAddFile" value="Add file" title="Upload files" onclick="addFileClick()" data-lang-v="AddFile" data-lang-t="T_AddFile" />
|
|
<input type="button" class="tox-tbtn" id="btnPreviewFile" value="Preview" title="Preview selected file" onclick="previewFile()" data-lang-v="Preview" data-lang-t="T_Preview" />
|
|
<input type="button" class="tox-tbtn" id="btnRenameFile" value="Rename" title="Rename selected file" onclick="renameFile()" data-lang-v="RenameFile" data-lang-t="T_RenameFile" />
|
|
<input type="button" class="tox-tbtn" id="btnDownloadFile" value="Download" title="Download selected file" onclick="downloadFile()" data-lang-v="DownloadFile" data-lang-t="T_DownloadFile" />
|
|
<input type="button" class="tox-tbtn" id="btnDeleteFile" value="Delete" title="Delete selected file" onclick="deleteFile()" data-lang-v="DeleteFile" data-lang-t="T_DeleteFile" />
|
|
<input type="button" class="tox-tbtn" id="btnSelectFile" value="Select" title="Select highlighted file" onclick="setFile()" data-lang-v="SelectFile" data-lang-t="T_SelectFile" />
|
|
<br>
|
|
<span data-lang="OrderBy">Order by</span>:
|
|
<select id="ddlOrder" class="tox-tbtn tox-tbtn--select tox-tbtn--bespoke" onchange="sortFiles()">
|
|
<option value="name" data-lang="Name_asc">↑ Name</option>
|
|
<option value="size" data-lang="Size_asc">↑ Size</option>
|
|
<option value="time" data-lang="Date_asc">↑ Date</option>
|
|
<option value="name_desc" data-lang="Name_desc">↓ Name</option>
|
|
<option value="size_desc" data-lang="Size_desc">↓ Size</option>
|
|
<option value="time_desc" data-lang="Date_desc">↓ Date</option>
|
|
</select>
|
|
<input type="button" id="btnListView" class="btnView tox-tbtn" value=" " title="List view" onclick="switchView('list')" data-lang-t="T_ListView" />
|
|
<input type="button" id="btnThumbView" class="btnView tox-tbtn" value=" " title="Thumbnails view" onclick="switchView('thumb')" data-lang-t="T_ThumbsView" />
|
|
<input type="text" id="txtSearch" onkeyup="filterFiles()" onchange="filterFiles()" />
|
|
</div>
|
|
<div class="pnlFiles">
|
|
<div class="scrollPane">
|
|
<div id="pnlLoading">
|
|
<span data-lang="LoadingFiles">Loading files...</span><br>
|
|
<img src="images/loading.gif" title="Loading files, please wait...">
|
|
</div>
|
|
<div id="pnlEmptyDir" data-lang="DirIsEmpty">
|
|
This folder is empty
|
|
</div>
|
|
<div id="pnlSearchNoFiles" data-lang="NoFilesFound">
|
|
No files found
|
|
</div>
|
|
<ul id="pnlFileList"></ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="bottomLine">
|
|
© <span id="copyYear"></span> RoxyFileman, <a href="https://www.d3data.de" target="_blank">(D3) Data Development</a>
|
|
</td>
|
|
<td class="bottomLine">
|
|
<div id="pnlStatus">Status bar</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- Forms and other components -->
|
|
<iframe name="frmUploadFile" width="0" height="0" style="display:none;border:0;"></iframe>
|
|
<div id="dlgAddFile">
|
|
<form name="addfile" id="frmUpload" method="post" target="frmUploadFile" enctype="multipart/form-data">
|
|
<input type="hidden" name="d" id="hdDir" />
|
|
<div class="form"><br />
|
|
<input type="file" name="files[]" id="fileUploads" onchange="listUploadFiles(this.files)" multiple="multiple" />
|
|
<div id="uploadResult"></div>
|
|
<div class="uploadFilesList">
|
|
<div id="uploadFilesList"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div id="menuFile" class="contextMenu">
|
|
<a href="#" onclick="setFile()" data-lang="SelectFile" id="mnuSelectFile">Select</a><hr>
|
|
<a href="#" onclick="previewFile()" data-lang="Preview" id="mnuPreview">Preview</a><hr>
|
|
<a href="#" onclick="downloadFile()" data-lang="DownloadFile" id="mnuDownload">Download</a><hr>
|
|
<a href="#" onclick="return pasteToFiles(event, this)" data-lang="Paste" class="paste pale" id="mnuFilePaste">Paste</a><hr>
|
|
<a href="#" onclick="cutFile()" data-lang="Cut" id="mnuFileCut">Cut</a><hr>
|
|
<a href="#" onclick="copyFile()" data-lang="Copy" id="mnuFileCopy">Copy</a><hr>
|
|
<a href="#" onclick="renameFile()" data-lang="RenameFile" id="mnuRenameFile">Rename</a><hr>
|
|
<a href="#" onclick="deleteFile()" data-lang="DeleteFile" id="mnuDeleteFile">Delete</a><!-- hr>
|
|
<a href="#" onclick="fileProperties()" id="mnuProp">Properties</a -->
|
|
</div>
|
|
<div id="menuDir" class="contextMenu">
|
|
<a href="#" onclick="downloadDir()" data-lang="Download" id="mnuDownloadDir">Download</a><hr>
|
|
<a href="#" onclick="addDir()" data-lang="T_CreateDir" id="mnuCreateDir">Create new</a><hr>
|
|
<a href="#" onclick="return pasteToDirs(event, this)" data-lang="Paste" class="paste pale" id="mnuDirPaste">Paste</a><hr>
|
|
<a href="#" onclick="cutDir()" data-lang="Cut" id="mnuDirCut">Cut</a><hr>
|
|
<a href="#" onclick="copyDir()" data-lang="Copy" id="mnuDirCopy">Copy</a><hr>
|
|
<a href="#" onclick="renameDir()" data-lang="RenameDir" id="mnuRenameDir">Rename</a><hr>
|
|
<a href="#" onclick="deleteDir()" data-lang="DeleteDir" id="mnuDeleteDir">Delete</a>
|
|
</div>
|
|
<div id="pnlRenameFile" class="dialog">
|
|
<span class="name"></span><br>
|
|
<input type="text" id="txtFileName">
|
|
</div>
|
|
<div id="pnlDirName" class="dialog">
|
|
<span class="name"></span><br>
|
|
<input type="text" id="txtDirName">
|
|
</div>
|
|
|
|
</body>
|
|
</html> |