@@ -16,7 +16,6 @@
1616
1717import QtQuick 2.3
1818import Ubuntu.Components 1.1
19−import QtGraphicalEffects 1.0
2019
2120Item {
2221 id: swipeToAct
@@ -34,18 +33,17 @@ Item {
3433 readonly property double halfWay: mouseArea.drag.maximumX / 2
3534
3635 UbuntuShape {
36+ id: row
3737 width: parent.width
3838 height: sliderHeight
3939 color: "#f4f4f4"
4040
41− Row {
42− id: row
43− anchors.fill: parent
44− spacing: gap
45− anchors.margins: gap
46−
4741 UbuntuShape {
4842 id: leftShape
43+ anchors.top: parent.top
44+ anchors.left: parent.left
45+ anchors.margins: gap
46+
4947 states: [
5048 State {
5149 name: "normal"
@@ -93,16 +91,46 @@ Item {
9391 }
9492 }
9593
96− Rectangle {
97− id: leftSpacer
98− width: (row.width - (leftShape.width + slider.width + rightShape.width + 4 * row.spacing)) / 2
99− height: units.gu(4)
100− opacity: 0
94+ Row {
95+ anchors.verticalCenter: parent.verticalCenter
96+ anchors.right: slider.left
97+ anchors.rightMargin: units.gu(1.5)
98+ spacing: -units.gu(1)
99+ Icon {
100+ name: "back"
101+ height: units.gu(2.5)
102+ color: "#b2b2b2"
103+ UbuntuNumberAnimation on opacity {
104+ from: .5
105+ to: 1
106+ loops: Animation.Infinite
107+ duration: UbuntuAnimation.SleepyDuration
108+ easing.type: Easing.Linear
109+ }
110+ }
111+ Icon {
112+ name: "back"
113+ height: units.gu(2.5)
114+ color: "#b2b2b2"
115+ UbuntuNumberAnimation on opacity {
116+ from: 1
117+ to: .5
118+ loops: Animation.Infinite
119+ duration: UbuntuAnimation.SleepyDuration
120+ easing.type: Easing.Linear
121+ }
122+ }
101123 }
102124
103125 UbuntuShape {
104126 id: slider
105127 objectName: "slider"
128+ anchors.top: parent.top
129+ anchors.margins: gap
130+
131+ Component.onCompleted: {
132+ x = halfWay
133+ }
106134
107135 Behavior on x {
108136 UbuntuNumberAnimation {
@@ -141,16 +169,43 @@ Item {
141169 color: "white"
142170 }
143171 }
144−
145− Rectangle {
146− id: rightSpacer
147− width: leftSpacer.width
148− height: units.gu(4)
149− opacity: 0
172+ Row {
173+ anchors.verticalCenter: parent.verticalCenter
174+ anchors.left: slider.right
175+ anchors.leftMargin: units.gu(1.5)
176+ spacing: -units.gu(1)
177+ Icon {
178+ name: "next"
179+ height: units.gu(2.5)
180+ color: "#b2b2b2"
181+ UbuntuNumberAnimation on opacity {
182+ from: 1
183+ to: .5
184+ loops: Animation.Infinite
185+ duration: UbuntuAnimation.SleepyDuration
186+ easing.type: Easing.Linear
187+ }
188+ }
189+ Icon {
190+ name: "next"
191+ height: units.gu(2.5)
192+ color: "#b2b2b2"
193+ UbuntuNumberAnimation on opacity {
194+ from: .5
195+ to: 1
196+ loops: Animation.Infinite
197+ duration: UbuntuAnimation.SleepyDuration
198+ easing.type: Easing.Linear
199+ }
200+ }
150201 }
151202
152203 UbuntuShape {
153204 id: rightShape
205+ anchors.top: parent.top
206+ anchors.right: parent.right
207+ anchors.margins: gap
208+
154209 states: [
155210 State {
156211 name: "normal"
@@ -226,6 +281,5 @@ Item {
226281 rightShape.state = "selected"
227282 }
228283 }
229− }
230284 }
231285}