diff --git a/README.md b/README.md
index 525bf61..403960b 100644
--- a/README.md
+++ b/README.md
@@ -19,7 +19,7 @@ Notes:
# TO-DO
1. Allow for move and copy.
-3. Fix the ' and & naming issue.
+3. Fixed the ' issue but & remains a problem.
4. Implement themes functionality.
diff --git a/index.html b/index.html
index 63eaec9..f08ecbd 100644
--- a/index.html
+++ b/index.html
@@ -11,35 +11,6 @@
-
-
-
-
-
-
-
-
-
-
- Path:
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/resources/css/main.css b/resources/css/main.css
index 42c976e..47ec7ac 100644
--- a/resources/css/main.css
+++ b/resources/css/main.css
@@ -45,7 +45,7 @@
}
#dynDiv {
- margin-top: 8em;
+ margin-top: 5em;
}
#imgView, #imgArea, #fileView {
@@ -88,6 +88,17 @@
text-align: center;
}
+#popOutControls {
+ position: absolute;
+ top: 15%;
+ width: 99%;
+ height: 15em;
+ padding-top: 6em;
+ background-color: rgba(103, 103, 103, 1);
+ color: #ffffff;
+ text-align: center;
+}
+
/* Classes */
.imgViewImg {
width: inherit;
@@ -178,6 +189,7 @@
border-color: #000000;
}
+/* Messages coloring */
.error, .warnning, .success {
float: left;
clear: both;
diff --git a/resources/js/uiActions.js b/resources/js/uiActions.js
index 5709deb..6b32dd5 100644
--- a/resources/js/uiActions.js
+++ b/resources/js/uiActions.js
@@ -1,5 +1,23 @@
var formerFileName = "";
+function showOptions() {
+ var popOutControls = document.getElementById("popOutControls");
+ if (popOutControls.style.display == "none") {
+ popOutControls.style.display = "block";
+ } else {
+ popOutControls.style.display = "none";
+ }
+}
+
+function tgglServerMsgView() {
+ var serverMsgView = document.getElementById("toggleServerMsg");
+ if (serverMsgView.style.display == "none") {
+ serverMsgView.style.display = "block";
+ } else {
+ serverMsgView.style.display = "none";
+ }
+}
+
function enableEdit(obj) {
obj.style.backgroundColor = "#ffffffff";
obj.style.color = '#000000ff';
@@ -68,15 +86,6 @@ function clearDirCookie() {
getDir("/");
}
-function tgglServerMsgView() {
- var serverMsgView = document.getElementById("toggleServerMsg");
- if (serverMsgView.style.display == "none") {
- serverMsgView.style.display = "block";
- } else {
- serverMsgView.style.display = "none";
- }
-}
-
function clearDlList() {
document.getElementById("CLEARBTTN").click();
}