atreyabain/nodejs-fm
1
0
Fork 0
Code Issues Pull Requests Wiki Activity

Style rename form, add upload window

Browse Source
This commit is contained in:
Atreya Bain
2019-05-24 21:38:31 +05:30
parent ba8fe72160
commit 57a43aa643
3 changed files with 48 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
static/base.css
View File

@@ -11,6 +11,24 @@ body{
background-color: rgba(0,0,0,0.25); background-color: rgba(0,0,0,0.25);
z-index:3; z-index:3;
} }
.window-button{
float:right;
margin-left:0.25em;
}
input[type="text"]{
background: transparent;
border:1px gray solid;
width:5rem;
}
.window{
width:15rem;
background-color: whitesmoke;
padding:1em;
margin: auto;
margin-top:5em;
}
.hidden{ .hidden{
display: none; display: none;
} }

18
static/base.js
View File

@@ -34,7 +34,7 @@ function updateContents(contents){
$('#files-table').append(`<tr class="files-row box-shadow-1-active"><td onclick="doUpdate($(this),${element.isDir})" class="file-name ${(element.isDir?'file-isDir':'file-isFile')}" data-choice="${element.path}">${element.name}</td></tr>`) $('#files-table').append(`<tr class="files-row box-shadow-1-active"><td onclick="doUpdate($(this),${element.isDir})" class="file-name ${(element.isDir?'file-isDir':'file-isFile')}" data-choice="${element.path}">${element.name}</td></tr>`)
}); });
if(contents.back!=null){ if(contents.back!=null){
$('#files-table').prepend(`<tr class="files-row box-shadow-1-active"><td onclick="doUpdate($(this))" class="file-name file-isDir file-isBack" data-choice="${contents.back}">..</td></tr>`) $('#files-table').prepend(`<tr class="files-row box-shadow-1-active"><td onclick="doUpdate($(this),true)" class="file-name file-isDir file-isBack" data-choice="${contents.back}">..</td></tr>`)
} }
$('#files-table').fadeIn() $('#files-table').fadeIn()
} }
@@ -75,4 +75,20 @@ $(document).ready(()=>{
error: err=>console.log(err) error: err=>console.log(err)
}) })
}) })
$('.close-rename').click(()=>{
$('.rename-window').fadeOut('fast')
$("#cover").fadeOut('fast')
})
$('.close-upload').click(()=>{
$('.upload-window').fadeOut('fast')
$("#cover").fadeOut('fast')
})
$('.file-rename-button').click(()=>{
$('#cover').fadeIn('fast')
$('.rename-window').fadeIn('fast')
})
$('.nav-bottom-button').click(()=>{
$('#cover').fadeIn('fast')
$('.upload-window').fadeIn('fast')
})
}) })

14
static/index.html
View File

@@ -9,7 +9,19 @@
<script src="base.js"></script> <script src="base.js"></script>
</head> </head>
<body> <body>
<div id="cover" class="hidden"></div> <div id="cover" class="hidden">
<div class="rename-window window box-shadow-2 hidden">
<div class="window-button done-rename"><span class="far fa-check-circle"></span></div>
<div class="window-button close-rename"><span class="far fa-times-circle"></span></div>
<form>
<input type='value' placeholder="New file name"/>
</form>
</div>
<div class="upload-window window box-shadow-2 hidden">
<div class="window-button done-upload"><span class="far fa-check-circle"></span></div>
<div class="window-button close-upload"><span class="far fa-times-circle"></span></div>
</div>
</div>
<div class="navbar-container box-shadow-1"> <div class="navbar-container box-shadow-1">
<div class="navbar"> <div class="navbar">
<div class="navbar-text">Location: <span id="files-location"></span></div> <div class="navbar-text">Location: <span id="files-location"></span></div>