auto-refresher/options.js at master · BSkaiTech/auto-refresher · 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
let submit = document.getElementById('submit')
let addNewButton = document.getElementById('addNewSite')
let minuteField = document.getElementById('minuteField')
let secondField = document.getElementById('secondField')

chrome.storage.sync.get("perSiteSettings", settings => {
  if (settings != undefined) {
    for (var website in settings.perSiteSettings) {
      if (website !== 'undefined') {
        createRow(-1)
        let firstRow = $('#tbody > tr').last()
        let siteSettings = settings.perSiteSettings[website]

        $(firstRow).find(".matchAnyUrlCheckbox").prop("checked", siteSettings.matchAnyUrl)
        $(firstRow).find(".website").val(website)
        $(firstRow).find(".siteMinuteField").val(siteSettings.minutes)
        $(firstRow).find(".siteSecondField").val(siteSettings.seconds)
      }
    }
  }
})

chrome.storage.sync.get({ minutes: '01', seconds: '00'}, settings => {
  minuteField.setAttribute('placeholder', settings.minutes)
  minuteField.value = settings.minutes
  secondField.setAttribute('placeholder', settings.seconds)
  secondField.value = settings.seconds
  console.log(`Current interval: ${settings.minutes} : ${settings.seconds}`)
})

submit.addEventListener('click', () => {
  // check for blank inputs
  if (minuteField.value == '') minuteField.value = '01'
  if (secondField.value == '') secondField.value = '00'

  // pad with 0's if single digit
  if (minuteField.value.length < 2) minuteField.value = '0' + minuteField.value
  if (secondField.value.length < 2) secondField.value = '0' + secondField.value

  var perSiteSettings = {}
  $('#tbody > tr').each(function() {
    let website = $(this).find(".website").val()
    if (website != "") {
      let matchAnyUrl = $(this).find(".matchAnyUrlCheckbox").prop("checked")

      if (matchAnyUrl) {
        // trim the URL provided to be just the domain
        website = matchDomain(website)
      }

      let siteMinutes = $(this).find(".siteMinuteField").val()
      let siteSeconds = $(this).find(".siteSecondField").val()

      perSiteSettings[website] = { matchAnyUrl: matchAnyUrl, minutes: siteMinutes, seconds: siteSeconds }
    }
  })

  chrome.storage.sync.set({ minutes: minuteField.value, seconds: secondField.value, perSiteSettings: perSiteSettings }, () => {
      alert(`Saved all settings successfully`)
  })
})

addNewButton.addEventListener('click', () => createRow(-1))

function createRow(rowIndex) {

  // create table and elements
  let table = document.getElementById('per-site-table')
  let currentRow = table.insertRow(rowIndex)

  let checkboxLabel = document.createElement('p')
  checkboxLabel.appendChild(document.createTextNode('Match any URL from domain:'))
  checkboxLabel.setAttribute('class', 'input-desc')

  let checkboxElement = document.createElement('input')
  checkboxElement.setAttribute('type', 'checkbox')
  checkboxElement.setAttribute('class', 'matchAnyUrlCheckbox')

  let websiteField = document.createElement('input')
  websiteField.setAttribute('placeholder', 'https://www.google.com')
  websiteField.setAttribute('class', 'website')

  let minuteField = document.createElement('input')
  minuteField.setAttribute('class', 'siteMinuteField')
  minuteField.setAttribute('placeholder', '01')
  minuteField.setAttribute('maxlength', 2)

  let colonElement = document.createElement('div')
  colonElement.innerHTML = ":"
  colonElement.setAttribute('class', 'colon')

  let secondField = document.createElement('input')
  secondField.setAttribute('class', 'siteSecondField')
  secondField.setAttribute('placeholder', '00')
  secondField.setAttribute('maxlength', 2)

  let removeButton = document.createElement('input')
  removeButton.setAttribute('class', 'remove')
  removeButton.setAttribute('id', 'removeButton')
  removeButton.setAttribute('type', 'image')
  removeButton.setAttribute('src', '/images/remove.svg')
  removeButton.addEventListener('click', () => removeRow(removeButton))

  // append elements to row
  let currentCell = currentRow.insertCell(-1)
  currentCell.appendChild(checkboxLabel)

  currentCell = currentRow.insertCell(-1)
  currentCell.appendChild(checkboxElement)

  currentCell.appendChild(websiteField)

  currentCell = currentRow.insertCell(-1)
  currentCell.appendChild(minuteField)

  currentCell = currentRow.insertCell(-1)
  currentCell.appendChild(colonElement)

  currentCell = currentRow.insertCell(-1)
  currentCell.appendChild(secondField)


  currentCell = currentRow.insertCell(-1)
  currentCell.appendChild(removeButton)
}

function removeRow(removeButton) {
  $(removeButton).closest("tr").remove()
}

function matchDomain(url) {
  const matches = url.match("^(?:https?:\/\/)?(?:[^@\/\n]+@)?(?:www\.)?([^:\/?\n]+)")

  if (matches) return matches[1]
  else return ""
}