mirror of
https://github.com/leoherzog/TorrentParts.git
synced 2026-01-23 19:58:03 -08:00
148 lines
4.8 KiB
HTML
148 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<meta charset="utf-8" />
|
|
<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="keywords" content="torrent, webtorrent, magnet, p2p, peer to peer, filesharing, announce, tracker, webseed" />
|
|
<meta name="author" content="Leo Herzog | herzog.tech" />
|
|
<meta name="theme-color" content="#102030" />
|
|
<title>Torrent Parts | Inspect and edit what's in your Torrent file or Magnet link</title>
|
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
|
|
<script async src="https://kit.fontawesome.com/9ca49f101f.js"></script>
|
|
|
|
<script async defer src="https://www.googletagmanager.com/gtag/js?id=G-VT4953Z89H"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'G-VT4953Z89H');
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header>
|
|
<h1 id="logo">Torrent<span id="originalSourceIcon"><span class="fad fa-magnet fa-fw"></span></span>Parts</h1>
|
|
<iframe src="https://ghbtns.com/github-btn.html?user=leoherzog&repo=TorrentParts&type=star&count=true" frameborder="0" scrolling="0" width="100" height="20" title="GitHub"></iframe>
|
|
</header>
|
|
|
|
<div id="startButtons">
|
|
<input id="magnet" type="text" placeholder="Enter Magnet URL" aria-label="Enter Magnet URL and press enter" />
|
|
<label for="magnet" style="display:none">
|
|
Enter Magnet link and press enter
|
|
</label>
|
|
<input id="torrent" type="file" aria-label="Select Torrent file" />
|
|
<label for="torrent">
|
|
<span class="fas fa-cloud-upload"></span> Select Torrent File
|
|
</label>
|
|
|
|
</div>
|
|
|
|
<div id="properties" style="display:none">
|
|
|
|
<button id="reset" aria-label="Reset the page">
|
|
<span class="far fa-times"></span>
|
|
</button>
|
|
|
|
<div id="share">
|
|
<button id="copyURL" aria-label="Copy this torrent.parts link to the clipboard">
|
|
<span class="fas fa-share-alt fa-2x" data-fa-transform="left-1"></span>
|
|
</button>
|
|
<button id="copyMagnet" aria-label="Copy this Magnet URL to the clipboard">
|
|
<span class="fas fa-magnet fa-2x" data-fa-transform="down-1"></span>
|
|
</button>
|
|
<button id="downloadTorrent" aria-label="Download this as a Torrent file">
|
|
<span class="fas fa-file-download fa-2x"></span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="property">
|
|
<div class="labels">
|
|
<label for="hash">Unique Hash</label>
|
|
</div>
|
|
<div class="content">
|
|
<input id="hash" type="text" placeholder="" disabled/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="property">
|
|
<div class="labels">
|
|
<label for="name">Torrent Name</label>
|
|
</div>
|
|
<div class="content">
|
|
<input id="name" type="text" placeholder="Unnamed" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="property">
|
|
<div class="labels">
|
|
<label for="created">Created</label>
|
|
<label for="createdBy" style="display:none">Created By</label>
|
|
</div>
|
|
<div class="content">
|
|
<input id="created" type="text" placeholder="Creation time unspecified" aria-label="Creation time" disabled />
|
|
<br />
|
|
<input id="createdBy" type="text" placeholder="Creation client unspecified" aria-label="Creation client" disabled />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="property">
|
|
<div class="labels">
|
|
<label for="comment">Comment</label>
|
|
</div>
|
|
<div class="content">
|
|
<input id="comment" type="text" placeholder="Not included in the URL/File provided" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="property">
|
|
<div class="labels">
|
|
<label for="announce">Tracker URLs</label>
|
|
<a id="addTrackers">Add Known Working Trackers</a>
|
|
<a id="removeTrackers">Remove All</a>
|
|
</div>
|
|
<div class="content">
|
|
<button id="addTracker" data-type="announce">
|
|
<span class="far fa-plus-circle"></span> Add Tracker
|
|
</button>
|
|
<div id="announce"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="property">
|
|
<div class="labels">
|
|
<label for="urlList">Webseed URLs</label>
|
|
<a id="removeWebseeds">Remove All</a>
|
|
</div>
|
|
<div class="content">
|
|
<button id="addWebseed" data-type="urlList">
|
|
<span class="far fa-plus-circle"></span> Add Webseed
|
|
</button>
|
|
<div id="urlList"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="property">
|
|
<div class="labels">
|
|
<label for="files">Files</label>
|
|
<a id="getFiles">Fetch Files List from WebTorrent</a>
|
|
</div>
|
|
<table id="files">
|
|
<tbody id="filesBody"></tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="bundle.min.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |