-
Notifications
You must be signed in to change notification settings - Fork 10
/
popup.html
43 lines (38 loc) · 2.31 KB
/
popup.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<html>
<head>
<title>PG Mailer</title>
<script src="jquery-3.6.0.min.js"></script>
<link href="bootstrap.min.css" rel="stylesheet">
<script src="bootstrap.min.js"></script>
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="container" style="padding: 10px;width: 280px;">
<nav class="navbar navbar-dark bg-dark justify-content-center">
<h3 class="navbar-brand" style="white-space: nowrap;padding: 0px;margin: 0px;"><img src="img/git-white.png" alt="PG Git Downloader" width="100px" height="100px" style="margin-left: 27%;"><br/><u>PG Github Downloader</u></h3>
<h6 style="color: white;text-align: center;">(Download any specified Folder or File from any Github Repo)</h6>
</nav>
<br>
<div id="download" style="text-align: center;display: none;">
<span id="repo">Repository :</span>
<div class="scrollmenu" id="repo-scroll">/</div>
<br>
<span id="dir">Directory :</span>
<div class="scrollmenu" id="dir-scroll">/</div>
<br>
<button type="button" style="display: none;" id="down_btn_file" class="btn btn-success">Download File <i class="fa fa-download" aria-hidden="true"></i></button>
<button id="down_btn" class="btn btn-success">Generate Zip <i id="down_icon" aria-hidden="true" class="fa fa-file-archive-o"></i></button>
<a href="" id="download_link_btn" class="btn btn-success" style="display: none;">Download <i id="down_icon" class="fa fa-download" aria-hidden="true"></i></a>
</div>
<!-- when repo/dir isn't downloadable -->
<div id="noDownload" style="text-align: center;">
<span style="font-style: italic;">Download Not Required / <br> No Downloadable File or Directory</span><br><br>
<button type="button" id="nodown_btn" class="btn btn-secondary" disabled>Download <i id="down_icon" class="fa fa-file-archive-o" aria-hidden="true"></i></button>
</div>
</div>
<script src="jszip/dist/jszip.js"></script>
<script src="jszip/FileSaver.min.js"></script>
<script src="popup.js"></script>
</body>
</html>