Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
update css and js; footer; datatable style; reformat; pdn icon
- Loading branch information
1 parent
0378864
commit 3e4a606
Showing
16 changed files
with
726 additions
and
649 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,40 +1,44 @@ | ||
| <div class="form-group row" style="margin: 0 auto; text-align: center"> | ||
| <span style="font-weight: bold; margin-right: 15px; margin-top: auto; margin-bottom: auto;">Quota errors?</span> | ||
| <input type="text" class="form-control" id="key" aria-describedby="help" style="max-width: 200px;" | ||
| placeholder="YouTube API Key" /> | ||
| <button id="setButton" class="btn btn-info" disabled="disabled">Set</button> | ||
| <small id="msg" style="font-weight: bold; margin-left: 15px; margin-top: auto; margin-bottom: auto;" align=center>* Optional</small> | ||
| <br> | ||
| <script> | ||
| function getCookie(cn) { | ||
| var name = cn+"="; | ||
| var allCookie = decodeURIComponent(document.cookie).split(';'); | ||
| var cval = []; | ||
| for(var i=0; i < allCookie.length; i++) { | ||
| if (allCookie[i].trim().indexOf(name) == 0) { | ||
| cval = allCookie[i].trim().split("="); | ||
| } | ||
| } | ||
| return (cval.length > 0) ? cval[1] : ""; | ||
| } | ||
| let cookieKey = getCookie("apiKey"); | ||
| if(cookieKey != undefined && cookieKey != "") { | ||
| GOOGLE_API_KEY = cookieKey; | ||
| } | ||
| $('#setButton').click(function() { | ||
| let newKey = $("#key").val(); | ||
| if(newKey == "") { | ||
| $("#msg").text("unset"); | ||
| GOOGLE_API_KEY = DEFAULT_KEY; | ||
| document.cookie = "apiKey="; | ||
| } else { | ||
| $("#msg").text("set"); | ||
| document.cookie = "apiKey="+newKey; | ||
| GOOGLE_API_KEY = newKey; | ||
| } | ||
| }); | ||
| $("#key").attr("value", cookieKey); | ||
| </script> | ||
| <span style="font-weight: bold; margin-right: 15px; margin-top: auto; margin-bottom: auto;">Quota errors?</span> | ||
| <input type="text" class="form-control" id="key" aria-describedby="help" style="max-width: 200px;" | ||
| placeholder="YouTube API Key"/> | ||
| <button id="setButton" class="btn btn-info" disabled="disabled">Set</button> | ||
| <small id="msg" style="font-weight: bold; margin-left: 15px; margin-top: auto; margin-bottom: auto;" align=center>* | ||
| Optional</small> | ||
| <br> | ||
| <script> | ||
| function getCookie(cn) { | ||
| var name = cn + "="; | ||
| var allCookie = decodeURIComponent(document.cookie).split(';'); | ||
| var cval = []; | ||
| for (var i = 0; i < allCookie.length; i++) { | ||
| if (allCookie[i].trim().indexOf(name) == 0) { | ||
| cval = allCookie[i].trim().split("="); | ||
| } | ||
| } | ||
| return (cval.length > 0) ? cval[1] : ""; | ||
| } | ||
|
|
||
| let cookieKey = getCookie("apiKey"); | ||
| if (cookieKey != undefined && cookieKey != "") { | ||
| GOOGLE_API_KEY = cookieKey; | ||
| } | ||
| $('#setButton').click(function () { | ||
| let newKey = $("#key").val(); | ||
| if (newKey == "") { | ||
| $("#msg").text("unset"); | ||
| GOOGLE_API_KEY = DEFAULT_KEY; | ||
| document.cookie = "apiKey="; | ||
| } else { | ||
| $("#msg").text("set"); | ||
| document.cookie = "apiKey=" + newKey; | ||
| GOOGLE_API_KEY = newKey; | ||
| } | ||
| }); | ||
| $("#key").attr("value", cookieKey); | ||
| </script> | ||
| </div> | ||
| <small class="form-text text-muted" align=center>Here is the <a target="_blank" href="https://developers.google.com/youtube/v3/getting-started">guide to get your key</a>. Enable "YouTube Data API.". Set blank to use default.</small> | ||
| <br> | ||
| <small class="form-text text-muted" align=center>Here is the <a target="_blank" | ||
| href="https://developers.google.com/youtube/v3/getting-started">guide | ||
| to get your key</a>. Enable "YouTube Data API.". Set blank to use default.</small> | ||
| <br> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,88 +1,89 @@ | ||
| <!-- Shared form controls for location and topic search --> | ||
| <div class="form-group row"> | ||
| <label class="col-2 col-form-label">Timeframe</label> | ||
| <div class="col-10" style="width: 100%"> | ||
| <select id="timeframe" aria-describedby="orderhelp" class="custom-select"> | ||
| <option value="any" selected>Any</option> | ||
| <option value="hour-1">Past hour</option> | ||
| <option value="hour-3">Past 3 hours</option> | ||
| <option value="hour-6">Past 6 hours</option> | ||
| <option value="hour-12">Past 12 hours</option> | ||
| <option value="hour-24">Past 24 hours</option> | ||
| <option value="day-7">Past 7 days</option> | ||
| <option value="day-30">Past 30 days</option> | ||
| <option value="day-90">Past 90 days</option> | ||
| <option value="day-365">Past year</option> | ||
| <option value="custom">Custom</option> | ||
| </select> | ||
| </div> | ||
| <label class="col-2 col-form-label">Timeframe</label> | ||
| <div class="col-10" style="width: 100%"> | ||
| <select id="timeframe" aria-describedby="orderhelp" class="custom-select"> | ||
| <option value="any" selected>Any</option> | ||
| <option value="hour-1">Past hour</option> | ||
| <option value="hour-3">Past 3 hours</option> | ||
| <option value="hour-6">Past 6 hours</option> | ||
| <option value="hour-12">Past 12 hours</option> | ||
| <option value="hour-24">Past 24 hours</option> | ||
| <option value="day-7">Past 7 days</option> | ||
| <option value="day-30">Past 30 days</option> | ||
| <option value="day-90">Past 90 days</option> | ||
| <option value="day-365">Past year</option> | ||
| <option value="custom">Custom</option> | ||
| </select> | ||
| </div> | ||
| </div> | ||
| <div id="customRange" style="display:none;"> | ||
| <div class="form-group row"> | ||
| <label class="col-2 col-form-label"><i>Date From</i></label> | ||
| <div class="col-10"> | ||
| <input class="form-control" style="max-width: 200px;" id="dateFrom" type="date" value="2005-02-13"> | ||
| </div> | ||
| </div> | ||
| <div class="form-group row"> | ||
| <label class="col-2 col-form-label" ><i>Date To</i></label> | ||
| <div class="col-10"> | ||
| <input class="form-control" style="max-width: 200px;" id="dateTo" type="date"> | ||
| </div> | ||
| </div> | ||
| <div class="form-group row"> | ||
| <label class="col-2 col-form-label"><i>Date From</i></label> | ||
| <div class="col-10"> | ||
| <input class="form-control" style="max-width: 200px;" id="dateFrom" type="date" value="2005-02-13"> | ||
| </div> | ||
| </div> | ||
| <div class="form-group row"> | ||
| <label class="col-2 col-form-label"><i>Date To</i></label> | ||
| <div class="col-10"> | ||
| <input class="form-control" style="max-width: 200px;" id="dateTo" type="date"> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="form-group row"> | ||
| <label class="col-2 col-form-label"><b>Page limit</b></label> | ||
| <div class="col-10" style="width: 100%"> | ||
| <select id="pageLimit" aria-describedby="page-msg" class="custom-select"> | ||
| <option value="1">1 page</option> | ||
| <option value="2">2 pages</option> | ||
| <option value="3" selected>3 pages</option> | ||
| <option value="5">5 pages</option> | ||
| <option value="7">7 pages</option> | ||
| <option value="15">All pages (up to 15)</option> | ||
| </select> | ||
| <small id="page-msg" class="form-text text-muted"> | ||
| * API limits stop returning results around pages 10 to 13. | ||
| <br> | ||
| * Pages are set to return maximum of 50 results per page. | ||
| </small> | ||
| </div> | ||
| <label class="col-2 col-form-label"><b>Page limit</b></label> | ||
| <div class="col-10" style="width: 100%"> | ||
| <select id="pageLimit" aria-describedby="page-msg" class="custom-select"> | ||
| <option value="1">1 page</option> | ||
| <option value="2">2 pages</option> | ||
| <option value="3" selected>3 pages</option> | ||
| <option value="5">5 pages</option> | ||
| <option value="7">7 pages</option> | ||
| <option value="15">All pages (up to 15)</option> | ||
| </select> | ||
| <small id="page-msg" class="form-text text-muted"> | ||
| * API limits stop returning results around pages 10 to 13. | ||
| <br> | ||
| * Pages are set to return maximum of 50 results per page. | ||
| </small> | ||
| </div> | ||
| </div> | ||
|
|
||
| <button class="btn btn-outline-secondary" id="btnToggleAdvanced"> | ||
| Toggle Advanced Options | ||
| Toggle Advanced Options | ||
| </button> | ||
| <div id="advanced-form" style="display: none"> | ||
| <div class="row"> | ||
| <legend class="col-2 col-form-label">Options</legend> | ||
| <div class="row"> | ||
| <legend class="col-2 col-form-label">Options</legend> | ||
|
|
||
| <div class="col-sm-10"> | ||
| <div id="live-only" class="custom-control custom-checkbox"> | ||
| <input type="checkbox" class="custom-control-input" id="liveOnly"> | ||
| <label class="custom-control-label" for="liveOnly">Live events only</label> | ||
| </div> | ||
| <div class="col-sm-10"> | ||
| <div id="live-only" class="custom-control custom-checkbox"> | ||
| <input type="checkbox" class="custom-control-input" id="liveOnly"> | ||
| <label class="custom-control-label" for="liveOnly">Live events only</label> | ||
| </div> | ||
|
|
||
| <div id="creative-commons" class="custom-control custom-checkbox"> | ||
| <input type="checkbox" class="custom-control-input" id="creativeCommons"> | ||
| <label class="custom-control-label" for="creativeCommons">Licensed with Creative Commons</label> | ||
| </div> | ||
| <div id="creative-commons" class="custom-control custom-checkbox"> | ||
| <input type="checkbox" class="custom-control-input" id="creativeCommons"> | ||
| <label class="custom-control-label" for="creativeCommons">Licensed with Creative Commons</label> | ||
| </div> | ||
|
|
||
| <div id="hd-only" class="custom-control custom-checkbox"> | ||
| <input type="checkbox" class="custom-control-input" id="highQuality"> | ||
| <label class="custom-control-label" for="highQuality">High Quality only</label> | ||
| </div> | ||
| <div id="hd-only" class="custom-control custom-checkbox"> | ||
| <input type="checkbox" class="custom-control-input" id="highQuality"> | ||
| <label class="custom-control-label" for="highQuality">High Quality only</label> | ||
| </div> | ||
|
|
||
| <div id="embedded-only" class="custom-control custom-checkbox"> | ||
| <input type="checkbox" class="custom-control-input" id="embeddedOnly"> | ||
| <label class="custom-control-label" for="embeddedOnly">Can be embedded on other sites.</label> | ||
| </div> | ||
| <div id="embedded-only" class="custom-control custom-checkbox"> | ||
| <input type="checkbox" class="custom-control-input" id="embeddedOnly"> | ||
| <label class="custom-control-label" for="embeddedOnly">Can be embedded on other sites.</label> | ||
| </div> | ||
|
|
||
| <div id="syndicated-only" class="custom-control custom-checkbox"> | ||
| <input type="checkbox" class="custom-control-input" id="syndicatedOnly"> | ||
| <label class="custom-control-label" for="syndicatedOnly">Syndicated (Can be played outside youtube.com)</label> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div id="syndicated-only" class="custom-control custom-checkbox"> | ||
| <input type="checkbox" class="custom-control-input" id="syndicatedOnly"> | ||
| <label class="custom-control-label" for="syndicatedOnly">Syndicated (Can be played outside | ||
| youtube.com)</label> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.