BRANCH: Torrent with Vue and pure JS.

public/static/js/addTorrents.js

@@ -0,0 +1,49 @@
+// Get the modal
+var modal = document.getElementById('addTorrentModal');
+
+// Get the button that opens the modal
+var btn = document.getElementById("addTorrentLink");
+
+// Get the <span> element that closes the modal
+var span = document.getElementsByClassName("addTorrentModalClose")[0];
+
+
+// When the user clicks the button, open the modal 
+btn.onclick = function() {
+    modal.style.display = "block";
+}
+
+// When the user clicks on <span> (x), close the modal
+span.onclick = function() {
+    modal.style.display = "none";
+}
+
+// When the user clicks anywhere outside of the modal, close it
+window.onclick = function(event) {
+    if (event.target == modal) {
+        modal.style.display = "none";
+    }
+}
+
+var torrentFileModal = document.getElementById('addTorrentFileModal');
+
+var btnTorrentFile = document.getElementById("addTorrentFile");
+
+var spanTorrentFile = document.getElementsByClassName("addTorrentFileModalClose")[0];
+
+
+btnTorrentFile.onclick = function() {
+    torrentFileModal.style.display = "block";
+}
+
+// When the user clicks on <span> (x), close the modal
+spanTorrentFile.onclick = function() {
+    torrentFileModal.style.display = "none";
+}
+
+// When the user clicks anywhere outside of the modal, close it
+window.onclick = function(event) {
+    if (event.target == torrentFileModal) {
+        torrentFileModal.style.display = "none";
+    }
+}