Continuing to Organize into Two Columns

This commit is contained in:
Leo Herzog
2020-11-08 13:21:52 -05:00
parent 239021266d
commit b111fc3fe9
5 changed files with 2418 additions and 1899 deletions

4198
bundle.js

File diff suppressed because it is too large Load Diff

58
bundle.min.js vendored

File diff suppressed because one or more lines are too long

View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Inspect and edit what's in your Torrent file or Magnet link" /> <meta name="description" content="Inspect and edit what's in your Torrent file or Magnet link" />
<meta name="keywords" content="torrent, webtorrent, magnet, p2p, peer to peer, filesharing, announce, tracker, webseed" /> <meta name="keywords" content="torrent, webtorrent, magnet, p2p, peer to peer, filesharing, announce, tracker, webseed" />
@@ -83,28 +83,36 @@
<br /> <br />
<a id="removeTrackers">Remove All</a> <a id="removeTrackers">Remove All</a>
</div> </div>
<button id="addTracker" data-type="announce"> <div>
<span class="fas fa-plus"></span> <button id="addTracker" data-type="announce">
</button> <span class="far fa-plus-circle"></span> Add Tracker
<div id="announce"></div> </button>
<div id="announce"></div>
</div>
</div> </div>
<div class="property"> <div class="property">
<label for="urlList">Webseed URLs</label> <div>
<button id="addWebseed" data-type="urlList"> <label for="urlList">Webseed URLs</label>
<span class="fas fa-plus"></span> <button id="removeWebseeds">
</button> <span class="fas fa-eraser"></span>
<button id="removeWebseeds"> </button>
<span class="fas fa-eraser"></span> </div>
</button> <div>
<div id="urlList"></div> <button id="addWebseed" data-type="urlList">
<span class="far fa-plus-circle"></span> Add Tracker
</button>
<div id="urlList"></div>
</div>
</div> </div>
<div class="property"> <div class="property">
<label for="files">Files</label> <div>
<button id="getFiles"> <label for="files">Files</label>
<span class="fad fa-chart-network"></span> <button id="getFiles">
</button> <span class="fad fa-chart-network"></span>
</button>
</div>
<table id="files"> <table id="files">
<tbody id="filesBody"></tbody> <tbody id="filesBody"></tbody>
</table> </table>

View File

@@ -327,7 +327,7 @@ async function addCurrentTrackers() {
} }
function addRow() { function addRow() {
parsed[this.dataset.type].push(""); parsed[this.dataset.type].unshift("");
display(); display();
} }

View File

@@ -61,6 +61,10 @@ button:disabled {
filter: brightness(0.6); filter: brightness(0.6);
} }
a {
cursor: pointer;
}
header { header {
width: 100%; width: 100%;
height: 80px; height: 80px;
@@ -104,6 +108,7 @@ label[for="torrent"] {
box-sizing: border-box; box-sizing: border-box;
border-radius: 900px; border-radius: 900px;
text-align: center; text-align: center;
text-transform: none;
cursor: pointer; cursor: pointer;
} }
@@ -157,6 +162,18 @@ input {
width: 440px; width: 440px;
} }
#addTracker, #addWebseed {
width: 440px;
color: var(--light-blue);
background: var(--dark-blue);
border: 1px solid var(--light-blue);
padding: 8px;
box-sizing: border-box;
border-radius: 900px;
text-align: left;
cursor: pointer;
}
@media (max-width: 1080px) { @media (max-width: 1080px) {
#reset { #reset {