redesign file manager
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 465 B |
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 577 B |
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 418 B |
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 552 B |
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 538 B |
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 571 B |
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 587 B |
Before Width: | Height: | Size: 672 B After Width: | Height: | Size: 585 B |
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 564 B |
Before Width: | Height: | Size: 783 B After Width: | Height: | Size: 1.0 KiB |
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 537 B |
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 8.0 KiB |
Before Width: | Height: | Size: 554 B After Width: | Height: | Size: 686 B |
Before Width: | Height: | Size: 603 B After Width: | Height: | Size: 420 B |
@ -34,13 +34,59 @@
|
|||||||
<script type="text/javascript" src='[{$oViewConf->getModuleUrl("tinymce-editor","Application/fileman/js/jquery-dateFormat.min.js")}]'></script>
|
<script type="text/javascript" src='[{$oViewConf->getModuleUrl("tinymce-editor","Application/fileman/js/jquery-dateFormat.min.js")}]'></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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">
|
<table cellpadding="0" cellspacing="0" id="wraper">
|
||||||
<tr>
|
<tr>
|
||||||
<td valign="top" class="pnlDirs" id="dirActions">
|
<td valign="top" class="pnlDirs" id="dirActions">
|
||||||
<div class="actions">
|
<div class="actions tox">
|
||||||
<input type="button" 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="btnAddDir" value="Create" title="Create new directory" onclick="addDir()" data-lang-v="CreateDir" data-lang-t="T_CreateDir" />
|
||||||
<input type="button" 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="btnRenameDir" value="Rename" title="Rename directory" onclick="renameDir()" data-lang-v="RenameDir" data-lang-t="T_RenameDir" />
|
||||||
<input type="button" id="btnDeleteDir" value="Delete" title="Delete selected directory" onclick="deleteDir()" data-lang-v="DeleteDir" data-lang-t="T_DeleteDir" />
|
<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>
|
||||||
<div id="pnlLoadingDirs">
|
<div id="pnlLoadingDirs">
|
||||||
<span>Loading directories...</span><br>
|
<span>Loading directories...</span><br>
|
||||||
@ -53,16 +99,16 @@
|
|||||||
<td valign="top" id="fileActions">
|
<td valign="top" id="fileActions">
|
||||||
<input type="hidden" id="hdViewType" value="list">
|
<input type="hidden" id="hdViewType" value="list">
|
||||||
<input type="hidden" id="hdOrder" value="asc">
|
<input type="hidden" id="hdOrder" value="asc">
|
||||||
<div class="actions">
|
<div class="actions tox">
|
||||||
<input type="button" 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="btnAddFile" value="Add file" title="Upload files" onclick="addFileClick()" data-lang-v="AddFile" data-lang-t="T_AddFile" />
|
||||||
<input type="button" 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="btnPreviewFile" value="Preview" title="Preview selected file" onclick="previewFile()" data-lang-v="Preview" data-lang-t="T_Preview" />
|
||||||
<input type="button" 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="btnRenameFile" value="Rename" title="Rename selected file" onclick="renameFile()" data-lang-v="RenameFile" data-lang-t="T_RenameFile" />
|
||||||
<input type="button" 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="btnDownloadFile" value="Download" title="Download selected file" onclick="downloadFile()" data-lang-v="DownloadFile" data-lang-t="T_DownloadFile" />
|
||||||
<input type="button" 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="btnDeleteFile" value="Delete" title="Delete selected file" onclick="deleteFile()" data-lang-v="DeleteFile" data-lang-t="T_DeleteFile" />
|
||||||
<input type="button" id="btnSelectFile" value="Select" title="Select highlighted file" onclick="setFile()" data-lang-v="SelectFile" data-lang-t="T_SelectFile" />
|
<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>
|
<br>
|
||||||
<span data-lang="OrderBy">Order by</span>:
|
<span data-lang="OrderBy">Order by</span>:
|
||||||
<select id="ddlOrder" onchange="sortFiles()">
|
<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="name" data-lang="Name_asc">↑ Name</option>
|
||||||
<option value="size" data-lang="Size_asc">↑ Size</option>
|
<option value="size" data-lang="Size_asc">↑ Size</option>
|
||||||
<option value="time" data-lang="Date_asc">↑ Date</option>
|
<option value="time" data-lang="Date_asc">↑ Date</option>
|
||||||
@ -70,8 +116,8 @@
|
|||||||
<option value="size_desc" data-lang="Size_desc">↓ Size</option>
|
<option value="size_desc" data-lang="Size_desc">↓ Size</option>
|
||||||
<option value="time_desc" data-lang="Date_desc">↓ Date</option>
|
<option value="time_desc" data-lang="Date_desc">↓ Date</option>
|
||||||
</select>
|
</select>
|
||||||
<input type="button" id="btnListView" class="btnView" value=" " title="List view" onclick="switchView('list')" data-lang-t="T_ListView" />
|
<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" value=" " title="Thumbnails view" onclick="switchView('thumb')" data-lang-t="T_ThumbsView" />
|
<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()" />
|
<input type="text" id="txtSearch" onkeyup="filterFiles()" onchange="filterFiles()" />
|
||||||
</div>
|
</div>
|
||||||
<div class="pnlFiles">
|
<div class="pnlFiles">
|
||||||
@ -93,7 +139,7 @@
|
|||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="bottomLine">
|
<td class="bottomLine">
|
||||||
<a href="http://www.roxyfileman.com" target="_blank">© 2013 - <span id="copyYear"></span> RoxyFileman</a>
|
© <span id="copyYear"></span> RoxyFileman, <a href="http://www.o3-shop.com" target="_blank">O3-Shop</a>
|
||||||
</td>
|
</td>
|
||||||
<td class="bottomLine">
|
<td class="bottomLine">
|
||||||
<div id="pnlStatus">Status bar</div>
|
<div id="pnlStatus">Status bar</div>
|
||||||
|