Youtube-Smart-Control/popup.js at main · GeNeT11X/Youtube-Smart-Control · GitHub

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
63
64
65
66
67
68
69
70
71
72
73
74
75
const playbackSpeedSelect = document.getElementById('playbackSpeed');
const volumeSlider = document.getElementById('volume');
const volumeValue = document.getElementById('volumeValue');
const captionModeSelect = document.getElementById('captionMode');
const defaultQualitySelect = document.getElementById('defaultQuality');
const cinemaModeToggle = document.getElementById('cinemaMode');
const disableShortsToggle = document.getElementById('disableShorts');
const saveButton = document.getElementById('saveButton');
const statusMessage = document.getElementById('statusMessage');

chrome.storage.sync.get(['playbackSpeed', 'volume', 'captionMode', 'disableCaptions', 'cinemaMode', 'disableShorts', 'defaultQuality'], (result) => {
  if (result.playbackSpeed !== undefined) {
    playbackSpeedSelect.value = result.playbackSpeed;
  } else {
    playbackSpeedSelect.value = 1.5;
  }

  if (result.volume !== undefined) {
    volumeSlider.value = result.volume;
    volumeValue.textContent = result.volume;
  } else {
    volumeSlider.value = 40;
    volumeValue.textContent = 40;
  }

  if (result.captionMode !== undefined) {
    captionModeSelect.value = result.captionMode;
  } else if (result.disableCaptions !== undefined) {
    captionModeSelect.value = result.disableCaptions ? 'off' : 'default';
  } else {
    captionModeSelect.value = 'off';
  }

  if (result.defaultQuality !== undefined) {
    defaultQualitySelect.value = result.defaultQuality;
  } else {
    defaultQualitySelect.value = 'auto';
  }

  if (result.cinemaMode !== undefined) {
    cinemaModeToggle.checked = result.cinemaMode;
  } else {
    cinemaModeToggle.checked = false;
  }

  if (result.disableShorts !== undefined) {
    disableShortsToggle.checked = result.disableShorts;
  } else {
    disableShortsToggle.checked = true;
  }
});

volumeSlider.addEventListener('input', () => {
  volumeValue.textContent = volumeSlider.value;
});

saveButton.addEventListener('click', () => {
  const settings = {
    playbackSpeed: parseFloat(playbackSpeedSelect.value),
    volume: parseInt(volumeSlider.value),
    captionMode: captionModeSelect.value,
    defaultQuality: defaultQualitySelect.value,
    cinemaMode: cinemaModeToggle.checked,
    disableShorts: disableShortsToggle.checked
  };

  chrome.storage.sync.set(settings, () => {
    statusMessage.textContent = 'Settings saved successfully!';
    statusMessage.style.opacity = '1';

    setTimeout(() => {
      statusMessage.style.opacity = '0';
    }, 2000);
  });
});