url-quick-append/options.js at master · painttist/url-quick-append · 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121

'use strict';

import './normalize.css';
import './styles.css';

var lazyLoading = false;

var checkLazy = document.getElementById('check-lazy');
var msgSuccess = document.getElementById('msg-success');
var btnApply = document.getElementById('btn-apply');

function getOptions() {
  chrome.storage.sync.get('options', function(data) {
    lazyLoading = data.options.lazyLoading;
    checkLazy.checked = data.options.lazyLoading;
  });
}

function setOptions() {
  lazyLoading = checkLazy.checked;
  chrome.storage.sync.set({
    options : {'lazyLoading': lazyLoading}
  }, showSuccess);
  // console.log(lazyLoading);
}

function showSuccess() {
  msgSuccess.classList.remove('hidden');

  setTimeout(function(){
    msgSuccess.classList.add('hidden');
  }, 800);

  // console.log("Saved Option Success");
}

getOptions();

btnApply.addEventListener('click', function() { setOptions(); });


var optionReset = document.getElementById('option-line-reset');

var overlayReset = document.getElementById('overlay-reset');

var btnOverlayCheck = document.getElementById('btn-overlay-check');
var btnOverlayClose = document.getElementById('btn-overlay-close');

optionReset.addEventListener('click', function() {
  overlayReset.classList.toggle('on');

});

overlayReset.addEventListener('click', function() {
  if (event.target.id == "btn-overlay-check") {
    overlayReset.classList.toggle('on');
    setDefaultURLs();
    return;
  }

  if (event.target.id == "btn-overlay-close") {
    overlayReset.classList.toggle('on');
    return;
  }

  if (event.target.id == "overlay-reset") {
    overlayReset.classList.toggle('on');
    return;
  }

});

function setDefaultURLs() {
  chrome.storage.sync.set({urlsInfo : {
      'urlsName': [
        'Google Search',
        'Youtube Search',
        'Bilibili Search',
        'Bilibili ID',
        'Bilibili Up',
        'Baidu Drive',
        'Pixiv ID',
        'Pixiv Artists',
        'Youtube ID',
        'Yande.re ID'],
      'urls': [
        'https://www.google.com/search?q=',
        'https://www.youtube.com/results?search_query=',
        'https://search.bilibili.com/all?keyword=',
        'https://www.bilibili.com/video/av',
        'https://space.bilibili.com/',
        'https://pan.baidu.com/s/',
        'https://www.pixiv.net/member_illust.php?mode=medium&illust_id=',
        'https://www.pixiv.net/member.php?id=',
        'https://www.youtube.com/watch?v=',
        'https://yande.re/post/show/'
        ]
      }
    }, function(){
      showSuccess();
      console.log("Reset To Default URLs");
    });
}


// let page = document.getElementById('buttonDiv');
// const kButtonColors = ['#3aa757', '#e8453c', '#f9bb2d', '#4688f1'];
// function constructOptions(kButtonColors) {
//   for (let item of kButtonColors) {
//     let button = document.createElement('button');
//     button.style.backgroundColor = item;
//     button.addEventListener('click', function() {
//       chrome.storage.sync.set({color: item}, function() {
//         console.log('color is ' + item);
//       })
//     });
//     page.appendChild(button);
//   }
// }
// constructOptions(kButtonColors);