/
popup.html
53 lines (49 loc) · 3.25 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
44
45
46
47
48
49
50
51
52
53
<!doctype html>
<!--
This page is shown when the extension button is clicked, because the
"browser_action" field in manifest.json contains the "default_popup" key with
value "popup.html".
-->
<html>
<head>
<title>Soundcloud Filter Settings</title>
<style>
</style>
<!--
- JavaScript and HTML must be in separate files: see our Content Security
- Policy documentation[1] for details and explanation.
-
- [1]: https://developer.chrome.com/extensions/contentSecurityPolicy
-->
<script src="jquery-2.1.4.min.js"></script>
<script src="popup.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link href="popup.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="filter-popup-main-container">
<button class="sc-imitation-button inactive" id="enabled-state"></button>
<img id="logo" class="inactive" src="icon.png"/>
<h4>Soundcloud Stream Filter Settings</h4>
<button id="sc-filter-save-settings" class="sc-imitation-button" >Save & Apply</button>
<button id="sc-filter-clear-settings" class="sc-imitation-button" >Clear Settings</button>
<div><div class="field-name">Remove Reposts: </div><button id="sc-filter-repost-remover" class="toggle-button"><i class="fa fa-retweet"></i></button></div>
<div><div class="field-name">Remove Playlists: </div><button id="sc-filter-playlist-remover" class="toggle-button"><i class="fa fa-list"></i></button></div>
<div><div class="field-name">Track Likes: </div>min<input id="sc-filter-likes-min" type="number" min="0"> max<input id="sc-filter-likes-max" type="number" min="0"></div>
<div><div class="field-name">Track Plays: </div>min<input id="sc-filter-plays-min" type="number" min="0"> max<input id="sc-filter-plays-max" type="number" min="0"></div>
<div><div class="field-name">Track Reposts: </div>min<input id="sc-filter-reposts-min" type="number" min="0"> max<input id="sc-filter-reposts-max" type="number" min="0"></div>
<div><div class="field-name">Likes as % of Plays: </div><input id="sc-filter-likes-to-plays" type="number" min="0" max="99">%</div>
<div class="disabled"><div class="field-name">Exception Keywords: </div><button id="sc-filter-keywords-active" class="toggle-button"><i class="fa fa-font"></i></button> Coming Soon!</div>
<div id="more-info">
<div id="more-info-header"><span class="underline">Info:</span> <i class="fa fa-chevron-down"></i></div>
<ul>
<li>You must save changes for them to take effect.</li>
<!-- <li>Likes as % of Plays: Likes / Plays * 100</li> -->
<li>Exception keywords will allow you to provide exceptions from your filters based on a case-insensitive word found in the username or title.</li>
<li>Created by <a href="http://www.brendan-little.ca" target="_blank">Brendan Little</a></li>
<li>Inspired by the awesome <a href="https://chrome.google.com/webstore/detail/repost-toggle-for-soundcl/amimeafgcnfidkeknebnfdblmmekifem" target="_blank">Soundcloud Repost Toggle</a></li>
</ul>
</div>
</div>
</body>
</html>