waveringana/embedder
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

css updates

Browse source
This commit is contained in:
Wavering Ana 2022-11-15 14:07:20 -05:00
parent afa4f54f97
commit e02e3d2946
No known key found for this signature in database
GPG key ID: 51C992200FFA5281
4 changed files with 43 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

33
views/index.ejs
View file

@ -7,24 +7,7 @@
<link rel="stylesheet" href="/css/base.css">
<link rel="stylesheet" href="/css/index.css">
<link rel="stylesheet" href="/css/app.css">
<script>
function copyURI(evt) {
evt.preventDefault();
navigator.clipboard.writeText(absolutePath(evt.target.getAttribute('src'))).then(() => {
/* clipboard successfully set */
console.log("copied")
}, () => {
/* clipboard write failed */
console.log("failed")
});
}
function absolutePath (href) {
let link = document.createElement("a");
link.href = href;
return link.href;
}
</script>
<script src="/js/index.js"></script>
</head>
<body>
<section class="todoapp">
@ -41,9 +24,13 @@ function absolutePath (href) {
<header class="header">
<h1>Embedder</h1>
<form action="/" method="post" encType="multipart/form-data">
<input class="new-todo" type="text" name="title" placeholder="File Title (optional)">
<input class="new-todo" type="file" name="fileupload">
<input type="submit">
<!---->
<div id="dropArea">
<p class="dragregion">Upload a file or drag n' drop into the dashed region</p>
<br>
<p class="dragregion"><input class="" type="file" id="fileupload" name="fileupload"><input type="submit"></p>
<p class="dragregion">Click the file to copy the url</p>
</div>
</form>
</header>
<% if (Count > 0) { %>
@ -53,8 +40,8 @@ function absolutePath (href) {
<li>
<form action="<%= file.url %>" method="post">
<div class="view">
<img src="/uploads/<%=file.path %>" height="400" onclick="copyURI(event)">
<label ondblclick="this.closest('li').className = this.closest('li').className + ' editing'; this.closest('li').querySelector('input.edit').focus(); this.closest('li').querySelector('input.edit').value = ''; this.closest('li').querySelector('input.edit').value = '<%= file.path %>';"><%= file.path %></label>
<img class="image" src="/uploads/<%=file.path %>" width="100%" onclick="copyURI(event)">
<label text-align:"center"><%= file.path %></label>
<button class="destroy" form="delete-<%= file.path %>"></button>
</div>
</form>