@@ -29,22 +29,17 @@ Showable {
2929 property alias background: greeterBackground.source
3030 property alias backgroundSourceSize: greeterBackground.sourceSize
3131 property alias hasCustomBackground: backgroundShade.visible
32+ property alias backgroundShadeOpacity: backgroundShade.opacity
3233 property real panelHeight
3334 property var infographicModel
3435 property bool draggable: true
3536
36− property alias showInfographic: infographicsLoader.active
37+ property bool showInfographic: false
3738 property real infographicsLeftMargin: 0
3839 property real infographicsTopMargin: 0
3940 property real infographicsRightMargin: 0
4041 property real infographicsBottomMargin: 0
4142
42− property alias blurAreaHeight: loginBoxEffects.height
43− property alias blurAreaWidth: loginBoxEffects.width
44− property alias blurAreaX: loginBoxEffects.x
45− property alias blurAreaY: loginBoxEffects.y
46− property alias blurRadius: loginBoxBlur.radius
47−
4843 readonly property real showProgress: MathUtils.clamp((width - Math.abs(x + launcherOffset)) / width, 0, 1)
4944
5045 signal tease()
@@ -104,48 +99,17 @@ Showable {
10499 }
105100 }
106101
107− Rectangle {
108− id: loginBoxEffects
109− color: "transparent"
110− }
111−
112− ShaderEffectSource {
113− id: effectSource
114−
115− sourceItem: greeterBackground
116− anchors.centerIn: loginBoxEffects
117− width: loginBoxEffects.width
118− height: loginBoxEffects.height
119− sourceRect: Qt.rect(x,y, width, height)
120− }
121−
122− FastBlur {
123− id: loginBoxBlur
124− visible: !draggable
125− anchors.fill: effectSource
126− source: effectSource
127− transparentBorder: true
128− }
129−
130102 // Darkens wallpaper so that we can read text on it and see infographic
131103 Rectangle {
132104 id: backgroundShade
133105 objectName: "backgroundShade"
134106 anchors.fill: parent
135107 color: "black"
136− opacity: 0.4
137108 visible: false
138109 }
139110
140− Loader {
141− id: infographicsLoader
142− objectName: "infographicsLoader"
143− sourceComponent:Infographics {
144− id: infographics
145− objectName: "infographics"
146− model: root.infographicModel
147− clip: true // clip large data bubbles
148− }
111+ Item {
112+ id: infographicsArea
149113
150114 anchors {
151115 leftMargin: root.infographicsLeftMargin
@@ -159,6 +123,20 @@ Showable {
159123 }
160124 }
161125
126+ Loader {
127+ id: infographicsLoader
128+ objectName: "infographicsLoader"
129+ active: root.showInfographic && infographicsArea.width > units.gu(32)
130+ anchors.fill: infographicsArea
131+
132+ sourceComponent:Infographics {
133+ id: infographics
134+ objectName: "infographics"
135+ model: root.infographicModel
136+ clip: true // clip large data bubbles
137+ }
138+ }
139+
162140 Label {
163141 id: swipeHint
164142 objectName: "swipeHint"