Skip to content

Commit

Permalink
delete comments
Browse files Browse the repository at this point in the history
  • Loading branch information
@RandomPerson3465
RandomPerson3465 committed Aug 24, 2024
1 parent e40fef8 commit 686b061
Showing 1 changed file with 1 addition and 210 deletions.
211 changes: 1 addition & 210 deletions livecountsedit/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,15 +29,7 @@
<body>
<div class="lcedit-container">
<div class="tabs">
<div class="tab-buttons">
<!--
<button id="tab-link-0" class="tab-link" onclick="openTab(event, 'tabs-0')">General</button>
<button id="tab-link-1" class="tab-link" onclick="openTab(event, 'tabs-1')">Counter</button>
<button id="tab-link-2" class="tab-link" onclick="openTab(event, 'tabs-2')">Styles</button>
<button id="tab-link-3" class="tab-link" onclick="openTab(event, 'tabs-3')">Advanced Settings</button>
<button id="tab-link-4" class="tab-link" onclick="openTab(event, 'tabs-4')">API Updates</button>
-->
</div>
<div class="tab-buttons"></div>
<button class="btn btn-primary" onclick="submit()">Save settings</button><br>
<button class="btn btn-primary" onclick="refreshCount()">Refresh count</button>
<button class="btn btn-danger" onclick="reset()">Reset</button><br>
Expand All @@ -51,207 +43,6 @@

</div>
<div class="tab-stuff"></div>
<!--
<div class="tab-content" id="tabs-0">
<form class="counter-form" id="settingsForm-0">
<div class="mb-3">
<label class="form-label" for="title">Name</label>
<input class="form-control" id="title" name="title" type="text" required>
</div>
<div class="mb-3">
<label class="form-label" for="count">Count</label>
<input class="form-control" id="count" name="count" type="number" required step="any">
</div>
<hr>
<div class="mb-3">
<label class="form-label" for="imageURL">Avatar URL</label>
<input class="form-control" id="imageURL" name="imageURL" type="text">
<label class="form-label" for="imageFile">or</label>
<input class="form-control" id="imageFile" name="imageFile" type="file" accept="image/png, image/jpeg">
</div>
<hr>
<div class="mb-3">
<label class="form-label" for="bannerURL">Banner URL</label>
<input class="form-control" id="bannerURL" name="bannerURL" type="text">
<label class="form-label" for="bannerFile">or</label>
<input class="form-control" id="bannerFile" name="bannerFile" type="file" accept="image/png, image/jpeg">
</div>
<hr>
<div class="mb-3">
<label class="form-label" for="footer">Footer</label>
<input class="form-control" id="footer" name="footer" type="text">
</div>
</form>
</div>
<div class="tab-content" id="tabs-1">
<form class="counter-form" id="settingsForm-1">
<div class="mb-3">
<label class="form-label" for="gainType">Gain type</label>
<select class="form-control" id="gainType" name="gainType" required>
<option value="0">Uniform (Default)</option>
<option value="1">Gaussian</option>
<option value="2">Custom</option>
</select>
</div>
<div class="mb-3 gain-0">
<label class="form-label" for="minRate">Minimum rate</label>
<input class="form-control" id="minRate" name="minRate" type="number" step="any">
</div>
<div class="mb-3 gain-0">
<label class="form-label" for="maxRate">Maximum rate</label>
<input class="form-control" id="maxRate" name="maxRate" type="number" step="any">
</div>
<div class="mb-3 gain-1">
<label class="form-label" for="meanRate">Mean rate</label>
<input class="form-control" id="meanRate" name="meanRate" type="number" step="any">
</div>
<div class="mb-3 gain-1">
<span><label class="form-label" for="stdevRate">Standard deviation</label> <i class="fa fa-info-circle" data-bs-toggle="tooltip" title="The expected distance from the mean the rate will be."></i></span>
<input class="form-control" id="stdevRate" name="stdevRate" type="number" min="0" step="any">
</div>
<div class="mb-3 gain-2">
<span><label class="form-label" for="customRate">Custom distribution</label> <i class="fa fa-info-circle" data-bs-toggle="tooltip" title="Each line is of the form Min,Max,Weight. Weight is the relative probability of the line being chosen. Min and Max are the minimum and maximum rates for if this line is chosen."></i></span>
<textarea class="form-control" id="customRate" name="customRate" placeholder="Min1,Max1,Weight1
Min2,Max2,Weight2"></textarea>
</div>
<div class="mb-3">
<span><label class="form-label" for="gainPer">Gain per (seconds)</label> <i class="fa fa-info-circle" data-bs-toggle="tooltip" title="The amount of time in seconds that the gain rates are calculated per. For example, set to 60 for a rate in followers/subscribers per minute, and 3600 for a rate in per hour."></i></span>
<input class="form-control" id="gainPer" name="gainPer" type="number" min="0.001" step="any">
</div>
</form>
</div>
<div class="tab-content" id="tabs-2">
<form class="counter-form" id="settingsForm-2">
<div class="mb-3">
<label class="form-label" for="titleColor">Username color</label>
<input class="form-control form-control-color" id="titleColor" name="titleColor" type="color">
</div>
<div class="mb-3">
<label class="form-label" for="counterColor">Counter color</label>
<input class="form-control form-control-color" id="counterColor" name="counterColor" type="color">
</div>
<div class="mb-3">
<span><label class="form-label" for="upColor">Counter up color</label> <i class="fa fa-info-circle" data-bs-toggle="tooltip" title="The color the counter changes to when counting up."></i></span>
<input class="form-control form-control-color" id="upColor" name="upColor" type="color">
</div>
<div class="mb-3">
<span><label class="form-label" for="downColor">Counter down color</label> <i class="fa fa-info-circle" data-bs-toggle="tooltip" title="The color the counter changes to when counting down."></i></span>
<input class="form-control form-control-color" id="downColor" name="downColor" type="color">
</div>
<div class="mb-3">
<label class="form-label" for="footerColor">Footer color</label>
<input class="form-control form-control-color" id="footerColor" name="footerColor" type="color">
</div>
<div class="mb-3">
<label class="form-label" for="bgColor">Background color</label>
<input class="form-control form-control-color" id="bgColor" name="bgColor" type="color">
</div>
<div class="mb-3">
<label class="form-label" for="chartColor">Chart color</label>
<input class="form-control form-control-color" id="chartColor" name="chartColor" type="color">
</div>
<div class="mb-3">
<label class="form-label" for="bannerBlur">Banner blur amount</label>
<input class="form-control" id="bannerBlur" name="bannerBlur" type="number" min="0" step="any">
</div>
</form>
</div>
<div class="tab-content" id="tabs-3">
<form class="counter-form" id="settingsForm-3">
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" id="showImage" name="showImage">
<label class="form-check-label" for="showImage">Show avatar</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" id="showBanner" name="showBanner">
<label class="form-check-label" for="showBanner">Show banner</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" id="showChart" name="showChart">
<label class="form-check-label" for="showChart">Show chart</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" id="showFooter" name="showFooter">
<label class="form-check-label" for="showFooter">Show footer</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" id="abb" name="abb">
<span><label class="form-check-label" for="abb">Abbreviate counter</label> <i class="fa fa-info-circle" data-bs-toggle="tooltip" title="Limit the counter to show up to three significant digits, as in YouTube's API."></i></span>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" id="offlineGains" name="offlineGains">
<span><label class="form-check-label" for="offlineGains">Offline gains</label> <i class="fa fa-info-circle" data-bs-toggle="tooltip" title="Upon loading, update the counter if it has been gaining while the counter was not open. Only applies if the counter has not been open for at least ten update intervals."></i></span>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" id="keepChartData" name="keepChartData">
<label class="form-check-label" for="keepChartData">Keep chart data on reload</label>
</div>
<div class="mb-3">
<span><label class="form-label" for="maxChartValues">Max chart values</label> <i class="fa fa-info-circle" data-bs-toggle="tooltip" title="The maximum number of data points the chart will show."></i></span>
<input class="form-control" id="maxChartValues" name="maxChartValues" type="number" min="3" max="10000">
</div>
<div class="mb-3">
<label class="form-label" for="animationDuration">Animation duration in seconds</label>
<input class="form-control" id="animationDuration" name="animationDuration" type="number" min="0" step="any">
</div>
<div class="mb-3">
<label class="form-label" for="min">Minimum count</label>
<input class="form-control" id="min" name="min" type="number" step="any" required>
</div>
<div class="mb-3">
<label class="form-label" for="max">Maximum count</label>
<input class="form-control" id="max" name="max" type="number" step="any" required>
</div>
<div class="mb-3">
<label class="form-label" for="animationType">Animation type</label>
<select class="form-control" id="animationType" name="animationType">
<option value="0">Odometer (default)</option>
<option value="1">Odometer (YouTube Studio)</option>
<option value="2">Counting</option>
</select>
</div>
<div class="mb-3">
<label class="form-label" for="updateInterval">Update interval in seconds</label>
<input class="form-control" id="updateInterval" name="updateInterval" type="number" min="0.001" max="2147483.647" step="any">
</div>
<div class="mb-3">
<span><label class="form-label" for="updateProbability">Update probability in percent</label> <i class="fa fa-info-circle" data-bs-toggle="tooltip" title="The percent chance that the counter will update during each update interval. If it updates, the gains will be scaled accordingly to match the given rates."></i></span>
<input class="form-control" id="updateProbability" name="updateProbability" type="number" min="0" max="100" step="any">
</div>
</form>
</div>
<div class="tab-content" id="tabs-4">
<form class="api-form" id="settingsForm-4">
<div class="form-check mb-3">
<input class="form-check-input" type="checkbox" id="ytAPIEnabled" name="ytAPIEnabled">
<span><label class="form-check-label" for="showImage">Enable YouTube API updates</label> <i class="fa fa-info-circle" data-bs-toggle="tooltip" title="This will update the counter if the abbreviated subscriber count does not match what is given in the API."></i></span>
</div>
<div class="mb-3">
<span><label class="form-label" for="ytChannelID">YouTube channel ID</label> <i class="fa fa-info-circle" data-bs-toggle="tooltip" title="This is not the same as a YouTube handle or username. Use the tool linked below to help you easily find the YouTube channel ID. YouTube channel IDs are 24 characters long and begin with &quot;UC&quot;."></i></span><br>
<a href="https://www.streamweasels.com/tools/youtube-channel-id-and-user-id-convertor/">YouTube channel ID finder</a>
<input class="form-control" id="ytChannelID" name="ytChannelID">
</div>
<div class="mb-3">
<span><label class="form-label" for="ytAPIKey">YouTube Data API v3 key</label> <i class="fa fa-info-circle" data-bs-toggle="tooltip" title="Read the article linked below if you are unsure of how to get one. Your YouTube API key should begin with &quot;AIzaSy&quot;. Do NOT share this key with anyone."></i></span><br>
<a href="https://blog.hubspot.com/website/how-to-get-youtube-api-key">A tutorial on how to get one</a>
<input class="form-control" id="ytAPIKey" name="ytAPIKey" type="password">
</div>
<div class="mb-3">
<span><label class="form-label" for="apiInterval">API update interval</label> <i class="fa fa-info-circle" data-bs-toggle="tooltip" title="The amount of time in seconds it takes before the API is checked again. YouTube API keys by default have very limited quota, so it is recommended that you set this to at least 10."></i></span>
<input class="form-control" id="apiInterval" name="apiInterval" type="number" min="1" max="2147483.647" step="any">
</div>
<div class="mb-3">
<span><label class="form-label" for="leeway">Overestimation leeway in percent</label> <i class="fa fa-info-circle" data-bs-toggle="tooltip" title="The amount that the count is brought down if it overestimates the abbreviated API count. Example: setting this to 10 and overestimating 12.3M and 123M will result in the count being brought to 12.39M and 123.9M, respectively."></i></span>
<input class="form-control" id="leeway" name="leeway" type="number" min="0" max="100" step="any">
</div>
</form>
<button class="btn btn-primary" onclick="submitAPI()">Save API settings</button><br>
<button class="btn btn-primary" onclick="updateAPI()">Update now</button>
<h5>Note: API settings are saved separately from the other settings.</h5><br>
<h5>Status indicator: <span id="apiStatusIndicator">--</span></h5>
</div>
-->
<div class="counter-content">
<div class="counter-container">
<img class="banner" src="../default_banner.png" id="counter-banner">
Expand Down

0 comments on commit 686b061

Please sign in to comment.