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
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
|
import QtQuick 2.4
import Lomiri.Components 1.3
Page {
id: helpPage
header: PageHeader {
title: i18n.tr("Help")
flickable: flickable
}
Timer {
id: continuousCheck
interval: 50
running: true
repeat: true
onTriggered: {
// hide back navigation in double-column mode
if (apl.columns === 1) {
header.navigationActions[0].visible = true
} else {
header.navigationActions[0].visible = false
}
}
}
Flickable {
id: flickable
flickableDirection: Flickable.AutoFlickIfNeeded
anchors.fill: parent
contentHeight: dataColumn.height + units.gu(10) + dataColumn.anchors.topMargin + targetNameAccountDisabled.y + targetNameAccountDisabled.height
Grid {
id: dataColumn
spacing: units.gu(1.5)
anchors {
top: parent.top; left: parent.left; right: parent.right; topMargin: units.gu(2); rightMargin:units.gu(2); leftMargin: units.gu(2)
}
Label {
id: introDescription
text: "<p>" +
i18n.tr("To set-up synchronization for your folders:") + "</p><br><p>" +
i18n.tr("1) go to Lomiri Cloudsync App \"Online Accounts\", add new account by clicking \"plus\" icon in the main menu") + "</p><br><p>" +
i18n.tr("2) set-up new \"target\" by clicking \"new target\" icon in the account detail page main menu, or in the accounts list accounts' trailer menu") + "</p><br><p>" +
i18n.tr("3) start the synchronization service from the \"Lomiri Cloudsync App Settings\"") +
"</p>"
anchors.leftMargin: units.gu(2)
font.pixelSize: units.gu(2)
width: parent.width - parent.anchors.leftMargin - parent.anchors.rightMargin
wrapMode: Text.WordWrap
}
Label {
id: accountHeader
text: i18n.tr("Accounts")
anchors.topMargin: units.gu(3)
anchors.leftMargin: units.gu(1)
anchors.top: introDescription.bottom
font.pixelSize: units.gu(3)
}
Label {
id: accountDescription
text: "<p>" +
i18n.tr("The term \"account\" represents in the Lomiri Cloudsync App context the system online account, as configured in system settings plus the custom Lomiri Cloudsync App configuration maintained by Lomiri Cloudsync App.") + "</p><br><p>" +
i18n.tr("The account might be enabled or disabled independently on Lomiri Cloudsync App. If an account cannot be used by Lomiri Cloudsync App anymore, its configuration persists in Lomiri Cloudsync App, however, the related targets will not synchronize.") + "</p><br><p>" +
i18n.tr("If you remove the account configuration from Lomiri Cloudsync App, the related targets will NOT synchronize until you re-create the account settings. If you wish to temporarily pause all targets related to the particular account, you can disable this account in system settings temporarily without affecting Lomiri Cloudsync App configuration.") +
"</p><br><p>" +
i18n.tr("Lomiri Cloudsync App uses following account symbols to express account states:") +
"</p>"
anchors.leftMargin: units.gu(2)
font.pixelSize: units.gu(2)
width: parent.width - parent.anchors.leftMargin - parent.anchors.rightMargin
wrapMode: Text.WordWrap
anchors {
topMargin: units.gu(3)
top: accountHeader.bottom
}
}
Rectangle {
id: accountSymbol
color: owncloud.settings.color_accountEnabled
width: units.gu(6)
height: units.gu(6)
border.width: 0
radius: units.gu(0.9)
anchors {
topMargin: units.gu(2.5)
top: accountDescription.bottom
}
}
Label {
id: accountSymbolText
text: "E"
color: "white"
font.pixelSize: units.gu(4)
anchors {
horizontalCenter: accountSymbol.horizontalCenter; verticalCenter: accountSymbol.verticalCenter
}
}
Label {
id: accountName
text: i18n.tr("Enabled Account") + "<br>(" + i18n.tr("related targets will sync") + ")"
font.pixelSize: units.gu(2)
wrapMode: Text.WordWrap
anchors {
left: accountSymbol.right
leftMargin: units.gu(2)
verticalCenter: accountSymbol.verticalCenter
right: parent.right
}
}
Rectangle {
id: accountSymbolNotConfigured
color: owncloud.settings.color_accountEnabledNotConfigured
width: units.gu(6)
height: units.gu(6)
border.width: 0
radius: units.gu(0.9)
anchors {
topMargin: units.gu(2.5)
top: accountName.bottom
}
}
Label {
id: accountSymbolNotConfiguredText
text: "N"
color: "white"
font.pixelSize: units.gu(4)
anchors {
horizontalCenter: accountSymbolNotConfigured.horizontalCenter; verticalCenter: accountSymbolNotConfigured.verticalCenter
}
}
Label {
id: accountSymbolNotConfiguredName
text: i18n.tr("Not Configured Account") + "<br>(" + i18n.tr("related targets will NOT sync") + ")"
font.pixelSize: units.gu(2)
anchors {
left: accountSymbolNotConfigured.right
leftMargin: units.gu(2)
verticalCenter: accountSymbolNotConfigured.verticalCenter
right: parent.right
}
}
Rectangle {
id: accountSymbolDisabled
color: owncloud.settings.color_accountDisabled
width: units.gu(6)
height: units.gu(6)
border.width: 0
radius: units.gu(0.9)
anchors {
topMargin: units.gu(2.5)
top: accountSymbolNotConfigured.bottom
}
}
Text {
id: accountSymbolDisabledText
text: "D"
color: "white"
font.pixelSize: units.gu(4)
anchors {
horizontalCenter: accountSymbolDisabled.horizontalCenter; verticalCenter: accountSymbolDisabled.verticalCenter
}
}
Label {
id: accountDisabledName
text: i18n.tr("Disabled Account") + "<br>(" + i18n.tr("related targets will NOT sync") + ")"
width: parent.width - parent.anchors.leftMargin - parent.anchors.rightMargin - units.gu(11)
wrapMode: Text.WordWrap
font.pixelSize: units.gu(2)
anchors {
left: accountSymbolDisabled.right
leftMargin: units.gu(2)
verticalCenter: accountSymbolDisabled.verticalCenter
right: parent.right
}
}
Label {
id: targetHeader
text: i18n.tr("Targets")
anchors.leftMargin: units.gu(1)
font.pixelSize: units.gu(3)
anchors {
top: accountDisabledName.bottom
topMargin: units.gu(6)
}
}
Label {
id: targetDescription
text: "<p>" + i18n.tr("The term \"target\" represents in the Lomiri Cloudsync App context the remote/local directory pair intended for synchronization plus the set of custom \"target\" configuration.") + "</p><br>" +
"<p>" + i18n.tr("Lomiri Cloudsync App uses following target symbols to express target states:") + "</p>"
font.pixelSize: units.gu(2)
width: parent.width - parent.anchors.leftMargin - parent.anchors.rightMargin
wrapMode: Text.WordWrap
anchors {
topMargin: units.gu(3)
top: targetHeader.bottom
left: parent.left;
}
}
Rectangle {
id: targetSymbol
color: owncloud.settings.color_targetActive
width: units.gu(6)
height: units.gu(6)
border.width: 0
radius: units.gu(0.9)
anchors {
topMargin: units.gu(2.5)
top: targetDescription.bottom
}
}
Label {
id: targetSymbolText
text: "A"
color: "white"
font.pixelSize: units.gu(4)
anchors {
horizontalCenter: targetSymbol.horizontalCenter; verticalCenter: targetSymbol.verticalCenter
}
}
Label {
id: targetName
text: i18n.tr("Active Target") + "<br>(" + i18n.tr("target will sync") + ")"
anchors.leftMargin: units.gu(2)
font.pixelSize: units.gu(2)
width: parent.width - parent.anchors.leftMargin - parent.anchors.rightMargin - units.gu(11)
wrapMode: Text.WordWrap
anchors {
left: targetSymbol.right; verticalCenter: targetSymbol.verticalCenter
}
}
Rectangle {
id: targetSymbolInactive
color: owncloud.settings.color_targetInactive
width: units.gu(6)
height: units.gu(6)
border.width: 0
radius: units.gu(0.9)
anchors {
topMargin: units.gu(2.5)
top: targetSymbol.bottom
}
}
Label {
id: targetSymbolInactiveText
text: "I"
color: "white"
font.pixelSize: units.gu(4)
anchors {
horizontalCenter: targetSymbolInactive.horizontalCenter; verticalCenter: targetSymbolInactive.verticalCenter
}
}
Label {
id: targetNameInactive
text: i18n.tr("Inactive Target") + "<br>(" + i18n.tr("target will NOT sync") + ")"
anchors.leftMargin: units.gu(2)
font.pixelSize: units.gu(2)
width: parent.width - parent.anchors.leftMargin - parent.anchors.rightMargin - units.gu(11)
wrapMode: Text.WordWrap
anchors {
left: targetSymbolInactive.right; verticalCenter: targetSymbolInactive.verticalCenter
}
}
Rectangle {
id: targetSymbolAccountDisabled
color: owncloud.settings.color_targetAccountDisabled
width: units.gu(6)
height: units.gu(6)
border.width: 0
radius: units.gu(0.9)
anchors {
topMargin: units.gu(2.5)
top: targetSymbolInactive.bottom
}
}
Label {
id: targetSymbolAccountDisabledText
text: "T"
color: "white"
font.pixelSize: units.gu(4)
anchors {
horizontalCenter: targetSymbolAccountDisabled.horizontalCenter; verticalCenter: targetSymbolAccountDisabled.verticalCenter
}
}
Label {
id: targetNameAccountDisabled
text: i18n.tr("Target With Disabled/Not Configured Account") + "<br>(" + i18n.tr("target will NOT sync") + ")"
anchors.leftMargin: units.gu(2)
font.pixelSize: units.gu(2)
width: parent.width - parent.anchors.leftMargin - parent.anchors.rightMargin - units.gu(11)
wrapMode: Text.WordWrap
anchors {
left: targetSymbolAccountDisabled.right; verticalCenter: targetSymbolAccountDisabled.verticalCenter
}
}
}
}
}
|
