feat: generate podcast url from an archvie url and copy it to clipboard

This commit is contained in:
danilo silva 2020-09-10 22:38:21 +00:00
parent 9b8672230f
commit 4c743dc452
2 changed files with 89 additions and 10 deletions

View file

@ -12,4 +12,80 @@ import "../css/app.scss"
// import {Socket} from "phoenix"
// import socket from "./socket"
//
import "phoenix_html"
import "phoenix_html"
window.onload = function () {
document.getElementById('archiveUrlInput').addEventListener('keydown', function(event) {
setTimeout(function () { generatePodcastUrl(); }, 100)
});
document.getElementById('copiaRss').addEventListener('click', function(event) {
setTimeout(function () { copyToClipboard(fetchPodcastUrl()); }, 100)
});
};
function fetchArchiveUrl() {
return document.getElementById("archiveUrlInput").value.trim();
}
function fetchPodcastUrl() {
return document.getElementById("podcastUrl").value.trim();
}
function generatePodcastUrl() {
const archiveUrl = fetchArchiveUrl();
if (!validateArchiveUrl(archiveUrl)) {
document.getElementById("podcastUrl").value = "";
return;
}
const url = new URL(archiveUrl);
const podcastName = url.pathname.split("/").slice(-1).pop();
const podcastUrl = "https://openpod.abbiamoundominio.org/podcast/" + podcastName;
document.getElementById("podcastUrl").value = podcastUrl;
}
function validateArchiveUrl(url) {
try {
const archiveUrl = new URL(url);
var urlPattern = new RegExp("(http|https)://archive.org/details/[a-zA-Z0-9_-]*$")
if (!urlPattern.test(url) ){
throw 'Paste and archive.org url';
}
} catch (e) {
return false;
}
return true;
}
function copyToClipboard(text) {
if (window.clipboardData && window.clipboardData.setData) {
// Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.
return clipboardData.setData("Text", text);
}
else if (document.queryCommandSupported && document.queryCommandSupported("copy")) {
var textarea = document.createElement("textarea");
textarea.textContent = text;
textarea.style.position = "fixed"; // Prevent scrolling to bottom of page in Microsoft Edge.
document.body.appendChild(textarea);
textarea.select();
try {
return document.execCommand("copy"); // Security exception may be thrown by some browsers.
}
catch (ex) {
console.warn("Copy to clipboard failed.", ex);
return false;
}
finally {
document.body.removeChild(textarea);
}
}
}
// archiveUrlInput
// https://archive.org/details/uau-pod
// https://openpod.abbiamoundominio.org/podcast/il-mio-podcast

View file

@ -55,25 +55,26 @@
<span class="emoji">🥳</span>
</div>
<div class="col-md-8 col-12 py-3">
<form>
<form id="podcastUrlGenerationForm">
<div class="form-group m-0">
<label for="exampleInputEmail1">
<span class="text-danger"
>Genera il feed RSS del tuo podcast</span
>
<label for="archiveUrlInput">
<span class="text-danger">Genera il feed RSS del tuo podcast</span>
pronto per la distribuzione su tutti i servizi e app di
podcasting! Incolla qui sotto il link al tuo <i>item</i> su
<a href="https://archive.org" target="_blank">archive.org</a>
</label>
<input
class="form-control mb-3"
id="exampleInputEmail1"
id="archiveUrlInput"
name="archiveUrlInput"
type="url"
placeholder="es: https://archive.org/details/il-mio-podcast"
pattern="https://archive.org/details/.*" size="30" required
class="form-control mb-3"
/>
<div class="input-group">
<div class="input-group-prepend">
<button
id="copiaRss"
class="btn btn-danger btn-rss text-uppercase"
type="button"
>
@ -81,10 +82,12 @@
</button>
</div>
<input
id="podcastUrl"
name="podcastUrl"
type="text"
class="form-control"
disabled
value="https://openpod.abbiamoundominio.org/podcast/il-mio-podcast"
value=""
/>
</div>
</div>