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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
|
import QtQuick 2.0
import QtQuick.Controls 2.4
import QtQuick.Dialogs 1.2
import QtQuick.Controls.Material 2.1
import QtQuick.Layouts 1.14
import "./components"
ApplicationWindow {
id: root
visible: true
property int appHeight: 460
property int appWidth: 280
property alias customTheme: themeLoader.item
width: appWidth
minimumWidth: appWidth
maximumWidth: appWidth
height: appHeight
minimumHeight: appHeight
maximumHeight: appHeight
title: ctx ? ctx.appName : ""
Material.accent: Material.Green
property var ctx
property var error: ""
// TODO can move properties to some state sub-item to unclutter
property bool isDonationService: false
property bool showDonationReminder: false
property var locationsModel: []
// TODO get from persistance
property var selectedGateway: "auto"
// FIXME get svg icons
property var icons: {
"off": "qrc:/assets/icon/png/white/vpn_off.png",
"on": "qrc:/assets/icon/png/white/vpn_on.png",
"wait": "qrc:/assets/icon/png/white/vpn_wait_0.png",
"blocked": "qrc:/assets/icon/png/white/vpn_blocked.png"
}
signal openDonateDialog()
FontLoader {
id: lightFont
source: "qrc:/poppins-regular.ttf"
}
FontLoader {
id: boldFont
source: "qrc:/poppins-bold.ttf"
}
FontLoader {
id: boldFontMonserrat
source: "qrc:/monserrat-bold.ttf"
}
FontLoader {
id: robotoFont
source: "qrc:/roboto.ttf"
}
FontLoader {
id: robotoBoldFont
source: "qrc:/roboto-bold.ttf"
}
Loader {
id: loader
asynchronous: true
anchors.fill: parent
}
Loader {
id: themeLoader
source: loadTheme()
}
Systray {
id: systray
}
Connections {
target: jsonModel
function onDataChanged() {
let j = jsonModel.getJson()
if (qmlDebug) {
console.debug(j)
}
ctx = JSON.parse(j)
if (ctx != undefined) {
locationsModel = getSortedLocations()
}
if (ctx.errors) {
console.debug("errors, setting root.error")
root.error = ctx.errors
} else {
root.error = ""
}
if (ctx.donateURL) {
isDonationService = true
}
if (ctx.donateDialog == 'true') {
showDonationReminder = true
}
if (isAutoLocation()) {
root.selectedGateway = "auto"
}
}
}
function getSortedLocations() {
let obj = ctx.locations
var arr = []
for (var prop in obj) {
if (obj.hasOwnProperty(prop)) {
arr.push({
"key": prop,
"value": obj[prop]
})
}
}
arr.sort(function (a, b) {
return a.value - b.value
}).reverse()
return Array.from(arr, (k,_) => k.key);
}
function isAutoLocation() {
// FIXME there's something weird going on with newyork location...
// it gets marked as auto, which from europe is a bug.
let best = ctx.locationLabels[ctx.bestLocation]
if (best == undefined) {
return false
}
return (best[0] == ctx.currentLocation)
}
function bringToFront() {
// FIXME does not work properly, at least on linux
if (visibility == 3) {
showNormal()
} else {
show()
}
raise()
requestActivate()
}
function loadTheme() {
let arr = flavor.split("/")
var providerFlavor = arr[arr.length-1]
console.debug("flavor: " + providerFlavor)
if (providerFlavor == "riseup-vpn") {
return "themes/Riseup.qml"
} else if (providerFlavor== "calyx-vpn") {
return "themes/Calyx.qml"
} else {
// we should do a Default theme, with a fallback
// mechanism
return "Riseup.qml"
}
}
onSceneGraphError: function (error, msg) {
console.debug("ERROR while initializing scene")
console.debug(msg)
}
Component.onCompleted: {
loader.source = "components/Splash.qml"
}
}
|
