Add Reset Button and Original Source Icon

This commit is contained in:
Leo Herzog
2020-06-30 16:05:55 -04:00
parent 5e33e6cc00
commit e424fee50b
3 changed files with 29 additions and 14 deletions

View File

@@ -11893,6 +11893,7 @@ const mime = require('mime-types');
var properties = document.getElementById('properties'); var properties = document.getElementById('properties');
var originalSourceIcon = document.getElementById('originalSourceIcon'); var originalSourceIcon = document.getElementById('originalSourceIcon');
var name = document.getElementById('name'); var name = document.getElementById('name');
var reset = document.getElementById('reset');
var created = document.getElementById('created'); var created = document.getElementById('created');
var createdBy = document.getElementById('createdBy'); var createdBy = document.getElementById('createdBy');
var comment = document.getElementById('comment'); var comment = document.getElementById('comment');
@@ -11914,19 +11915,19 @@ function start() {
document.getElementById('magnet').addEventListener('keyup', function(event) { document.getElementById('magnet').addEventListener('keyup', function(event) {
event.preventDefault(); event.preventDefault();
reset(); resetProperties();
if (event.keyCode === 13) { if (event.keyCode === 13) {
originalSourceIcon.className = 'fad fa-magnet'; originalSourceIcon.innerHTML = '<span class="fad fa-magnet fa-fw"></span>';
originalSourceIcon.title = 'Originally sourced from Magnet link'; originalSourceIcon.title = 'Originally sourced from Magnet URL';
parse(magnet.value); parse(magnet.value);
} }
}); });
document.getElementById('torrent').addEventListener('change', function(event) { document.getElementById('torrent').addEventListener('change', function(event) {
event.preventDefault(); event.preventDefault();
reset(); resetProperties();
event.target.files[0].arrayBuffer().then(function(arrayBuffer) { event.target.files[0].arrayBuffer().then(function(arrayBuffer) {
originalSourceIcon.className = 'fad fa-file'; originalSourceIcon.innerHTML = '<span class="fad fa-file fa-fw"></span>';
originalSourceIcon.title = 'Originally sourced from Torrent file'; originalSourceIcon.title = 'Originally sourced from Torrent file';
parse(Buffer.from(arrayBuffer)); parse(Buffer.from(arrayBuffer));
}); });
@@ -11949,13 +11950,18 @@ function start() {
}); });
name.addEventListener('input', propertyChange); name.addEventListener('input', propertyChange);
reset.addEventListener('click', resetProperties);
createdBy.addEventListener('change', propertyChange); createdBy.addEventListener('change', propertyChange);
comment.addEventListener('input', propertyChange); comment.addEventListener('input', propertyChange);
addTrackers.addEventListener('click', addCurrentTrackers); addTrackers.addEventListener('click', addCurrentTrackers);
removeTrackers.addEventListener('click', removeCurrentTrackers); removeTrackers.addEventListener('click', removeCurrentTrackers);
removeWebseeds.addEventListener('click', removeCurrentWebseeds); removeWebseeds.addEventListener('click', removeCurrentWebseeds);
if (window.location.hash) parse(window.location.hash.split('#')[1]); if (window.location.hash) {
originalSourceIcon.innerHTML = '<span class="fad fa-link fa-fw"></span>';
originalSourceIcon.title = 'Originally sourced from Magnet URL in the address bar of this site';
parse(window.location.hash.split('#')[1]);
}
} }
@@ -12115,7 +12121,7 @@ function propertyChange(e) {
display(); display();
} }
function reset() { function resetProperties() {
properties.style.display = 'none'; properties.style.display = 'none';
name.value = ""; name.value = "";
created.value = ""; created.value = "";

View File

@@ -22,6 +22,9 @@
<div class="form-group"> <div class="form-group">
<label for="name"><span id="originalSourceIcon"></span>Torrent Name</label> <label for="name"><span id="originalSourceIcon"></span>Torrent Name</label>
<input id="name" type="text" placeholder="Unspecified" /> <input id="name" type="text" placeholder="Unspecified" />
<button id="reset">
<span class="fas fa-minus-circle"></span> Reset
</button>
</div> </div>
<div class="form-group"> <div class="form-group">

View File

@@ -7,6 +7,7 @@ const mime = require('mime-types');
var properties = document.getElementById('properties'); var properties = document.getElementById('properties');
var originalSourceIcon = document.getElementById('originalSourceIcon'); var originalSourceIcon = document.getElementById('originalSourceIcon');
var name = document.getElementById('name'); var name = document.getElementById('name');
var reset = document.getElementById('reset');
var created = document.getElementById('created'); var created = document.getElementById('created');
var createdBy = document.getElementById('createdBy'); var createdBy = document.getElementById('createdBy');
var comment = document.getElementById('comment'); var comment = document.getElementById('comment');
@@ -28,19 +29,19 @@ function start() {
document.getElementById('magnet').addEventListener('keyup', function(event) { document.getElementById('magnet').addEventListener('keyup', function(event) {
event.preventDefault(); event.preventDefault();
reset(); resetProperties();
if (event.keyCode === 13) { if (event.keyCode === 13) {
originalSourceIcon.className = 'fad fa-magnet'; originalSourceIcon.innerHTML = '<span class="fad fa-magnet fa-fw"></span>';
originalSourceIcon.title = 'Originally sourced from Magnet link'; originalSourceIcon.title = 'Originally sourced from Magnet URL';
parse(magnet.value); parse(magnet.value);
} }
}); });
document.getElementById('torrent').addEventListener('change', function(event) { document.getElementById('torrent').addEventListener('change', function(event) {
event.preventDefault(); event.preventDefault();
reset(); resetProperties();
event.target.files[0].arrayBuffer().then(function(arrayBuffer) { event.target.files[0].arrayBuffer().then(function(arrayBuffer) {
originalSourceIcon.className = 'fad fa-file'; originalSourceIcon.innerHTML = '<span class="fad fa-file fa-fw"></span>';
originalSourceIcon.title = 'Originally sourced from Torrent file'; originalSourceIcon.title = 'Originally sourced from Torrent file';
parse(Buffer.from(arrayBuffer)); parse(Buffer.from(arrayBuffer));
}); });
@@ -63,13 +64,18 @@ function start() {
}); });
name.addEventListener('input', propertyChange); name.addEventListener('input', propertyChange);
reset.addEventListener('click', resetProperties);
createdBy.addEventListener('change', propertyChange); createdBy.addEventListener('change', propertyChange);
comment.addEventListener('input', propertyChange); comment.addEventListener('input', propertyChange);
addTrackers.addEventListener('click', addCurrentTrackers); addTrackers.addEventListener('click', addCurrentTrackers);
removeTrackers.addEventListener('click', removeCurrentTrackers); removeTrackers.addEventListener('click', removeCurrentTrackers);
removeWebseeds.addEventListener('click', removeCurrentWebseeds); removeWebseeds.addEventListener('click', removeCurrentWebseeds);
if (window.location.hash) parse(window.location.hash.split('#')[1]); if (window.location.hash) {
originalSourceIcon.innerHTML = '<span class="fad fa-link fa-fw"></span>';
originalSourceIcon.title = 'Originally sourced from Magnet URL in the address bar of this site';
parse(window.location.hash.split('#')[1]);
}
} }
@@ -229,7 +235,7 @@ function propertyChange(e) {
display(); display();
} }
function reset() { function resetProperties() {
properties.style.display = 'none'; properties.style.display = 'none';
name.value = ""; name.value = "";
created.value = ""; created.value = "";