Changeset View
Changeset View
Standalone View
Standalone View
applets/kickoff/package/contents/ui/FullRepresentation.qml
| Show First 20 Lines • Show All 110 Lines • ▼ Show 20 Line(s) | 108 | PlasmaCore.Svg { | |||
|---|---|---|---|---|---|
| 111 | imagePath: "widgets/arrows" | 111 | imagePath: "widgets/arrows" | ||
| 112 | size: "16x16" | 112 | size: "16x16" | ||
| 113 | } | 113 | } | ||
| 114 | 114 | | |||
| 115 | Header { | 115 | Header { | ||
| 116 | id: header | 116 | id: header | ||
| 117 | } | 117 | } | ||
| 118 | 118 | | |||
| 119 | Rectangle { | ||||
| 120 | id: headerSeparator | ||||
| 121 | | ||||
| 122 | height: Math.floor(units.devicePixelRatio) | ||||
| 123 | color: Qt.tint(PlasmaCore.ColorScope.textColor, Qt.rgba(PlasmaCore.ColorScope.backgroundColor.r, PlasmaCore.ColorScope.backgroundColor.g, PlasmaCore.ColorScope.backgroundColor.b, 0.7)) | ||||
| 124 | | ||||
| 125 | width: root.width | ||||
| 126 | | ||||
| 127 | anchors { | ||||
| 128 | top: header.top | ||||
| 129 | horizontalCenter: header.horizontalCenter | ||||
| 130 | } | ||||
| 131 | } | ||||
| 132 | | ||||
| 119 | Item { | 133 | Item { | ||
| 120 | id: mainArea | 134 | id: mainArea | ||
| 121 | anchors.topMargin: mainTabGroup.state == "top" ? units.smallSpacing : 0 | 135 | anchors.topMargin: mainTabGroup.state == "top" ? units.smallSpacing : 0 | ||
| 122 | 136 | | |||
| 123 | PlasmaComponents.TabGroup { | 137 | PlasmaComponents.TabGroup { | ||
| 124 | id: mainTabGroup | 138 | id: mainTabGroup | ||
| 125 | currentTab: favoritesPage | 139 | currentTab: favoritesPage | ||
| 126 | 140 | | |||
| ▲ Show 20 Lines • Show All 81 Lines • ▼ Show 20 Line(s) | 221 | AnchorChanges { | |||
| 208 | target: tabBar | 222 | target: tabBar | ||
| 209 | anchors { | 223 | anchors { | ||
| 210 | left: root.left | 224 | left: root.left | ||
| 211 | top: root.top | 225 | top: root.top | ||
| 212 | right: undefined | 226 | right: undefined | ||
| 213 | bottom: header.top | 227 | bottom: header.top | ||
| 214 | } | 228 | } | ||
| 215 | } | 229 | } | ||
| 230 | PropertyChanges { | ||||
| 231 | target:tabBarSeparator | ||||
| 232 | width: Math.floor(units.devicePixelRatio) | ||||
| 233 | height: root.height | ||||
| 234 | } | ||||
| 235 | AnchorChanges { | ||||
| 236 | target: tabBarSeparator | ||||
| 237 | anchors { | ||||
| 238 | left: tabBar.right | ||||
| 239 | top: tabBar.top | ||||
| 240 | right: undefined | ||||
| 241 | bottom: tabBar.bottom | ||||
| 242 | } | ||||
| 243 | } | ||||
| 216 | }, | 244 | }, | ||
| 217 | State { | 245 | State { | ||
| 218 | name: "top" | 246 | name: "top" | ||
| 219 | AnchorChanges { | 247 | AnchorChanges { | ||
| 220 | target: header | 248 | target: header | ||
| 221 | anchors { | 249 | anchors { | ||
| 222 | left: root.left | 250 | left: root.left | ||
| 223 | top: undefined | 251 | top: undefined | ||
| Show All 20 Lines | 271 | AnchorChanges { | |||
| 244 | target: tabBar | 272 | target: tabBar | ||
| 245 | anchors { | 273 | anchors { | ||
| 246 | left: root.left | 274 | left: root.left | ||
| 247 | top: root.top | 275 | top: root.top | ||
| 248 | right: root.right | 276 | right: root.right | ||
| 249 | bottom: undefined | 277 | bottom: undefined | ||
| 250 | } | 278 | } | ||
| 251 | } | 279 | } | ||
| 280 | PropertyChanges { | ||||
| 281 | target:tabBarSeparator | ||||
| 282 | width: root.width | ||||
| 283 | height: Math.floor(units.devicePixelRatio) | ||||
| 284 | } | ||||
| 285 | AnchorChanges { | ||||
| 286 | target: tabBarSeparator | ||||
| 287 | anchors { | ||||
| 288 | left: root.left | ||||
| 289 | top: tabBar.bottom | ||||
| 290 | right: root.right | ||||
| 291 | bottom: undefined | ||||
| 292 | } | ||||
| 293 | } | ||||
| 252 | }, | 294 | }, | ||
| 253 | State { | 295 | State { | ||
| 254 | name: "right" | 296 | name: "right" | ||
| 255 | AnchorChanges { | 297 | AnchorChanges { | ||
| 256 | target: header | 298 | target: header | ||
| 257 | anchors { | 299 | anchors { | ||
| 258 | left: root.left | 300 | left: root.left | ||
| 259 | top: undefined | 301 | top: undefined | ||
| Show All 20 Lines | 321 | AnchorChanges { | |||
| 280 | target: tabBar | 322 | target: tabBar | ||
| 281 | anchors { | 323 | anchors { | ||
| 282 | left: undefined | 324 | left: undefined | ||
| 283 | top: root.top | 325 | top: root.top | ||
| 284 | right: root.right | 326 | right: root.right | ||
| 285 | bottom: header.top | 327 | bottom: header.top | ||
| 286 | } | 328 | } | ||
| 287 | } | 329 | } | ||
| 330 | PropertyChanges { | ||||
| 331 | target:tabBarSeparator | ||||
| 332 | width: Math.floor(units.devicePixelRatio) | ||||
| 333 | height: root.height | ||||
| 334 | } | ||||
| 335 | AnchorChanges { | ||||
| 336 | target: tabBarSeparator | ||||
| 337 | anchors { | ||||
| 338 | left: undefined | ||||
| 339 | top: tabBar.top | ||||
| 340 | right: tabBar.left | ||||
| 341 | bottom: tabBar.bottom | ||||
| 342 | } | ||||
| 343 | } | ||||
| 288 | }, | 344 | }, | ||
| 289 | State { | 345 | State { | ||
| 290 | name: "bottom" | 346 | name: "bottom" | ||
| 291 | AnchorChanges { | 347 | AnchorChanges { | ||
| 292 | target: header | 348 | target: header | ||
| 293 | anchors { | 349 | anchors { | ||
| 294 | left: root.left | 350 | left: root.left | ||
| 295 | top: root.top | 351 | top: root.top | ||
| 296 | right: root.right | 352 | right: root.right | ||
| 297 | bottom: undefined | 353 | bottom: undefined | ||
| 298 | } | 354 | } | ||
| 299 | } | 355 | } | ||
| 300 | PropertyChanges { | 356 | PropertyChanges { | ||
| 301 | target: header | 357 | target: header | ||
| 302 | height: header.implicitHeight | 358 | height: header.implicitHeight | ||
| 303 | } | 359 | } | ||
| 360 | AnchorChanges { | ||||
| 361 | target: headerSeparator | ||||
| 362 | anchors { | ||||
| 363 | top: undefined | ||||
| 364 | bottom: header.bottom | ||||
| 365 | horizontalCenter: header.horizontalCenter | ||||
| 366 | } | ||||
| 367 | } | ||||
| 304 | 368 | | |||
| 305 | AnchorChanges { | 369 | AnchorChanges { | ||
| 306 | target: mainArea | 370 | target: mainArea | ||
| 307 | anchors { | 371 | anchors { | ||
| 308 | left: root.left | 372 | left: root.left | ||
| 309 | top: header.bottom | 373 | top: header.bottom | ||
| 310 | right: root.right | 374 | right: root.right | ||
| 311 | bottom: tabBar.top | 375 | bottom: tabBar.top | ||
| 312 | } | 376 | } | ||
| 313 | } | 377 | } | ||
| 314 | 378 | | |||
| 315 | AnchorChanges { | 379 | AnchorChanges { | ||
| 316 | target: tabBar | 380 | target: tabBar | ||
| 317 | anchors { | 381 | anchors { | ||
| 318 | left: root.left | 382 | left: root.left | ||
| 319 | top: undefined | 383 | top: undefined | ||
| 320 | right: root.right | 384 | right: root.right | ||
| 321 | bottom: root.bottom | 385 | bottom: root.bottom | ||
| 322 | } | 386 | } | ||
| 323 | } | 387 | } | ||
| 388 | PropertyChanges { | ||||
| 389 | target:tabBarSeparator | ||||
| 390 | width: root.width | ||||
| 391 | height: Math.floor(units.devicePixelRatio) | ||||
| 392 | } | ||||
| 393 | AnchorChanges { | ||||
| 394 | target: tabBarSeparator | ||||
| 395 | anchors { | ||||
| 396 | left: root.left | ||||
| 397 | top: undefined | ||||
| 398 | right: root.right | ||||
| 399 | bottom: tabBar.top | ||||
| 400 | } | ||||
| 401 | } | ||||
| 324 | } | 402 | } | ||
| 325 | ] | 403 | ] | ||
| 326 | } // mainTabGroup | 404 | } // mainTabGroup | ||
| 327 | } | 405 | } | ||
| 328 | 406 | | |||
| 329 | PlasmaComponents.TabBar { | 407 | PlasmaComponents.TabBar { | ||
| 330 | id: tabBar | 408 | id: tabBar | ||
| 331 | 409 | | |||
| ▲ Show 20 Lines • Show All 59 Lines • ▼ Show 20 Line(s) | 466 | onExpandedChanged: { | |||
| 391 | } | 469 | } | ||
| 392 | if (!expanded) { | 470 | if (!expanded) { | ||
| 393 | switchToInitial(); | 471 | switchToInitial(); | ||
| 394 | } | 472 | } | ||
| 395 | } | 473 | } | ||
| 396 | } | 474 | } | ||
| 397 | } // tabBar | 475 | } // tabBar | ||
| 398 | 476 | | |||
| 477 | Rectangle { | ||||
| 478 | id: tabBarSeparator | ||||
| 479 | | ||||
| 480 | width: root.width | ||||
| 481 | height: Math.floor(units.devicePixelRatio) | ||||
| 482 | color: Qt.tint(PlasmaCore.ColorScope.textColor, Qt.rgba(PlasmaCore.ColorScope.backgroundColor.r, PlasmaCore.ColorScope.backgroundColor.g, PlasmaCore.ColorScope.backgroundColor.b, 0.7)) | ||||
| 483 | | ||||
| 484 | anchors { | ||||
| 485 | top: header.top | ||||
| 486 | left: root.left | ||||
| 487 | right: root.right | ||||
| 488 | } | ||||
| 489 | } | ||||
| 490 | | ||||
| 399 | MouseArea { | 491 | MouseArea { | ||
| 400 | anchors.fill: tabBar | 492 | anchors.fill: tabBar | ||
| 401 | 493 | | |||
| 402 | property var oldPos: null | 494 | property var oldPos: null | ||
| 403 | 495 | | |||
| 404 | hoverEnabled: root.switchTabsOnHover | 496 | hoverEnabled: root.switchTabsOnHover | ||
| 405 | 497 | | |||
| 406 | onExited: { | 498 | onExited: { | ||
| ▲ Show 20 Lines • Show All 319 Lines • Show Last 20 Lines | |||||