FreeTube/src/templates/settings.html

<div v-if="seen">
  <h1 class="center">Settings</h1>
  <div class='center'>
    <input type='text' name='api-key' id='api-key' class='settingsInput' :value='apiKey' placeholder='API Key' />
    <br />
    <label for='api-key'>Set API Key: Leave blank to use default</label>
    <br />
    <input type="checkbox" id="themeSwitch" name="set-name" class="switch-input" onchange='toggleTheme(this)' :checked='useTheme'>
    <label for="themeSwitch" class="switch-label">Use Dark Theme</label>
    <input type="checkbox" id="torSwitch" name="set-name" class="switch-input" :checked='useTor'>
    <label for="torSwitch" class="switch-label">Use Tor for API calls</label>
    <input type="checkbox" id="updatesSwitch" name="set-name" class="switch-input" :checked='updates'>
    <label for="updatesSwitch" class="switch-label">Check for Updates</label>
    <br />
    <input type="checkbox" id="historySwitch" name="set-name" class="switch-input" :checked='history'>
    <label for="historySwitch" class="switch-label">Remember History</label>
    <input type="checkbox" id="autoplaySwitch" name="set-name" class="switch-input" :checked='autoplay'>
    <label for="autoplaySwitch" class="switch-label">Autoplay Videos</label>
    <input type="checkbox" id="subtitlesSwitch" name="set-name" class="switch-input" :checked='subtitles'>
    <label for="subtitlesSwitch" class="switch-label">Turn on Subtitles by Default</label>
  </div>
  <div class='center'>
    <div onclick='importSubscriptions()' class='settingsButton'>
      IMPORT SUBSCRIPTIONS
    </div>
    <div onclick='exportSubscriptions();' class='settingsButton'>
      EXPORT SUBSCRIPTIONS
    </div>
  </div>
  <br /><br />
  <div class='center'>
    <div onclick='confirmFunction("Are you sure you want to delete your history?", clearFile, "history")' class='settingsButton'>
      CLEAR HISTORY
    </div>
    <div onclick='confirmFunction("Are you sure you want to remove all saved videos?", clearFile, "saved")' class='settingsButton'>
      CLEAR SAVED VIDEOS
    </div>
    <div onclick='confirmFunction("Are you sure you want to remove all subscriptions?", clearFile, "subscriptions")' class='settingsButton'>
      CLEAR SUBSCRIPTIONS
    </div>
  </div>
  <br /><br />
  <div onclick='updateSettings()' class='center settingsSubmit'>
    SAVE SETTINGS
  </div>
</div>