|
@@ -27,10 +27,10 @@
|
|
|
<body class="whiteTheme">
|
|
<body class="whiteTheme">
|
|
|
<div id="navibar" class="navibar">
|
|
<div id="navibar" class="navibar">
|
|
|
<!-- File Opr Group-->
|
|
<!-- File Opr Group-->
|
|
|
- <button class="fileOprBtn desktopOnly" title="Open" onclick="openViaButton();"><img class="opricon" src="img/opr/open.svg"><p class="oprtxt" locale="fileopr/Open">Open</p></button>
|
|
|
|
|
- <button class="fileOprBtn desktopOnly" title="Copy" onclick="copy();"><img class="opricon" src="img/opr/copy.svg"><p class="oprtxt" locale="fileopr/Copy">Copy</p></button>
|
|
|
|
|
- <button class="fileOprBtn desktopOnly" title="Paste" onclick="paste();"><img class="opricon" src="img/opr/paste.svg"><p class="oprtxt" locale="fileopr/Paste">Paste</p></button>
|
|
|
|
|
- <div class="fileoprGroupDivider desktopOnly" style="display: inline-block; vertical-align: top;">
|
|
|
|
|
|
|
+ <button class="fileOprBtn tabletAndDesktopOnly" title="Open" onclick="openViaButton();"><img class="opricon" src="img/opr/open.svg"><p class="oprtxt" locale="fileopr/Open">Open</p></button>
|
|
|
|
|
+ <button class="fileOprBtn tabletAndDesktopOnly" title="Copy" onclick="copy();"><img class="opricon" src="img/opr/copy.svg"><p class="oprtxt" locale="fileopr/Copy">Copy</p></button>
|
|
|
|
|
+ <button class="fileOprBtn tabletAndDesktopOnly" title="Paste" onclick="paste();"><img class="opricon" src="img/opr/paste.svg"><p class="oprtxt" locale="fileopr/Paste">Paste</p></button>
|
|
|
|
|
+ <div class="fileoprGroupDivider tabletAndDesktopOnly" style="display: inline-block; vertical-align: top;">
|
|
|
<button class="fileoprSmallBtn" title="Open with" onclick="openWith();"><i class="external icon"></i> <span locale="fileopr/Open with">Open With</span></button><br>
|
|
<button class="fileoprSmallBtn" title="Open with" onclick="openWith();"><i class="external icon"></i> <span locale="fileopr/Open with">Open With</span></button><br>
|
|
|
<button class="fileoprSmallBtn" title="Cut" onclick="cut();"><i class="blue cut icon"></i> <span locale="fileopr/Cut">Cut</span></button><br>
|
|
<button class="fileoprSmallBtn" title="Cut" onclick="cut();"><i class="blue cut icon"></i> <span locale="fileopr/Cut">Cut</span></button><br>
|
|
|
<button class="fileoprSmallBtn" title="Rename" onclick="rename();"><i class="teal i cursor icon"></i> <span locale="fileopr/Rename">Rename</span></button>
|
|
<button class="fileoprSmallBtn" title="Rename" onclick="rename();"><i class="teal i cursor icon"></i> <span locale="fileopr/Rename">Rename</span></button>
|
|
@@ -39,17 +39,17 @@
|
|
|
<button class="fileOprBtn" title="Download" onclick="downloadFile(); exitMultiSelectMode();"><img class="opricon" src="img/opr/download.svg"><p class="oprtxt" locale="fileopr/Download">Download</p></button>
|
|
<button class="fileOprBtn" title="Download" onclick="downloadFile(); exitMultiSelectMode();"><img class="opricon" src="img/opr/download.svg"><p class="oprtxt" locale="fileopr/Download">Download</p></button>
|
|
|
<div class="fileoprGroupDivider" style="display: inline-block; vertical-align: top;"></div>
|
|
<div class="fileoprGroupDivider" style="display: inline-block; vertical-align: top;"></div>
|
|
|
<button class="twolines fileOprBtn" title="New Folder" onclick="newFolder(); exitMultiSelectMode();"><img class="opricon" src="img/opr/new_folder.svg"><p class="oprtxt" locale="fileopr/New Folder">New<br>Folder</p></button>
|
|
<button class="twolines fileOprBtn" title="New Folder" onclick="newFolder(); exitMultiSelectMode();"><img class="opricon" src="img/opr/new_folder.svg"><p class="oprtxt" locale="fileopr/New Folder">New<br>Folder</p></button>
|
|
|
- <div class="fileoprGroupDivider desktopOnly" style="display: inline-block; vertical-align: top;">
|
|
|
|
|
|
|
+ <div class="fileoprGroupDivider tabletAndDesktopOnly" style="display: inline-block; vertical-align: top;">
|
|
|
<button class="fileoprSmallBtn" title="New File" onclick="newfile();"><i class="file outline icon"></i> <span locale="fileopr/New File">New File</span></button><br>
|
|
<button class="fileoprSmallBtn" title="New File" onclick="newfile();"><i class="file outline icon"></i> <span locale="fileopr/New File">New File</span></button><br>
|
|
|
<button class="fileoprSmallBtn" title="Create Zip" onclick="zipFile();"><i class="brown zip file icon"></i> <span locale="fileopr/Create Zip">Create Zip</span></button><br>
|
|
<button class="fileoprSmallBtn" title="Create Zip" onclick="zipFile();"><i class="brown zip file icon"></i> <span locale="fileopr/Create Zip">Create Zip</span></button><br>
|
|
|
<button class="fileoprSmallBtn" title="Unzip Here" onclick="unzipHere();"><i class="inbox icon"></i> <span locale="fileopr/Unzip Here">Unzip Here</span></button><br>
|
|
<button class="fileoprSmallBtn" title="Unzip Here" onclick="unzipHere();"><i class="inbox icon"></i> <span locale="fileopr/Unzip Here">Unzip Here</span></button><br>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="fileoprGroupDivider desktopOnly" style="display: inline-block; vertical-align: top;">
|
|
|
|
|
|
|
+ <div class="fileoprGroupDivider tabletAndDesktopOnly" style="display: inline-block; vertical-align: top;">
|
|
|
<button class="fileoprSmallBtn" title="Refresh" onclick="refreshList();"><i class="green refresh icon"></i> <span locale="fileopr/Refresh">Refresh</span></button><br>
|
|
<button class="fileoprSmallBtn" title="Refresh" onclick="refreshList();"><i class="green refresh icon"></i> <span locale="fileopr/Refresh">Refresh</span></button><br>
|
|
|
<button class="fileoprSmallBtn" title="Home" onclick="openHomeDir();"><i class="home icon"></i> <span locale="fileopr/Home">Home</span></button><br>
|
|
<button class="fileoprSmallBtn" title="Home" onclick="openHomeDir();"><i class="home icon"></i> <span locale="fileopr/Home">Home</span></button><br>
|
|
|
<button class="fileoprSmallBtn" title="File Info" onclick="showFileProperties();"><i class="blue info circle icon"></i> <span locale="fileopr/File Info">File Info</span></button><br>
|
|
<button class="fileoprSmallBtn" title="File Info" onclick="showFileProperties();"><i class="blue info circle icon"></i> <span locale="fileopr/File Info">File Info</span></button><br>
|
|
|
</div>
|
|
</div>
|
|
|
- <button class="fileOprBtn desktopOnly" title="Delete" onclick="deleteFile();"><img class="opricon" src="img/opr/delete.svg"><p class="oprtxt" locale="fileopr/Delete">Delete</p></button>
|
|
|
|
|
|
|
+ <button class="fileOprBtn tabletAndDesktopOnly" title="Delete" onclick="deleteFile();"><img class="opricon" src="img/opr/delete.svg"><p class="oprtxt" locale="fileopr/Delete">Delete</p></button>
|
|
|
<button class="fileOprBtn" title="Share File" onclick="shareFile();"><img class="opricon" src="img/opr/share.svg"><p class="oprtxt" locale="fileopr/Share">Share</p></button>
|
|
<button class="fileOprBtn" title="Share File" onclick="shareFile();"><img class="opricon" src="img/opr/share.svg"><p class="oprtxt" locale="fileopr/Share">Share</p></button>
|
|
|
<div class="fileoprGroupDivider" style="display: inline-block; vertical-align: top;"></div>
|
|
<div class="fileoprGroupDivider" style="display: inline-block; vertical-align: top;"></div>
|
|
|
<button class="mobileOnly mobileFileOprMenu" onclick="toggleMobileSidebar(true);">
|
|
<button class="mobileOnly mobileFileOprMenu" onclick="toggleMobileSidebar(true);">
|
|
@@ -87,10 +87,10 @@
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<!-- File Operation Buttons -->
|
|
<!-- File Operation Buttons -->
|
|
|
- <div class="fileOprBtnMobile" title="Open" onclick="openViaButton(); toggleMobileSidebar(false, exitMultiSelectMode);"><img class="opricon" src="img/opr/open.svg"><p class="oprtxt" locale="fileopr/Open">Open</p></div>
|
|
|
|
|
- <div class="fileOprBtnMobile" title="Copy" onclick="copy(); toggleMobileSidebar(false, exitMultiSelectMode);"><img class="opricon" src="img/opr/copy.svg"><p class="oprtxt" locale="fileopr/Copy">Copy</p></div>
|
|
|
|
|
- <div class="fileOprBtnMobile" title="Paste" onclick="paste(); toggleMobileSidebar(false, exitMultiSelectMode);"><img class="opricon" src="img/opr/paste.svg"><p class="oprtxt" locale="fileopr/Paste">Paste</p></div>
|
|
|
|
|
- <div class="fileOprBtnMobile" title="Delete" onclick="deleteFile(); toggleMobileSidebar(false, exitMultiSelectMode);"><img class="opricon" src="img/opr/delete.svg"><p class="oprtxt" locale="fileopr/Delete">Delete</p></div>
|
|
|
|
|
|
|
+ <div class="fileoprBtnMobile" title="Open" onclick="openViaButton(); toggleMobileSidebar(false, exitMultiSelectMode);"><img class="opricon" src="img/opr/open.svg"><p class="oprtxt" locale="fileopr/Open">Open</p></div>
|
|
|
|
|
+ <div class="fileoprBtnMobile" title="Copy" onclick="copy(); toggleMobileSidebar(false, exitMultiSelectMode);"><img class="opricon" src="img/opr/copy.svg"><p class="oprtxt" locale="fileopr/Copy">Copy</p></div>
|
|
|
|
|
+ <div class="fileoprBtnMobile" title="Paste" onclick="paste(); toggleMobileSidebar(false, exitMultiSelectMode);"><img class="opricon" src="img/opr/paste.svg"><p class="oprtxt" locale="fileopr/Paste">Paste</p></div>
|
|
|
|
|
+ <div class="fileoprBtnMobile" title="Delete" onclick="deleteFile(); toggleMobileSidebar(false, exitMultiSelectMode);"><img class="opricon" src="img/opr/delete.svg"><p class="oprtxt" locale="fileopr/Delete">Delete</p></div>
|
|
|
<button class="fileoprSmallBtnMobile" title="Multi Select" onclick="toggleCtrl(); toggleMobileSidebar(false);"> <i class="mouse pointer icon"></i> <span locale="fileopr/Multi Select">Multi-select</span></button><br>
|
|
<button class="fileoprSmallBtnMobile" title="Multi Select" onclick="toggleCtrl(); toggleMobileSidebar(false);"> <i class="mouse pointer icon"></i> <span locale="fileopr/Multi Select">Multi-select</span></button><br>
|
|
|
<button class="fileoprSmallBtnMobile" title="Select All" onclick="selectAll(); toggleMobileSidebar(false);"> <i class="blue plus square icon"></i> <span locale="fileopr/Select All">Select All</span></button><br>
|
|
<button class="fileoprSmallBtnMobile" title="Select All" onclick="selectAll(); toggleMobileSidebar(false);"> <i class="blue plus square icon"></i> <span locale="fileopr/Select All">Select All</span></button><br>
|
|
|
<button class="fileoprSmallBtnMobile" title="Clear Selection" onclick="clearSelection(); toggleMobileSidebar(false, exitMultiSelectMode);"> <i class="remove icon"></i> <span locale="fileopr/Clear Select">Clear Selection</span></button><br>
|
|
<button class="fileoprSmallBtnMobile" title="Clear Selection" onclick="clearSelection(); toggleMobileSidebar(false, exitMultiSelectMode);"> <i class="remove icon"></i> <span locale="fileopr/Clear Select">Clear Selection</span></button><br>
|
|
@@ -584,7 +584,7 @@
|
|
|
|
|
|
|
|
//Browser detection
|
|
//Browser detection
|
|
|
//TODO: REMOVE DEBUG
|
|
//TODO: REMOVE DEBUG
|
|
|
- let isMobile = true; //window.mobilecheck();
|
|
|
|
|
|
|
+ let isMobile = window.mobilecheck();
|
|
|
let isChromium = window.chrome;
|
|
let isChromium = window.chrome;
|
|
|
let isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
|
|
let isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
|
|
|
let isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
|
|
let isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
|
|
@@ -1595,6 +1595,10 @@
|
|
|
}
|
|
}
|
|
|
}else{
|
|
}else{
|
|
|
$(this).addClass("selected");
|
|
$(this).addClass("selected");
|
|
|
|
|
+ if (propertiesView){
|
|
|
|
|
+ let filepath = $(this).attr("filepath");
|
|
|
|
|
+ loadFileProperties(filepath);
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
lastClickedFileID = parseInt($(this).attr("fileid"));
|
|
lastClickedFileID = parseInt($(this).attr("fileid"));
|
|
@@ -1727,6 +1731,11 @@
|
|
|
$(selectedObject).addClass("selected");
|
|
$(selectedObject).addClass("selected");
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ if (propertiesView){
|
|
|
|
|
+ let filepath = $(selectedObject).attr("filepath");
|
|
|
|
|
+ loadFileProperties(filepath);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
//Enable multi-select mode
|
|
//Enable multi-select mode
|
|
|
ctrlHold = true;
|
|
ctrlHold = true;
|
|
|
updateCtrlDisplay();
|
|
updateCtrlDisplay();
|
|
@@ -3581,7 +3590,7 @@
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
if (isMobile && !pathInputMode){
|
|
if (isMobile && !pathInputMode){
|
|
|
- refreshList();
|
|
|
|
|
|
|
+ //refreshList();
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
//Resize the share iframe
|
|
//Resize the share iframe
|