about summary refs log tree commit diff stats
path: root/src/pages/popup/popup.js
blob: 36965bd739660d0a04da374fe10ed90892eca8a3 (plain) (blame)
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
138
"use strict"
window.browser = window.browser || window.chrome

import servicesHelper from "../../assets/javascripts/services.js"
import utils from "../../assets/javascripts/utils.js"

browser.tabs.query({ active: true, currentWindow: true }, async tabs => {
	if (tabs[0].url) {
		const url = new URL(tabs[0].url)
		servicesHelper.switchInstance(url).then(r => {
			if (!r) {
				document.getElementById("change_instance_div").style.display = "none"
			}
			else {
				document.getElementById("change_instance").addEventListener("click",
					async () => browser.tabs.update({ url: await servicesHelper.switchInstance(url) })
				)
			}
		})
		servicesHelper.copyRaw(url, true).then(r => {
			if (!r) {
				document.getElementById("copy_original_div").style.display = "none"
			}
			else {
				document.getElementById("copy_original").addEventListener("click", () => servicesHelper.copyRaw(url))
			}
		})
		servicesHelper.reverse(url).then(r => {
			if (!r) {
				document.getElementById("redirect_to_original_div").style.display = "none"
			} else {
				document.getElementById("redirect_to_original").addEventListener("click", () => {
					browser.runtime.sendMessage("reverseTab");
					calcButtons()
				})
			}
		})
		servicesHelper.redirectAsync(url, "main_frame", null, true).then(r => {
			if (!r) {
				document.getElementById("redirect_div").style.display = "none"
			} else {
				document.getElementById("redirect").addEventListener("click", () => {
					browser.runtime.sendMessage("redirectTab");
					calcButtons()
				})
			}
		})
	} else {
		document.getElementById("change_instance_div").style.display = "none"
		document.getElementById("copy_original_div").style.display = "none"
		document.getElementById("redirect_div").style.display = "none"
		document.getElementById("redirect_to_original_div").style.display = "none"
	}
})

document.getElementById("more-options").addEventListener("click", () => browser.runtime.openOptionsPage())

const allSites = document.getElementsByClassName("all_sites")[0]
const currSite = document.getElementsByClassName("current_site")[0]

const config = await utils.getConfig()

let divs = {}
for (const service in config.services) {
	divs[service] = {}
	divs[service].toggle = {}
	divs[service].current = currSite.getElementsByClassName(service)[0]
	divs[service].all = allSites.getElementsByClassName(service)[0]
	divs[service].toggle.current = currSite.getElementsByClassName(service + "-enabled")[0]
	divs[service].toggle.all = allSites.getElementsByClassName(service + "-enabled")[0]
}

const currentSiteIsFrontend = document.getElementById("current_site_divider")

browser.tabs.query({ active: true, currentWindow: true }, async tabs => {
	let options = await utils.getOptions()
	for (const service in config.services) {
		if (!options.popupServices.includes(service))
			allSites.getElementsByClassName(service)[0].classList.add("hide")
		else
			allSites.getElementsByClassName(service)[0].classList.remove("hide")
		currSite.getElementsByClassName(service)[0].classList.add("hide")
	}

	for (const service in config.services) {
		divs[service].toggle.all.checked = options[service].enabled
		divs[service].toggle.current.checked = options[service].enabled
	}

	let url
	try {
		url = new URL(tabs[0].url)
	} catch {
		currentSiteIsFrontend.classList.add("hide")
		return
	}

	let service = await servicesHelper.computeService(url, true)
	let frontend
	let instance
	if (service) {
		if (typeof service != "string") {
			instance = service[2]
			frontend = service[1]
			service = service[0]
			let isCustom = false
			for (const network in config.networks)
				if (options[frontend].indexOf(instance) > -1)
					isCustom = true
		}
		divs[service].current.classList.remove("hide")
		divs[service].all.classList.add("hide")
	} else {
		currentSiteIsFrontend.classList.add("hide")
	}
})

for (const service in config.services) {
	divs[service].toggle.all.addEventListener("change", async () => {
		let options = await utils.getOptions()
		options[service].enabled = divs[service].toggle.all.checked
		browser.storage.local.set({ options })
	})
	divs[service].toggle.current.addEventListener("change", async () => {
		let options = await utils.getOptions()
		options[service].enabled = divs[service].toggle.current.checked
		browser.storage.local.set({ options })
	})
}

for (const a of document.getElementsByTagName("a")) {
	a.addEventListener("click", e => {
		if (!a.classList.contains("prevent")) {
			browser.tabs.create({ url: a.getAttribute("href") })
			e.preventDefault()
		}
	})
}