diff options
Diffstat (limited to 'framework/qml/People.qml')
-rw-r--r-- | framework/qml/People.qml | 175 |
1 files changed, 5 insertions, 170 deletions
diff --git a/framework/qml/People.qml b/framework/qml/People.qml index b58599a1..1a08d900 100644 --- a/framework/qml/People.qml +++ b/framework/qml/People.qml | |||
@@ -215,167 +215,11 @@ FocusScope { | |||
215 | 215 | ||
216 | color: Kube.Colors.viewBackgroundColor | 216 | color: Kube.Colors.viewBackgroundColor |
217 | 217 | ||
218 | Flickable { | 218 | PersonPage { |
219 | id: personPageFlickable | 219 | } |
220 | 220 | } | |
221 | anchors { | 221 | } |
222 | fill: parent | 222 | } |
223 | leftMargin: Kube.Units.largeSpacing | ||
224 | } | ||
225 | |||
226 | Controls2.ScrollBar.vertical: Kube.ScrollBar { } | ||
227 | contentHeight: contentColumn.height | ||
228 | |||
229 | clip: true | ||
230 | |||
231 | Kube.ScrollHelper { | ||
232 | flickable: personPageFlickable | ||
233 | anchors.fill: parent | ||
234 | } | ||
235 | |||
236 | ColumnLayout { | ||
237 | id: contentColumn | ||
238 | |||
239 | anchors { | ||
240 | left: parent.left | ||
241 | right: parent.right | ||
242 | } | ||
243 | |||
244 | spacing: Kube.Units.largeSpacing | ||
245 | |||
246 | Item { | ||
247 | width: parent.width | ||
248 | height: Kube.Units.smallSpacing | ||
249 | } | ||
250 | |||
251 | Item { | ||
252 | |||
253 | height: Kube.Units.gridUnit * 8 | ||
254 | width: personPageRoot.width - Kube.Units.largeSpacing | ||
255 | |||
256 | Rectangle { | ||
257 | id: avatar | ||
258 | |||
259 | height: parent.height | ||
260 | width: height | ||
261 | Kube.KubeImage { | ||
262 | anchors.fill: parent | ||
263 | visible: contactController.imageData != "" | ||
264 | imageData: contactController.imageData | ||
265 | } | ||
266 | Kube.Icon { | ||
267 | anchors.fill: parent | ||
268 | visible: contactController.imageData == "" | ||
269 | iconName: Kube.Icons.user | ||
270 | } | ||
271 | color: Kube.Colors.buttonColor | ||
272 | } | ||
273 | |||
274 | Kube.Heading { | ||
275 | id: nameLabel | ||
276 | |||
277 | anchors { | ||
278 | top: avatar.top | ||
279 | left: avatar.right | ||
280 | leftMargin: Kube.Units.largeSpacing | ||
281 | } | ||
282 | |||
283 | text: contactController.name | ||
284 | } | ||
285 | |||
286 | Kube.Label { | ||
287 | id: jobTitle | ||
288 | |||
289 | anchors { | ||
290 | top: nameLabel.bottom | ||
291 | left: avatar.right | ||
292 | leftMargin: Kube.Units.largeSpacing | ||
293 | } | ||
294 | |||
295 | text: contactController.jobTitle | ||
296 | } | ||
297 | |||
298 | Rectangle { | ||
299 | id: company | ||
300 | visible: contactController.company != "" | ||
301 | |||
302 | anchors { | ||
303 | bottom: avatar.bottom | ||
304 | left: avatar.right | ||
305 | leftMargin: Kube.Units.largeSpacing | ||
306 | } | ||
307 | |||
308 | height: Kube.Units.gridUnit * 3 | ||
309 | width: Kube.Units.gridUnit * 10 | ||
310 | |||
311 | border.width: 1 | ||
312 | border.color: Kube.Colors.buttonColor | ||
313 | |||
314 | Rectangle { | ||
315 | id: av | ||
316 | |||
317 | height: parent.height | ||
318 | width: height | ||
319 | |||
320 | color: Kube.Colors.buttonColor | ||
321 | } | ||
322 | |||
323 | Kube.Label { | ||
324 | anchors { | ||
325 | verticalCenter: av.verticalCenter | ||
326 | left: av.right | ||
327 | leftMargin: Kube.Units.smallSpacing | ||
328 | } | ||
329 | |||
330 | text: contactController.company | ||
331 | } | ||
332 | } | ||
333 | } | ||
334 | |||
335 | Flow { | ||
336 | id: emails | ||
337 | |||
338 | width: personPageRoot.width - Kube.Units.largeSpacing | ||
339 | |||
340 | Repeater { | ||
341 | model: contactController.emails | ||
342 | |||
343 | delegate: Row { | ||
344 | spacing: Kube.Units.smallSpacing | ||
345 | Kube.Label { text: qsTr("(main)") } | ||
346 | Kube.Label { text: modelData ; color: Kube.Colors.highlightColor } | ||
347 | Item { width: Kube.Units.smallSpacing; height: 1 } | ||
348 | } | ||
349 | } | ||
350 | } | ||
351 | |||
352 | Flow { | ||
353 | id: phone | ||
354 | |||
355 | width: personPageRoot.width - Kube.Units.largeSpacing | ||
356 | spacing: Kube.Units.smallSpacing | ||
357 | |||
358 | Repeater { | ||
359 | model: contactController.phoneNumbers | ||
360 | |||
361 | Row { | ||
362 | spacing: Kube.Units.smallSpacing | ||
363 | Kube.Label { text: qsTr("(main)") } | ||
364 | Kube.Label { text: modelData ; opacity: 0.6 } | ||
365 | Item { width: Kube.Units.smallSpacing; height: 1 } | ||
366 | } | ||
367 | } | ||
368 | } | ||
369 | |||
370 | Column { | ||
371 | id: address | ||
372 | |||
373 | width: personPageRoot.width - Kube.Units.largeSpacing | ||
374 | |||
375 | Kube.Label { text: contactController.street } | ||
376 | Kube.Label { text: contactController.city } | ||
377 | Kube.Label { text: contactController.country } | ||
378 | } | ||
379 | 223 | ||
380 | // Column { | 224 | // Column { |
381 | // | 225 | // |
@@ -418,12 +262,3 @@ FocusScope { | |||
418 | // } | 262 | // } |
419 | // } | 263 | // } |
420 | 264 | ||
421 | Item { | ||
422 | width: parent.width | ||
423 | height: Kube.Units.largeSpacing | ||
424 | } | ||
425 | } | ||
426 | } | ||
427 | } | ||
428 | } | ||
429 | } | ||