romanmir/TorrentParts
1
0
Fork 0
mirror of https://github.com/leoherzog/TorrentParts.git synced 2026-01-24 04:08:04 -08:00
Code Issues Packages Projects Releases Wiki Activity

More Progress Towards Two Columns

Browse Source
This commit is contained in:
Leo Herzog
2020-11-05 08:58:08 -05:00
parent 75c804f650
commit 3f558e36a1
5 changed files with 39 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
bundle.js
View File

@@ -33319,8 +33319,13 @@ function display() {
hash.value = parsed.infoHash; hash.value = parsed.infoHash;
name.value = parsed.name || ""; name.value = parsed.name || "";
if (parsed.created) created.value = parsed.created.toISOString().slice(0, 19); if (parsed.created) {
createdBy.value = parsed.createdBy || ""; created.value = parsed.created.toISOString().slice(0, 19);
created.type = "datetime-local";
} else {
created.type = "text";
}
createdBy.value = "by " + parsed.createdBy || "";
comment.value = parsed.comment || ""; comment.value = parsed.comment || "";
announce.innerHTML = ""; announce.innerHTML = "";
@@ -33490,7 +33495,7 @@ function resetProperties() {
async function addCurrentTrackers() { async function addCurrentTrackers() {
addTrackers.disabled = true; addTrackers.disabled = true;
addTrackers.innerHTML = '<span class="fa-blink fa-stack fa-2x"><span class="fas fa-cloud fa-stack-2x"></span><span class="fas fa-plus fa-stack-1x fa-inverse" data-fa-transform="down-2"></span></span>'; addTrackers.innerHTML = 'Adding...';
try { try {
let response = await fetch("https://newtrackon.com/api/100"); // get trackers with 100% uptime let response = await fetch("https://newtrackon.com/api/100"); // get trackers with 100% uptime
let trackers = await response.text(); let trackers = await response.text();
@@ -33503,7 +33508,7 @@ async function addCurrentTrackers() {
catch(e) { catch(e) {
console.error(e); // TODO: Alert user to error console.error(e); // TODO: Alert user to error
} }
addTrackers.innerHTML = '<span class="fa-stack fa-2x"><span class="fas fa-cloud fa-stack-2x"></span><span class="fas fa-plus fa-stack-1x fa-inverse" data-fa-transform="down-2"></span></span>' addTrackers.innerHTML = 'Add Known Working Trackers';
addTrackers.disabled = false; addTrackers.disabled = false;
display(); display();
} }

2
bundle.min.js vendored
View File

File diff suppressed because one or more lines are too long

25
index.html
View File

@@ -53,9 +53,11 @@
<div class="property"> <div class="property">
<label for="created">Created</label> <label for="created">Created</label>
<input id="created" type="datetime-local" disabled /> <div>
<label for="createdBy">UTC with</label> <input id="created" type="text" placeholder="Time unspecified" disabled />
<input id="createdBy" type="text" placeholder="Unspecified" disabled /> <br />
<input id="createdBy" type="text" placeholder="Client unspecified" disabled />
</div>
</div> </div>
<div class="property"> <div class="property">
@@ -64,19 +66,16 @@
</div> </div>
<div class="property"> <div class="property">
<label for="announce">Tracker URLs</label> <div>
<button id="addTrackers"> <label for="announce">Tracker URLs</label>
<span class="fa-stack fa-2x"> <br />
<span class="fas fa-cloud fa-stack-2x"></span> <a id="addTrackers">Add Known Working Trackers</a>
<span class="fas fa-plus fa-stack-1x fa-inverse" data-fa-transform="down-2"></span> <br />
</span> <a id="removeTrackers">Remove All</a>
</button> </div>
<button id="addTracker" data-type="announce"> <button id="addTracker" data-type="announce">
<span class="fas fa-plus"></span> <span class="fas fa-plus"></span>
</button> </button>
<button id="removeTrackers">
<span class="fas fa-eraser"></span>
</button>
<div id="announce"></div> <div id="announce"></div>
</div> </div>

13
parse.js
View File

@@ -132,8 +132,13 @@ function display() {
hash.value = parsed.infoHash; hash.value = parsed.infoHash;
name.value = parsed.name || ""; name.value = parsed.name || "";
if (parsed.created) created.value = parsed.created.toISOString().slice(0, 19); if (parsed.created) {
createdBy.value = parsed.createdBy || ""; created.value = parsed.created.toISOString().slice(0, 19);
created.type = "datetime-local";
} else {
created.type = "text";
}
createdBy.value = "by " + parsed.createdBy || "";
comment.value = parsed.comment || ""; comment.value = parsed.comment || "";
announce.innerHTML = ""; announce.innerHTML = "";
@@ -303,7 +308,7 @@ function resetProperties() {
async function addCurrentTrackers() { async function addCurrentTrackers() {
addTrackers.disabled = true; addTrackers.disabled = true;
addTrackers.innerHTML = '<span class="fa-blink fa-stack fa-2x"><span class="fas fa-cloud fa-stack-2x"></span><span class="fas fa-plus fa-stack-1x fa-inverse" data-fa-transform="down-2"></span></span>'; addTrackers.innerHTML = 'Adding...';
try { try {
let response = await fetch("https://newtrackon.com/api/100"); // get trackers with 100% uptime let response = await fetch("https://newtrackon.com/api/100"); // get trackers with 100% uptime
let trackers = await response.text(); let trackers = await response.text();
@@ -316,7 +321,7 @@ async function addCurrentTrackers() {
catch(e) { catch(e) {
console.error(e); // TODO: Alert user to error console.error(e); // TODO: Alert user to error
} }
addTrackers.innerHTML = '<span class="fa-stack fa-2x"><span class="fas fa-cloud fa-stack-2x"></span><span class="fas fa-plus fa-stack-1x fa-inverse" data-fa-transform="down-2"></span></span>' addTrackers.innerHTML = 'Add Known Working Trackers';
addTrackers.disabled = false; addTrackers.disabled = false;
display(); display();
} }

14
style.css
View File

@@ -111,6 +111,7 @@ label[for="torrent"] {
position: relative; position: relative;
max-width: 960px; max-width: 960px;
background: var(--dark-blue); background: var(--dark-blue);
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
margin: 80px auto; margin: 80px auto;
padding: 40px; padding: 40px;
border-radius: 30px; border-radius: 30px;
@@ -140,18 +141,19 @@ label[for="torrent"] {
width: 100%; width: 100%;
margin: 20px 0px; margin: 20px 0px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-around;
align-items: center; align-items: center;
} }
.property > label { .property:first-child {
width: 160px; width: 160px;
text-align: right;
text-transform: uppercase;
margin: 0 auto;
} }
.property > input { label {
text-transform: uppercase;
}
input {
width: 440px; width: 440px;
} }