f581fca · unity8 · git.iko.soy

qml/Components/SeeMore.qmldeleted−70

compare with xenial

unifiedsplit

@@ -1,70 +0,0 @@

1−/*

3− *

4− * This program is free software; you can redistribute it and/or modify

5− * it under the terms of the GNU General Public License as published by

6− * the Free Software Foundation; version 3.

7− *

8− * This program is distributed in the hope that it will be useful,

9− * but WITHOUT ANY WARRANTY; without even the implied warranty of

10− * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

11− * GNU General Public License for more details.

12− *

13− * You should have received a copy of the GNU General Public License

14− * along with this program. If not, see <http://www.gnu.org/licenses/>.

15− */

16−

17−import QtQuick 2.0

18−import Ubuntu.Components 0.1

19−

20−/*! Widget that can be used in combination with a text area to allow easy 'expand/collapse' functionality. */

21−

22−Item {

23− //! Boolean set to true when it suggests expanded functionality

24− property bool more: false

25−

26− implicitHeight: seeMoreLabel.height + units.gu(2)

27−

28− Row {

29− anchors.centerIn: parent

30− spacing: units.gu(2)

31−

32− Label {

33− id: seeMoreLabel

34− objectName: "seeMoreLabel"

35− text: i18n.tr("See more")

36− opacity: !more ? 0.8 : 0.4

37− // TODO: Fix requiring Palette update

38− color: "grey" //Theme.palette.selected.backgroundText

39− font.weight: Font.Bold

40−

41− MouseArea {

42− anchors.fill: parent

43− onClicked: more = true

44− }

45− }

46−

47− Image {

48− anchors {

49− top: parent.top

50− bottom: parent.bottom

51− }

52− width: units.dp(2)

53− source: "ListItems/graphics/ListItemDividerVertical.png"

54− }

55−

56− Label {

57− objectName: "seeLessLabel"

58− text: i18n.tr("See less")

59− opacity: more ? 0.8 : 0.4

60− // TODO: Fix requiring Palette update

61− color: "grey" //Theme.palette.selected.backgroundText

62− font.weight: Font.Bold

63−

64− MouseArea {

65− anchors.fill: parent

66− onClicked: more = false

67− }

68− }

69− }

70−}

qml/Dash/Previews/PreviewExpandable.qmlnew file+101

@@ -0,0 +1,101 @@

1+/*

3+ *

4+ * This program is free software; you can redistribute it and/or modify

5+ * it under the terms of the GNU General Public License as published by

6+ * the Free Software Foundation; version 3.

7+ *

8+ * This program is distributed in the hope that it will be useful,

9+ * but WITHOUT ANY WARRANTY; without even the implied warranty of

10+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

11+ * GNU General Public License for more details.

12+ *

13+ * You should have received a copy of the GNU General Public License

14+ * along with this program. If not, see <http://www.gnu.org/licenses/>.

15+ */

16+

17+import QtQuick 2.3

18+import Ubuntu.Components 1.1

19+import "../../Components"

20+

21+/*! \brief Preview widget for expandable widgets.

22+

23+ This widget shows a list of widgets defined in widgetData["widgets"]

24+ Those widgets can be collapsed or uncollapsed. When uncollapsed

25+ all the widgets are shown, when collapsed only the first

26+ widgetData["collapsed-widgets"] are shown. It has a title that comes

27+ in via widgetData["title"]

28+ */

29+

30+PreviewWidget {

31+ id: root

32+ implicitHeight: childrenRect.height

33+

34+ expanded: false

35+

36+ Label {

37+ id: titleLabel

38+ objectName: "titleLabel"

39+ anchors {

40+ left: parent.left

41+ right: expandButton.left

42+ }

43+ fontSize: "large"

44+ color: root.scopeStyle ? root.scopeStyle.foreground : "grey"

45+ visible: text !== ""

46+ opacity: .8

47+ text: widgetData["title"] || ""

48+ wrapMode: Text.Wrap

49+ }

50+

51+ AbstractButton {

52+ id: expandButton

53+ objectName: "expandButton"

54+ width: titleLabel.height

55+ height: titleLabel.height

56+ anchors.right: parent.right

57+ onClicked: {

58+ root.expanded = !root.expanded;

59+ }

60+ Icon {

61+ anchors.fill: parent

62+ width: 64

63+ height: 64

64+ name: root.expanded ? "view-collapse" : "view-expand"

65+ }

66+ }

67+

68+ Column {

69+ anchors {

70+ top: titleLabel.bottom

71+ topMargin: units.gu(1)

72+ left: parent.left

73+ right: parent.right

74+ }

75+ spacing: units.gu(1)

76+ Repeater {

77+ id: repeater

78+ objectName: "repeater"

79+ model: widgetData["widgets"]

80+ delegate: PreviewWidgetFactory {

81+ height: visible ? implicitHeight : 0

82+ width: parent.width

83+ widgetId: modelData.widgetId

84+ widgetType: modelData.type

85+ widgetData: modelData.properties

86+ isCurrentPreview: root.isCurrentPreview

87+ scopeStyle: root.scopeStyle

88+ anchors {

89+ left: parent.left

90+ right: parent.right

91+ }

92+ expanded: root.expanded

93+ visible: root.expanded || index < root.widgetData["collapsed-widgets"]

94+

95+ onTriggered: {

96+ root.triggered(widgetId, actionId, data);

97+ }

98+ }

99+ }

100+ }

101+}

qml/Dash/Previews/PreviewTextSummary.qml+3−16

@@ -23,7 +23,7 @@ import "../../Components"

23 This widget shows text contained in widgetData["text"]

24 along with a title that comes from widgetData["title"].

25

26− In case the text does not fit in 7 lines a See More / Less widget is also shown.

26+ In case the widget is collapsed it only shows 3 lines of text.

27 */

28

29PreviewWidget {

@@ -50,14 +50,14 @@ PreviewWidget {

50 id: textLabel

51 objectName: "textLabel"

52

53− readonly property int maximumCollapsedLineCount: 7

53+ readonly property int maximumCollapsedLineCount: 3

54

55 anchors {

56 left: parent.left

57 right: parent.right

58 top: titleLabel.visible ? titleLabel.bottom : parent.top

59 }

60− height: (!seeMore.visible || seeMore.more) ? contentHeight : contentHeight / lineCount * (maximumCollapsedLineCount - 2)

60+ height: (lineCount <= maximumCollapsedLineCount || root.expanded) ? contentHeight : contentHeight / lineCount * maximumCollapsedLineCount

61 clip: true

62 fontSize: "small"

63 lineHeight: 1.2

@@ -70,17 +70,4 @@ PreviewWidget {

70 UbuntuNumberAnimation { duration: UbuntuAnimation.SnapDuration }

71 }

72 }

73−

74− SeeMore {

75− id: seeMore

76− objectName: "seeMore"

77− anchors {

78− left: parent.left

79− right: parent.right

80− top: textLabel.bottom

81− topMargin: visible ? units.gu(1) : 0

82− }

83− height: visible ? implicitHeight : 0

84− visible: textLabel.lineCount > textLabel.maximumCollapsedLineCount

85− }

86}

73}

qml/Dash/Previews/PreviewWidget.qml+3

@@ -31,6 +31,9 @@ Item {

31 //! The ScopeStyle component.

32 property var scopeStyle: null

33

34+ //! Should the widget show in expanded mode (For those that support it)

35+ property bool expanded: true

36+

34 /*! \brief This signal should be emitted when a preview action was triggered.

37 /*! \brief This signal should be emitted when a preview action was triggered.

35 *

38 *

36 * \param widgetId, actionId Respective identifiers from widgetData.

39 * \param widgetId, actionId Respective identifiers from widgetData.

qml/Dash/Previews/PreviewWidgetFactory.qml+5

@@ -34,6 +34,9 @@ Loader {

34 //! The ScopeStyle component.

35 property var scopeStyle: null

36

37+ //! Should the widget show in expanded mode (For those that support it)

38+ property bool expanded: true

39+

37 //! Set to true if the parent preview is displayed.

40 //! Set to true if the parent preview is displayed.

38 property bool isCurrentPreview: false

41 property bool isCurrentPreview: false

39

42

@@ -47,6 +50,7 @@ Loader {

47 switch (widgetType) {

50 switch (widgetType) {

48 case "actions": return "PreviewActions.qml";

51 case "actions": return "PreviewActions.qml";

49 case "audio": return "PreviewAudioPlayback.qml";

52 case "audio": return "PreviewAudioPlayback.qml";

53+ case "expandable": return "PreviewExpandable.qml";

50 case "gallery": return "PreviewImageGallery.qml";

54 case "gallery": return "PreviewImageGallery.qml";

51 case "header": return "PreviewHeader.qml";

55 case "header": return "PreviewHeader.qml";

52 case "image": return "PreviewZoomableImage.qml";

56 case "image": return "PreviewZoomableImage.qml";

@@ -65,6 +69,7 @@ Loader {

65 item.widgetId = Qt.binding(function() { return root.widgetId } )

69 item.widgetId = Qt.binding(function() { return root.widgetId } )

66 item.widgetData = Qt.binding(function() { return root.widgetData } )

70 item.widgetData = Qt.binding(function() { return root.widgetData } )

67 item.isCurrentPreview = Qt.binding(function() { return root.isCurrentPreview } )

71 item.isCurrentPreview = Qt.binding(function() { return root.isCurrentPreview } )

72+ item.expanded = Qt.binding(function() { return root.expanded } )

68 if (item.hasOwnProperty("scopeStyle")) item.scopeStyle = root.scopeStyle;

73 if (item.hasOwnProperty("scopeStyle")) item.scopeStyle = root.scopeStyle;

69 }

74 }

70

75

tests/qmltests/CMakeLists.txt+1−1

@@ -30,7 +30,6 @@ add_qml_test(Components Rating)

30add_qml_test(Components ResponsiveFlowView)

31add_qml_test(Components ResponsiveGridView)

32add_qml_test(Components ResponsiveVerticalJournal IMPORT_PATHS ${qmltest_DEFAULT_IMPORT_PATHS} ${CMAKE_BINARY_DIR}/plugins)

33−add_qml_test(Components SeeMore)

34add_qml_test(Components Showable)

33add_qml_test(Components Showable)

35add_qml_test(Components PageHeader)

34add_qml_test(Components PageHeader)

36add_qml_test(Components ZoomableImage)

35add_qml_test(Components ZoomableImage)

@@ -43,6 +42,7 @@ add_qml_test(Dash GenericScopeView)

43add_qml_test(Dash/Previews Preview)

42add_qml_test(Dash/Previews Preview)

44add_qml_test(Dash/Previews PreviewActions)

43add_qml_test(Dash/Previews PreviewActions)

45add_qml_test(Dash/Previews PreviewAudioPlayback)

44add_qml_test(Dash/Previews PreviewAudioPlayback)

45+add_qml_test(Dash/Previews PreviewExpandable)

46add_qml_test(Dash/Previews PreviewHeader)

47add_qml_test(Dash/Previews PreviewImageGallery)

48add_qml_test(Dash/Previews PreviewPayments)

tests/qmltests/Components/tst_SeeMore.qmldeleted−52

@@ -1,52 +0,0 @@

1−/*

3− *

4− * This program is free software; you can redistribute it and/or modify

5− * it under the terms of the GNU General Public License as published by

6− * the Free Software Foundation; version 3.

7− *

8− * This program is distributed in the hope that it will be useful,

9− * but WITHOUT ANY WARRANTY; without even the implied warranty of

10− * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

11− * GNU General Public License for more details.

12− *

13− * You should have received a copy of the GNU General Public License

14− * along with this program. If not, see <http://www.gnu.org/licenses/>.

15− */

16−

17−import QtQuick 2.0

18−import QtTest 1.0

19−import Ubuntu.Components 0.1

20−import "../../../qml/Components"

21−import Unity.Test 0.1 as UT

22−

23−Rectangle {

24− id: root

25− width: units.gu(40)

26− height: units.gu(10)

27− color: Theme.palette.selected.background

28−

29− SeeMore {

30− id: seeMore

31− anchors.fill: parent

32− more: false

33− }

34−

35− UT.UnityTestCase {

36− name: "SeeMoreTest"

37− when: windowShown

38−

39− function test_interaction() {

40− var seeMoreLabel = findChild(seeMore, "seeMoreLabel")

41− var seeLessLabel = findChild(seeMore, "seeLessLabel")

42−

43− compare(seeMore.more, false)

44−

45− mouseClick(seeMoreLabel, seeMoreLabel.width / 2, seeMoreLabel.height / 2)

46− compare(seeMore.more, true)

47−

48− mouseClick(seeLessLabel, seeLessLabel.width / 2, seeLessLabel.height / 2)

49− compare(seeMore.more, false)

50− }

51− }

52−}

tests/qmltests/Dash/Previews/tst_PreviewExpandable.qmlnew file+97

@@ -0,0 +1,97 @@

1+/*

3+ *

4+ * This program is free software; you can redistribute it and/or modify

5+ * it under the terms of the GNU General Public License as published by

6+ * the Free Software Foundation; version 3.

7+ *

8+ * This program is distributed in the hope that it will be useful,

9+ * but WITHOUT ANY WARRANTY; without even the implied warranty of

10+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

11+ * GNU General Public License for more details.

12+ *

13+ * You should have received a copy of the GNU General Public License

14+ * along with this program. If not, see <http://www.gnu.org/licenses/>.

15+ */

16+

17+import QtQuick 2.0

18+import QtTest 1.0

19+import Ubuntu.Components 0.1

20+import "../../../../qml/Dash/Previews"

21+import Unity.Test 0.1 as UT

22+

23+Rectangle {

24+ id: root

25+ width: units.gu(40)

26+ height: units.gu(80)

27+ color: Theme.palette.selected.background

28+

29+ property string longText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\nPhasellus a mi vitae augue rhoncus lobortis ut rutrum metus.\nCurabitur tortor leo, tristique sed mollis quis, condimentum venenatis nibh.\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\nPhasellus a mi vitae augue rhoncus lobortis ut rutrum metus.\nCurabitur tortor leo, tristique sed mollis quis, condimentum venenatis nibh."

30+ property string longText2: "This is a very very very long text. 1 This is a very very very long text. 2 This is a very very very long text. 3 This is a very very very long text. 4 This is a very very very long text. 5 This is a very very very long text. 6 This is a very very very long text. 7 This is a very very very long text. 8 This is a very very very long text. 9 This is a very very very long text. 10 This is a very very very long text. 11 This is a very very very long text."

31+ property string shortText: "This is a short text :)"

32+

33+ property var widgetData: {

34+ "title": "Title here",

35+ "collapsed-widgets": 2,

36+ "widgets": [

37+ { "type": "text", "widgetId" : "text1", "properties" : { "text": longText } },

38+ { "type": "text", "widgetId" : "text2", "properties" : { "text": longText2 } },

39+ { "type": "text", "widgetId" : "text3", "properties" : { "text": shortText } },

40+ { "type": "text", "widgetId" : "text4", "properties" : { "text": longText } }

41+ ]

42+ }

43+

44+ PreviewExpandable {

45+ id: previewExpandable

46+ anchors { left: parent.left; right: parent.right }

47+ widgetData: root.widgetData

48+ }

49+

50+ UT.UnityTestCase {

51+ name: "PreviewExpandableTest"

52+ when: windowShown

53+

54+ function checkInitialState()

55+ {

56+ compare(previewExpandable.expanded, false);

57+

58+ var repeater = findChild(previewExpandable, "repeater")

59+ compare(repeater.count, 4)

60+

61+ compare (repeater.itemAt(0).visible, true);

62+ compare (repeater.itemAt(1).visible, true);

63+ compare (repeater.itemAt(2).visible, false);

64+ compare (repeater.itemAt(3).visible, false);

65+ compare (repeater.itemAt(0).expanded, false);

66+ compare (repeater.itemAt(1).expanded, false);

67+ }

68+

69+ function init() {

70+ }

71+

72+ function test_collapsed_by_default() {

73+ // Nothing init does this already

74+ }

75+

76+ function test_expand_collapse() {

77+ var expandButton = findChild(previewExpandable, "expandButton")

78+ mouseClick(expandButton, expandButton.width / 2, expandButton.height / 2);

79+

80+ var repeater = findChild(previewExpandable, "repeater")

81+ compare(repeater.count, 4)

82+

83+ compare (repeater.itemAt(0).visible, true);

84+ compare (repeater.itemAt(1).visible, true);

85+ compare (repeater.itemAt(2).visible, true);

86+ compare (repeater.itemAt(3).visible, true);

87+ compare (repeater.itemAt(0).expanded, true);

88+ compare (repeater.itemAt(1).expanded, true);

89+ compare (repeater.itemAt(2).expanded, true);

90+ compare (repeater.itemAt(3).expanded, true);

91+

92+ mouseClick(expandButton, expandButton.width / 2, expandButton.height / 2);

93+

94+ checkInitialState();

95+ }

96+ }

97+}

tests/qmltests/Dash/Previews/tst_PreviewTextSummary.qml+4−18

@@ -37,7 +37,7 @@ Rectangle {

37

38 property var widgetDataShortText: {

39 "title": "Title here",

40− "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\nPhasellus a mi vitae augue rhoncus lobortis ut rutrum metus.\nCurabitur tortor leo, tristique sed mollis quis, condimentum venenatis nibh."

40+ "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a mi vitae augue rhoncus lobortis ut rutrum metus."

41 }

42

43 PreviewTextSummary {

@@ -72,28 +72,14 @@ Rectangle {

72 tryCompare(textLabel, "y", 0)

73 }

74

75− function test_see_more() {

75+ function test_show_collapsed() {

76− var seeMore = findChild(previewTextSummary, "seeMore")

77−

78− // when it's more than textLabel.maximumCollapsedLineCount lines of text, show SeeMore component

79 verify(textLabel.lineCount > textLabel.maximumCollapsedLineCount)

76 verify(textLabel.lineCount > textLabel.maximumCollapsedLineCount)

80− compare(seeMore.visible, true)

81− verify(seeMore.more === false)

82− verify(textLabel.height < textLabel.contentHeight)

83

77

84− // test interactions with SeeMore

78+ previewTextSummary.expanded = false;

85− var seeMoreLabel = findChild(seeMore, "seeMoreLabel")

79+ tryCompareFunction(function() { return textLabel.height < textLabel.contentHeight; }, true)

86− var seeLessLabel = findChild(seeMore, "seeLessLabel")

87− var initialTextLabelHeight = textLabel.height

88− mouseClick(seeMoreLabel, seeMoreLabel.width / 2, seeMoreLabel.height / 2)

89− tryCompare(textLabel, "height", textLabel.contentHeight)

90− mouseClick(seeLessLabel, seeLessLabel.width / 2, seeLessLabel.height / 2)

91− tryCompare(textLabel, "height", initialTextLabelHeight)

92

80

93− // text SeeMore automatic hiding

94 previewTextSummary.widgetData = widgetDataShortText

81 previewTextSummary.widgetData = widgetDataShortText

95 verify(textLabel.lineCount <= textLabel.maximumCollapsedLineCount)

82 verify(textLabel.lineCount <= textLabel.maximumCollapsedLineCount)

96− compare(seeMore.visible, false)

97 tryCompare(textLabel, "height", textLabel.contentHeight)

83 tryCompare(textLabel, "height", textLabel.contentHeight)

98 tryCompare(previewTextSummary, "height", titleLabel.height + textLabel.height)

84 tryCompare(previewTextSummary, "height", titleLabel.height + textLabel.height)

99 }

85 }

tests/qmltests/Dash/Previews/tst_PreviewWidgetFactory.qml+1

@@ -77,6 +77,7 @@ Rectangle {

77 return [

78 { tag: "Actions", type: "actions", source: "PreviewActions.qml" },

79 { tag: "Audio", type: "audio", source: "PreviewAudioPlayback.qml" },

80+ { tag: "Expandable", type: "expandable", source: "PreviewExpandable.qml" },

80 { tag: "Gallery", type: "gallery", source: "PreviewImageGallery.qml" },

81 { tag: "Gallery", type: "gallery", source: "PreviewImageGallery.qml" },

81 { tag: "Header", type: "header", source: "PreviewHeader.qml" },

82 { tag: "Header", type: "header", source: "PreviewHeader.qml" },

82 { tag: "Image", type: "image", source: "PreviewZoomableImage.qml" },

83 { tag: "Image", type: "image", source: "PreviewZoomableImage.qml" },