aboutsummaryrefslogtreecommitdiffhomepage
path: root/popup.html
blob: a5bca6502ccb68e1bea082db53b7bdd54730314f (plain)
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
54
55
56
57
58
59
60
61
62
<html>
  <head>
    <title>Set Page Color Popup</title>
    <link rel="stylesheet" type="text/css" href="popup.css"/>
  </head>

  <center>
    <div id="app">
        <h1>SponsorBlock</h1>

        <!-- Loading text -->
        <p id="loadingIndicator">Loading...</p>

        <!-- Hidden until loading complete -->
        <div id="mainControls" class="main" style="display: none">
            <!-- If the video was found in the database -->
            <div id="videoFound">
      
            </div>

            <div id="downloadedSponsorMessageTimes">
      
            </div>
    
            <br/>

            <h2>Record the times of a sponsorship</h2>

            <p> 
              Click the button below when the sponsorship starts and ends to record and 
              submit it to the database.
            </p>
    
            <div>
              <button id="sponsorStart" class="greenButton">Sponsorship Starts Now</button>
            </div>
      
            <div id="submissionSection" style="display: none">
              <h3>Latest Sponsor Message Times Chosen</h3>
              <b>
                <div id="sponsorMessageTimes">
        
                </div>
              </b>
      
              <button id="clearTimes" class="smallButton">Clear Times</button>
      
              <br/>
              <br/>
      
              <button id="submitTimes" class="smallButton">Submit Times</button>
            </div>

            <br/>
            <br/>
      
            <button id="showNoticeAgain" style="display: none" class="noticeButton">Show Notice Again</button>
        </div>
      </div>
  </center>
  <script src="popup.js"></script>
</html>