summaryrefslogtreecommitdiffstats
path: root/framework/qml/People.qml
diff options
context:
space:
mode:
Diffstat (limited to 'framework/qml/People.qml')
-rw-r--r--framework/qml/People.qml112
1 files changed, 55 insertions, 57 deletions
diff --git a/framework/qml/People.qml b/framework/qml/People.qml
index 182cce94..8ccd174d 100644
--- a/framework/qml/People.qml
+++ b/framework/qml/People.qml
@@ -23,9 +23,7 @@ import QtQuick.Controls 1.4 as Controls
23import QtQuick.Layouts 1.1 23import QtQuick.Layouts 1.1
24 24
25import org.kde.kirigami 1.0 as Kirigami 25import org.kde.kirigami 1.0 as Kirigami
26import org.kube.components.theme 1.0 as KubeTheme 26import org.kube.framework 1.0 as Kube
27import org.kube.framework.domain 1.0 as KubeFramework
28
29 27
30 28
31Popup { 29Popup {
@@ -49,7 +47,7 @@ Popup {
49 47
50 anchors.verticalCenter: parent.verticalCenter 48 anchors.verticalCenter: parent.verticalCenter
51 49
52 iconName: KubeTheme.Icons.goBack 50 iconName: Kube.Icons.goBack
53 51
54 onClicked: stack.pop() 52 onClicked: stack.pop()
55 53
@@ -69,11 +67,11 @@ Popup {
69 67
70 anchors { 68 anchors {
71 right: parent.right 69 right: parent.right
72 rightMargin: KubeTheme.Units.smallSpacing 70 rightMargin: Kube.Units.smallSpacing
73 verticalCenter: parent.verticalCenter 71 verticalCenter: parent.verticalCenter
74 } 72 }
75 73
76 iconName: KubeTheme.Icons.addNew 74 iconName: Kube.Icons.addNew
77 } 75 }
78 } 76 }
79 77
@@ -98,7 +96,7 @@ Popup {
98 96
99 Rectangle { 97 Rectangle {
100 id: peoplePageRoot 98 id: peoplePageRoot
101 color: KubeTheme.Colors.viewBackgroundColor 99 color: Kube.Colors.viewBackgroundColor
102 100
103 Flickable { 101 Flickable {
104 102
@@ -117,25 +115,25 @@ Popup {
117 115
118 anchors { 116 anchors {
119 top: parent.top 117 top: parent.top
120 topMargin: KubeTheme.Units.largeSpacing 118 topMargin: Kube.Units.largeSpacing
121 left: parent.left 119 left: parent.left
122 leftMargin: KubeTheme.Units.largeSpacing 120 leftMargin: Kube.Units.largeSpacing
123 } 121 }
124 122
125 spacing: KubeTheme.Units.largeSpacing 123 spacing: Kube.Units.largeSpacing
126 width: peoplePageRoot.width - KubeTheme.Units.largeSpacing * 2 124 width: peoplePageRoot.width - Kube.Units.largeSpacing * 2
127 125
128 Repeater { 126 Repeater {
129 127
130 model: KubeFramework.PeopleModel { 128 model: Kube.PeopleModel {
131 filter: searchBar.text 129 filter: searchBar.text
132 } 130 }
133 131
134 delegate: Rectangle { 132 delegate: Rectangle {
135 id: delegateRoot 133 id: delegateRoot
136 134
137 height: KubeTheme.Units.gridUnit * 3 135 height: Kube.Units.gridUnit * 3
138 width: KubeTheme.Units.gridUnit * 10 136 width: Kube.Units.gridUnit * 10
139 137
140 border.width: 1 138 border.width: 1
141 border.color: "lightgrey" 139 border.color: "lightgrey"
@@ -164,24 +162,24 @@ Popup {
164 162
165 anchors { 163 anchors {
166 left: avatarPlaceholder.right 164 left: avatarPlaceholder.right
167 margins: KubeTheme.Units.smallSpacing 165 margins: Kube.Units.smallSpacing
168 verticalCenter: parent.verticalCenter 166 verticalCenter: parent.verticalCenter
169 } 167 }
170 168
171 Text { 169 Text {
172 width: delegateRoot.width - avatarPlaceholder.width - KubeTheme.Units.smallSpacing * 2 170 width: delegateRoot.width - avatarPlaceholder.width - Kube.Units.smallSpacing * 2
173 171
174 text: model.firstName 172 text: model.firstName
175 elide: Text.ElideRight 173 elide: Text.ElideRight
176 color: KubeTheme.Colors.textColor 174 color: Kube.Colors.textColor
177 } 175 }
178 176
179 Text { 177 Text {
180 width: delegateRoot.width - avatarPlaceholder.width - KubeTheme.Units.smallSpacing * 2 178 width: delegateRoot.width - avatarPlaceholder.width - Kube.Units.smallSpacing * 2
181 179
182 text: model.lastName 180 text: model.lastName
183 elide: Text.ElideRight 181 elide: Text.ElideRight
184 color: KubeTheme.Colors.textColor 182 color: Kube.Colors.textColor
185 } 183 }
186 } 184 }
187 } 185 }
@@ -198,19 +196,19 @@ Popup {
198 Rectangle { 196 Rectangle {
199 id: personPageRoot 197 id: personPageRoot
200 198
201 KubeFramework.ContactController { 199 Kube.ContactController {
202 id: contactController 200 id: contactController
203 contact: popup.currentContact 201 contact: popup.currentContact
204 } 202 }
205 203
206 color: KubeTheme.Colors.viewBackgroundColor 204 color: Kube.Colors.viewBackgroundColor
207 205
208 Item { 206 Item {
209 207
210 anchors { 208 anchors {
211 top: parent.top 209 top: parent.top
212 left: parent.left 210 left: parent.left
213 leftMargin: KubeTheme.Units.largeSpacing 211 leftMargin: Kube.Units.largeSpacing
214 } 212 }
215 213
216 width: parent.width 214 width: parent.width
@@ -231,17 +229,17 @@ Popup {
231 229
232 width: personPageRoot.width 230 width: personPageRoot.width
233 231
234 spacing: KubeTheme.Units.largeSpacing 232 spacing: Kube.Units.largeSpacing
235 233
236 Item { 234 Item {
237 width: parent.width 235 width: parent.width
238 height: KubeTheme.Units.smallSpacing 236 height: Kube.Units.smallSpacing
239 } 237 }
240 238
241 Item { 239 Item {
242 240
243 height: KubeTheme.Units.gridUnit * 8 241 height: Kube.Units.gridUnit * 8
244 width: personPageRoot.width - KubeTheme.Units.largeSpacing 242 width: personPageRoot.width - Kube.Units.largeSpacing
245 243
246 Rectangle { 244 Rectangle {
247 id: avatar 245 id: avatar
@@ -258,7 +256,7 @@ Popup {
258 anchors { 256 anchors {
259 top: avatar.top 257 top: avatar.top
260 left: avatar.right 258 left: avatar.right
261 leftMargin: KubeTheme.Units.largeSpacing 259 leftMargin: Kube.Units.largeSpacing
262 } 260 }
263 261
264 text: contactController.name //"Michael Tester" 262 text: contactController.name //"Michael Tester"
@@ -270,7 +268,7 @@ Popup {
270 anchors { 268 anchors {
271 top: nameLabel.bottom 269 top: nameLabel.bottom
272 left: avatar.right 270 left: avatar.right
273 leftMargin: KubeTheme.Units.largeSpacing 271 leftMargin: Kube.Units.largeSpacing
274 } 272 }
275 273
276 text: "CIO" 274 text: "CIO"
@@ -282,11 +280,11 @@ Popup {
282 anchors { 280 anchors {
283 bottom: avatar.bottom 281 bottom: avatar.bottom
284 left: avatar.right 282 left: avatar.right
285 leftMargin: KubeTheme.Units.largeSpacing 283 leftMargin: Kube.Units.largeSpacing
286 } 284 }
287 285
288 height: KubeTheme.Units.gridUnit * 3 286 height: Kube.Units.gridUnit * 3
289 width: KubeTheme.Units.gridUnit * 10 287 width: Kube.Units.gridUnit * 10
290 288
291 border.width: 1 289 border.width: 1
292 border.color: "lightgrey" 290 border.color: "lightgrey"
@@ -304,12 +302,12 @@ Popup {
304 anchors { 302 anchors {
305 verticalCenter: av.verticalCenter 303 verticalCenter: av.verticalCenter
306 left: av.right 304 left: av.right
307 leftMargin: KubeTheme.Units.smallSpacing 305 leftMargin: Kube.Units.smallSpacing
308 } 306 }
309 307
310 text: "Sauerkraut AG" 308 text: "Sauerkraut AG"
311 309
312 color: KubeTheme.Colors.textColor 310 color: Kube.Colors.textColor
313 } 311 }
314 } 312 }
315 } 313 }
@@ -317,65 +315,65 @@ Popup {
317 Flow { 315 Flow {
318 id: emails 316 id: emails
319 317
320 width: personPageRoot.width - KubeTheme.Units.largeSpacing 318 width: personPageRoot.width - Kube.Units.largeSpacing
321 319
322 Repeater { 320 Repeater {
323 321
324 model: contactController.emails 322 model: contactController.emails
325 323
326 Row { 324 Row {
327 spacing: KubeTheme.Units.smallSpacing 325 spacing: Kube.Units.smallSpacing
328 Text { text: "(main)" } 326 Text { text: "(main)" }
329 Text { text: modelData ; color: KubeTheme.Colors.highlightColor } 327 Text { text: modelData ; color: Kube.Colors.highlightColor }
330 Item { width: KubeTheme.Units.smallSpacing; height: 1 } 328 Item { width: Kube.Units.smallSpacing; height: 1 }
331 } 329 }
332 } 330 }
333 331
334 Row { 332 Row {
335 spacing: KubeTheme.Units.smallSpacing 333 spacing: Kube.Units.smallSpacing
336 Text { text: "(alias)"} 334 Text { text: "(alias)"}
337 Text { text: "test.testerson@gmail.com"; color: KubeTheme.Colors.highlightColor } 335 Text { text: "test.testerson@gmail.com"; color: Kube.Colors.highlightColor }
338 Item { width: KubeTheme.Units.smallSpacing; height: 1 } 336 Item { width: Kube.Units.smallSpacing; height: 1 }
339 } 337 }
340 338
341 Row { 339 Row {
342 spacing: KubeTheme.Units.smallSpacing 340 spacing: Kube.Units.smallSpacing
343 Text { text: "(private)"} 341 Text { text: "(private)"}
344 Text { text: "test@gmail.com"; color: KubeTheme.Colors.highlightColor } 342 Text { text: "test@gmail.com"; color: Kube.Colors.highlightColor }
345 Item { width: KubeTheme.Units.smallSpacing; height: 1 } 343 Item { width: Kube.Units.smallSpacing; height: 1 }
346 } 344 }
347 } 345 }
348 346
349 Flow { 347 Flow {
350 id: phone 348 id: phone
351 349
352 width: personPageRoot.width - KubeTheme.Units.largeSpacing 350 width: personPageRoot.width - Kube.Units.largeSpacing
353 spacing: KubeTheme.Units.smallSpacing 351 spacing: Kube.Units.smallSpacing
354 352
355 Row { 353 Row {
356 spacing: KubeTheme.Units.smallSpacing 354 spacing: Kube.Units.smallSpacing
357 Text { text: "(inhouse)"} 355 Text { text: "(inhouse)"}
358 Text { text: "+49812324932"; opacity: 0.6 } 356 Text { text: "+49812324932"; opacity: 0.6 }
359 Item { width: KubeTheme.Units.smallSpacing; height: 1 } 357 Item { width: Kube.Units.smallSpacing; height: 1 }
360 } 358 }
361 Row { 359 Row {
362 spacing: KubeTheme.Units.smallSpacing 360 spacing: Kube.Units.smallSpacing
363 Text { text: "(mobile)"} 361 Text { text: "(mobile)"}
364 Text { text: "+49812324932"; opacity: 0.6 } 362 Text { text: "+49812324932"; opacity: 0.6 }
365 Item { width: KubeTheme.Units.smallSpacing; height: 1 } 363 Item { width: Kube.Units.smallSpacing; height: 1 }
366 } 364 }
367 Row { 365 Row {
368 spacing: KubeTheme.Units.smallSpacing 366 spacing: Kube.Units.smallSpacing
369 Text { text: "(private)"} 367 Text { text: "(private)"}
370 Text { text: "+49812324932"; opacity: 0.6 } 368 Text { text: "+49812324932"; opacity: 0.6 }
371 Item { width: KubeTheme.Units.smallSpacing; height: 1 } 369 Item { width: Kube.Units.smallSpacing; height: 1 }
372 } 370 }
373 } 371 }
374 372
375 Column { 373 Column {
376 id: address 374 id: address
377 375
378 width: personPageRoot.width - KubeTheme.Units.largeSpacing 376 width: personPageRoot.width - Kube.Units.largeSpacing
379 377
380 Text { text: "Albertstrasse 35a"} 378 Text { text: "Albertstrasse 35a"}
381 Text { text: "81767 Teststadt"} 379 Text { text: "81767 Teststadt"}
@@ -386,7 +384,7 @@ Popup {
386// 384//
387// width: parent.width 385// width: parent.width
388// 386//
389// spacing: KubeTheme.Units.smallSpacing 387// spacing: Kube.Units.smallSpacing
390// 388//
391// Text { 389// Text {
392// 390//
@@ -396,7 +394,7 @@ Popup {
396// GroupGrid { 394// GroupGrid {
397// id: groups 395// id: groups
398// 396//
399// width: root.width - KubeTheme.Units.largeSpacing 397// width: root.width - Kube.Units.largeSpacing
400// 398//
401// model: GroupModel1 {} 399// model: GroupModel1 {}
402// } 400// }
@@ -406,7 +404,7 @@ Popup {
406// 404//
407// width: parent.width 405// width: parent.width
408// 406//
409// spacing: KubeTheme.Units.smallSpacing 407// spacing: Kube.Units.smallSpacing
410// 408//
411// Text { 409// Text {
412// id: commonPeopleLabel 410// id: commonPeopleLabel
@@ -417,7 +415,7 @@ Popup {
417// PeopleGrid { 415// PeopleGrid {
418// id: commonPeople 416// id: commonPeople
419// 417//
420// width: root.width - KubeTheme.Units.largeSpacing 418// width: root.width - Kube.Units.largeSpacing
421// 419//
422// model: PeopleModel2 {} 420// model: PeopleModel2 {}
423// } 421// }
@@ -425,7 +423,7 @@ Popup {
425 423
426 Item { 424 Item {
427 width: parent.width 425 width: parent.width
428 height: KubeTheme.Units.largeSpacing 426 height: Kube.Units.largeSpacing
429 } 427 }
430 } 428 }
431 } 429 }
generated by cgit v1.2.3 (git 2.25.1) at 2025-05-19 23:03:58 +0000