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:   -

- - -
- - - - - - @@ -48,6 +19,45 @@ + +

+ + + +     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(); }