Merge lp:~phablet-team/dialer-app/rtm-fit-finish into lp:dialer-app
- rtm-fit-finish
- Merge into trunk
| Status: | Merged |
|---|---|
| Approved by: | Tiago Salem Herrmann |
| Approved revision: | 220 |
| Merged at revision: | 211 |
| Proposed branch: | lp:~phablet-team/dialer-app/rtm-fit-finish |
| Merge into: | lp:dialer-app |
| Diff against target: |
1918 lines (+470/-902) 21 files modified
src/qml/ContactsPage/ContactsPage.qml (+3/-2) src/qml/DialerPage/CallButton.qml (+11/-3) src/qml/DialerPage/CustomButton.qml (+2/-3) src/qml/DialerPage/DialerPage.qml (+218/-221) src/qml/DialerPage/Keypad.qml (+4/-2) src/qml/DialerPage/KeypadButton.qml (+15/-15) src/qml/DialerPage/KeypadEntry.qml (+41/-42) src/qml/HistoryPage/ExpandableButton.qml (+1/-1) src/qml/HistoryPage/HistoryDelegate.qml (+99/-102) src/qml/HistoryPage/HistoryPage.qml (+34/-32) src/qml/HistoryPage/Timeline.qml (+1/-1) src/qml/LiveCallPage/ConferenceCallDisplay.qml (+1/-1) src/qml/LiveCallPage/HangupButton.qml (+1/-1) src/qml/LiveCallPage/LiveCall.qml (+27/-35) src/qml/LiveCallPage/LiveCallKeypadButton.qml (+1/-1) src/qml/LiveCallPage/MultiCallDisplay.qml (+1/-1) src/qml/LiveCallPage/StopWatch.qml (+1/-1) src/qml/PageWithBottomEdge.qml (+0/-434) src/qml/dialer-app.qml (+7/-2) tests/autopilot/dialer_app/emulators.py (+1/-1) tests/autopilot/dialer_app/tests/test_calls.py (+1/-1) |
| To merge this branch: | bzr merge lp:~phablet-team/dialer-app/rtm-fit-finish |
| Related bugs: |
| Reviewer | Review Type | Date Requested | Status |
|---|---|---|---|
| PS Jenkins bot | continuous-integration | Needs Fixing | |
| Tiago Salem Herrmann (community) | Approve | ||
|
Review via email:
|
|||
Commit message
- Visual update
- Update import to use Ubuntu.Components 1.1
- Updated HistoryDelegate with new ListItemWithActions visuals.
- Replaced local implementation of PageWithBottomEdge with Ubuntu.Contacts implementation.
- Used new SDK header API.
Description of the change
Visual update
== Checklist ==
Are there any related MPs required for this MP to build/function as expected? Please list.
Yes: https:/
Is your branch in sync with latest trunk (e.g. bzr pull lp:trunk -> no changes)
Yes
Did you perform an exploratory manual test run of your code change and any related functionality on device or emulator?
Yes
Did you successfully run all tests found in your component's Test Plan (https:/
Yes
If you changed the UI, was the change specified/approved by design?
Yes
If you changed the packaging (debian), did you add a core-dev as a reviewer to this MP?
N/A
| PS Jenkins bot (ps-jenkins) wrote : | # |
- 203. By Renato Araujo Oliveira Filho
-
Updated HistoryDelegate with new ListItemWithActions visuals.
| PS Jenkins bot (ps-jenkins) wrote : | # |
FAILED: Continuous integration, rev:203
http://
Executed test runs:
SUCCESS: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
UNSTABLE: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
Click here to trigger a rebuild:
http://
- 204. By Renato Araujo Oliveira Filho
-
Fixed sim selector.
- 205. By Renato Araujo Oliveira Filho
-
Fixed typo.
- 206. By Renato Araujo Oliveira Filho
-
Fixed header sections visual when empty.
- 207. By Renato Araujo Oliveira Filho
-
Replaced local implementation of PageWithBottomEdge with Ubuntu.Contacts implementation.
| PS Jenkins bot (ps-jenkins) wrote : | # |
FAILED: Continuous integration, rev:207
http://
Executed test runs:
SUCCESS: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
UNSTABLE: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
Click here to trigger a rebuild:
http://
- 208. By Renato Araujo Oliveira Filho
-
Fixed live call keypad position.
- 209. By Renato Araujo Oliveira Filho
-
Remove 20 digits limit from KeypadEntry;
| PS Jenkins bot (ps-jenkins) wrote : | # |
FAILED: Continuous integration, rev:209
http://
Executed test runs:
SUCCESS: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
UNSTABLE: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
Click here to trigger a rebuild:
http://
- 210. By Renato Araujo Oliveira Filho
-
Move RecentListView back to beginner after close it.
| PS Jenkins bot (ps-jenkins) wrote : | # |
FAILED: Continuous integration, rev:211
http://
Executed test runs:
FAILURE: http://
FAILURE: http://
FAILURE: http://
FAILURE: http://
FAILURE: http://
FAILURE: http://
FAILURE: http://
Click here to trigger a rebuild:
http://
- 211. By Renato Araujo Oliveira Filho
-
Fixed KeypadEntry alingment when there the content width is bigger then the item width.
- 212. By Renato Araujo Oliveira Filho
-
HistoryPage header update to new SDK API.
- 213. By Renato Araujo Oliveira Filho
-
Fixed multiselection visuals.
- 214. By Renato Araujo Oliveira Filho
-
Trunk merged.
- 215. By Renato Araujo Oliveira Filho
-
Parent merged.
- 216. By Gustavo Pichorim Boiko
-
Fix the account usage in QML.
| PS Jenkins bot (ps-jenkins) wrote : | # |
FAILED: Continuous integration, rev:215
http://
Executed test runs:
SUCCESS: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
UNSTABLE: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
Click here to trigger a rebuild:
http://
| PS Jenkins bot (ps-jenkins) wrote : | # |
FAILED: Continuous integration, rev:216
http://
Executed test runs:
SUCCESS: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
UNSTABLE: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
Click here to trigger a rebuild:
http://
- 217. By Gustavo Pichorim Boiko
-
Fix finding the account index.
| PS Jenkins bot (ps-jenkins) wrote : | # |
FAILED: Continuous integration, rev:217
http://
Executed test runs:
SUCCESS: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
UNSTABLE: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
Click here to trigger a rebuild:
http://
- 218. By Renato Araujo Oliveira Filho
-
Implemented support to add a new contact from contact page.
- 219. By Gustavo Pichorim Boiko
-
Fix autopilot tests.
| PS Jenkins bot (ps-jenkins) wrote : | # |
FAILED: Continuous integration, rev:218
http://
Executed test runs:
SUCCESS: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
UNSTABLE: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
Click here to trigger a rebuild:
http://
| PS Jenkins bot (ps-jenkins) wrote : | # |
FAILED: Continuous integration, rev:219
http://
Executed test runs:
SUCCESS: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
UNSTABLE: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
Click here to trigger a rebuild:
http://
- 220. By Gustavo Pichorim Boiko
-
Remove wrong line.
| Tiago Salem Herrmann (tiagosh) wrote : | # |
Did you perform an exploratory manual test run of the code change and any related functionality on device or emulator?
Yes
Did CI run pass? If not, please explain why.
No, it depends on other branches.
Have you checked that submitter has accurately filled out the submitter checklist and has taken no shortcut?
Yes
| PS Jenkins bot (ps-jenkins) wrote : | # |
FAILED: Continuous integration, rev:220
http://
Executed test runs:
SUCCESS: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
UNSTABLE: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
Click here to trigger a rebuild:
http://
Preview Diff
| 1 | === modified file 'src/qml/ContactsPage/ContactsPage.qml' | |||
| 2 | --- src/qml/ContactsPage/ContactsPage.qml 2014-07-25 14:16:22 +0000 | |||
| 3 | +++ src/qml/ContactsPage/ContactsPage.qml 2014-08-04 18:47:59 +0000 | |||
| 4 | @@ -17,7 +17,7 @@ | |||
| 5 | 17 | */ | 17 | */ |
| 6 | 18 | 18 | ||
| 7 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 9 | 20 | import Ubuntu.Components 0.1 | 20 | import Ubuntu.Components 1.1 |
| 10 | 21 | import Ubuntu.Components.ListItems 0.1 as ListItem | 21 | import Ubuntu.Components.ListItems 0.1 as ListItem |
| 11 | 22 | import Ubuntu.Components.Popups 0.1 | 22 | import Ubuntu.Components.Popups 0.1 |
| 12 | 23 | import Ubuntu.Contacts 0.1 | 23 | import Ubuntu.Contacts 0.1 |
| 13 | @@ -43,7 +43,7 @@ | |||
| 14 | 43 | } | 43 | } |
| 15 | 44 | onTextChanged: contactList.currentIndex = -1 | 44 | onTextChanged: contactList.currentIndex = -1 |
| 16 | 45 | inputMethodHints: Qt.ImhNoPredictiveText | 45 | inputMethodHints: Qt.ImhNoPredictiveText |
| 18 | 46 | placeholderText: i18n.tr("Type a name or phone to search") | 46 | placeholderText: i18n.tr("Search...") |
| 19 | 47 | } | 47 | } |
| 20 | 48 | 48 | ||
| 21 | 49 | // background | 49 | // background |
| 22 | @@ -78,6 +78,7 @@ | |||
| 23 | 78 | mainView.populateDialpad(detail.number) | 78 | mainView.populateDialpad(detail.number) |
| 24 | 79 | } | 79 | } |
| 25 | 80 | } | 80 | } |
| 26 | 81 | onAddDetailClicked: mainView.addPhoneToContact(contact.contactId, " ") | ||
| 27 | 81 | } | 82 | } |
| 28 | 82 | 83 | ||
| 29 | 83 | KeyboardRectagle { | 84 | KeyboardRectagle { |
| 30 | 84 | 85 | ||
| 31 | === modified file 'src/qml/DialerPage/CallButton.qml' | |||
| 32 | --- src/qml/DialerPage/CallButton.qml 2014-05-23 08:30:55 +0000 | |||
| 33 | +++ src/qml/DialerPage/CallButton.qml 2014-08-04 18:47:59 +0000 | |||
| 34 | @@ -17,22 +17,30 @@ | |||
| 35 | 17 | */ | 17 | */ |
| 36 | 18 | 18 | ||
| 37 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 39 | 20 | import Ubuntu.Components 0.1 | 20 | import Ubuntu.Components 1.1 |
| 40 | 21 | 21 | ||
| 41 | 22 | AbstractButton { | 22 | AbstractButton { |
| 42 | 23 | id: button | 23 | id: button |
| 43 | 24 | |||
| 44 | 25 | readonly property string defaultColor: "#0F8B21" | ||
| 45 | 26 | property alias iconRotation: icon.rotation | ||
| 46 | 27 | property alias color: shape.color | ||
| 47 | 28 | |||
| 48 | 24 | width: units.gu(21) | 29 | width: units.gu(21) |
| 49 | 25 | height: units.gu(4.5) | 30 | height: units.gu(4.5) |
| 50 | 26 | opacity: button.pressed ? 0.5 : (enabled ? 1 : 0.2) | 31 | opacity: button.pressed ? 0.5 : (enabled ? 1 : 0.2) |
| 51 | 27 | 32 | ||
| 52 | 28 | UbuntuShape { | 33 | UbuntuShape { |
| 53 | 34 | id: shape | ||
| 54 | 35 | |||
| 55 | 29 | anchors.fill: parent | 36 | anchors.fill: parent |
| 58 | 30 | color: "#0F8B21" | 37 | color: defaultColor |
| 57 | 31 | gradientColor: "#37B349" | ||
| 59 | 32 | radius: "medium" | 38 | radius: "medium" |
| 60 | 33 | } | 39 | } |
| 61 | 34 | 40 | ||
| 62 | 35 | Icon { | 41 | Icon { |
| 63 | 42 | id: icon | ||
| 64 | 43 | |||
| 65 | 36 | anchors.centerIn: parent | 44 | anchors.centerIn: parent |
| 66 | 37 | width: units.gu(3) | 45 | width: units.gu(3) |
| 67 | 38 | height: units.gu(3) | 46 | height: units.gu(3) |
| 68 | 39 | 47 | ||
| 69 | === modified file 'src/qml/DialerPage/CustomButton.qml' | |||
| 70 | --- src/qml/DialerPage/CustomButton.qml 2014-05-21 07:25:47 +0000 | |||
| 71 | +++ src/qml/DialerPage/CustomButton.qml 2014-08-04 18:47:59 +0000 | |||
| 72 | @@ -17,18 +17,17 @@ | |||
| 73 | 17 | */ | 17 | */ |
| 74 | 18 | 18 | ||
| 75 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 77 | 20 | import Ubuntu.Components 0.1 | 20 | import Ubuntu.Components 1.1 |
| 78 | 21 | 21 | ||
| 79 | 22 | Button { | 22 | Button { |
| 80 | 23 | property alias icon: buttonIcon.name | 23 | property alias icon: buttonIcon.name |
| 81 | 24 | property alias iconWidth: buttonIcon.width | 24 | property alias iconWidth: buttonIcon.width |
| 82 | 25 | property alias iconHeight: buttonIcon.height | 25 | property alias iconHeight: buttonIcon.height |
| 83 | 26 | property bool lighten: false | ||
| 84 | 27 | 26 | ||
| 85 | 28 | Icon { | 27 | Icon { |
| 86 | 29 | id: buttonIcon | 28 | id: buttonIcon |
| 87 | 30 | anchors.centerIn: parent | 29 | anchors.centerIn: parent |
| 89 | 31 | color: lighten ? "white" : UbuntuColors.warmGrey | 30 | color: UbuntuColors.darkGrey |
| 90 | 32 | } | 31 | } |
| 91 | 33 | color: "transparent" | 32 | color: "transparent" |
| 92 | 34 | } | 33 | } |
| 93 | 35 | 34 | ||
| 94 | === modified file 'src/qml/DialerPage/DialerPage.qml' | |||
| 95 | --- src/qml/DialerPage/DialerPage.qml 2014-07-30 17:55:22 +0000 | |||
| 96 | +++ src/qml/DialerPage/DialerPage.qml 2014-08-04 18:47:59 +0000 | |||
| 97 | @@ -18,35 +18,34 @@ | |||
| 98 | 18 | 18 | ||
| 99 | 19 | import QtContacts 5.0 | 19 | import QtContacts 5.0 |
| 100 | 20 | import QtQuick 2.0 | 20 | import QtQuick 2.0 |
| 102 | 21 | import Ubuntu.Components 0.1 | 21 | import Ubuntu.Components 1.1 |
| 103 | 22 | import Ubuntu.Components.Popups 0.1 | 22 | import Ubuntu.Components.Popups 0.1 |
| 104 | 23 | import Ubuntu.Telephony 0.1 | 23 | import Ubuntu.Telephony 0.1 |
| 105 | 24 | import Ubuntu.Contacts 0.1 | ||
| 106 | 24 | import Ubuntu.Components.ListItems 0.1 as ListItems | 25 | import Ubuntu.Components.ListItems 0.1 as ListItems |
| 107 | 26 | |||
| 108 | 25 | import "../" | 27 | import "../" |
| 109 | 26 | 28 | ||
| 110 | 27 | PageWithBottomEdge { | 29 | PageWithBottomEdge { |
| 111 | 28 | id: page | 30 | id: page |
| 112 | 31 | |||
| 113 | 29 | property alias dialNumber: keypadEntry.value | 32 | property alias dialNumber: keypadEntry.value |
| 114 | 30 | property alias input: keypadEntry.input | 33 | property alias input: keypadEntry.input |
| 115 | 31 | property bool multipleAccounts: telepathyHelper.accountIds.length > 1 | 34 | property bool multipleAccounts: telepathyHelper.accountIds.length > 1 |
| 116 | 32 | objectName: "dialerPage" | 35 | objectName: "dialerPage" |
| 117 | 33 | 36 | ||
| 127 | 34 | tools: ToolbarItems { | 37 | head.actions: [ |
| 128 | 35 | ToolbarButton { | 38 | Action { |
| 129 | 36 | id: contactButton | 39 | iconName: "contact" |
| 130 | 37 | objectName: "contactButton" | 40 | text: i18n.tr("Contacts") |
| 131 | 38 | action: Action { | 41 | onTriggered: pageStack.push(Qt.resolvedUrl("../ContactsPage/ContactsPage.qml")) |
| 132 | 39 | iconSource: "image://theme/contact" | 42 | }, |
| 133 | 40 | text: i18n.tr("Contacts") | 43 | Action { |
| 134 | 41 | onTriggered: pageStack.push(Qt.resolvedUrl("../ContactsPage/ContactsPage.qml")) | 44 | iconName: "settings" |
| 135 | 42 | } | 45 | text: i18n.tr("Settings") |
| 136 | 46 | onTriggered: Qt.openUrlExternally("settings:///system/phone") | ||
| 137 | 43 | } | 47 | } |
| 144 | 44 | } | 48 | ] |
| 139 | 45 | |||
| 140 | 46 | ToolbarItems { | ||
| 141 | 47 | id: emptyToolbar | ||
| 142 | 48 | visible: false | ||
| 143 | 49 | } | ||
| 145 | 50 | 49 | ||
| 146 | 51 | title: i18n.tr("Keypad") | 50 | title: i18n.tr("Keypad") |
| 147 | 52 | 51 | ||
| 148 | @@ -57,8 +56,8 @@ | |||
| 149 | 57 | when: greeter.greeterActive | 56 | when: greeter.greeterActive |
| 150 | 58 | 57 | ||
| 151 | 59 | PropertyChanges { | 58 | PropertyChanges { |
| 154 | 60 | target: page | 59 | target: page.head |
| 155 | 61 | tools: emptyToolbar | 60 | actions: [] |
| 156 | 62 | } | 61 | } |
| 157 | 63 | PropertyChanges { | 62 | PropertyChanges { |
| 158 | 64 | target: contactLabel | 63 | target: contactLabel |
| 159 | @@ -98,13 +97,15 @@ | |||
| 160 | 98 | } | 97 | } |
| 161 | 99 | 98 | ||
| 162 | 100 | onIsReadyChanged: { | 99 | onIsReadyChanged: { |
| 164 | 101 | bottomEdgePage.fullView = isReady; | 100 | if (bottomEdgePage) { |
| 165 | 101 | bottomEdgePage.fullView = isReady | ||
| 166 | 102 | } | ||
| 167 | 102 | } | 103 | } |
| 168 | 103 | 104 | ||
| 169 | 104 | onDialNumberChanged: { | 105 | onDialNumberChanged: { |
| 170 | 105 | if(checkUSSD(dialNumber)) { | 106 | if(checkUSSD(dialNumber)) { |
| 171 | 106 | // check for custom strings | 107 | // check for custom strings |
| 173 | 107 | if (dialNumber == "*#06#") { | 108 | if (dialNumber === "*#06#") { |
| 174 | 108 | dialNumber = "" | 109 | dialNumber = "" |
| 175 | 109 | mainView.ussdResponseTitle = "IMEI" | 110 | mainView.ussdResponseTitle = "IMEI" |
| 176 | 110 | mainView.ussdResponseText = ussdManager.serial(mainView.account.accountId) | 111 | mainView.ussdResponseText = ussdManager.serial(mainView.account.accountId) |
| 177 | @@ -113,6 +114,17 @@ | |||
| 178 | 113 | } | 114 | } |
| 179 | 114 | } | 115 | } |
| 180 | 115 | 116 | ||
| 181 | 117 | function accountIndex(account) { | ||
| 182 | 118 | var index = -1; | ||
| 183 | 119 | for (var i in telepathyHelper.accounts) { | ||
| 184 | 120 | if (telepathyHelper.accounts[i] == account) { | ||
| 185 | 121 | index = i; | ||
| 186 | 122 | break; | ||
| 187 | 123 | } | ||
| 188 | 124 | } | ||
| 189 | 125 | return index; | ||
| 190 | 126 | } | ||
| 191 | 127 | |||
| 192 | 116 | Connections { | 128 | Connections { |
| 193 | 117 | target: mainView | 129 | target: mainView |
| 194 | 118 | onPendingNumberToDialChanged: { | 130 | onPendingNumberToDialChanged: { |
| 195 | @@ -121,6 +133,34 @@ | |||
| 196 | 121 | mainView.switchToKeypadView(); | 133 | mainView.switchToKeypadView(); |
| 197 | 122 | } | 134 | } |
| 198 | 123 | } | 135 | } |
| 199 | 136 | onAccountChanged: { | ||
| 200 | 137 | var newAccountIndex = accountIndex(account); | ||
| 201 | 138 | if (newAccountIndex >= 0 && newAccountIndex !== page.head.sections.selectedIndex) { | ||
| 202 | 139 | page.head.sections.selectedIndex = newAccountIndex | ||
| 203 | 140 | } | ||
| 204 | 141 | } | ||
| 205 | 142 | } | ||
| 206 | 143 | |||
| 207 | 144 | head.sections.model: { | ||
| 208 | 145 | // does not show dual sim switch if there is only one sim | ||
| 209 | 146 | if (!multipleAccounts) { | ||
| 210 | 147 | return undefined | ||
| 211 | 148 | } | ||
| 212 | 149 | |||
| 213 | 150 | var accountNames = [] | ||
| 214 | 151 | for(var i=0; i < telepathyHelper.accounts.length; i++) { | ||
| 215 | 152 | accountNames.push(telepathyHelper.accounts[i].displayName) | ||
| 216 | 153 | } | ||
| 217 | 154 | return accountNames | ||
| 218 | 155 | } | ||
| 219 | 156 | |||
| 220 | 157 | // Account switcher | ||
| 221 | 158 | head.sections.selectedIndex: Math.max(0, accountIndex(mainView.account)) | ||
| 222 | 159 | Connections { | ||
| 223 | 160 | target: page.head.sections | ||
| 224 | 161 | onSelectedIndexChanged: { | ||
| 225 | 162 | mainView.account = telepathyHelper.accounts[page.head.sections.selectedIndex] | ||
| 226 | 163 | } | ||
| 227 | 124 | } | 164 | } |
| 228 | 125 | 165 | ||
| 229 | 126 | FocusScope { | 166 | FocusScope { |
| 230 | @@ -129,168 +169,90 @@ | |||
| 231 | 129 | anchors.fill: parent | 169 | anchors.fill: parent |
| 232 | 130 | focus: true | 170 | focus: true |
| 233 | 131 | 171 | ||
| 237 | 132 | // TODO replace by the sdk sections component when it's released | 172 | Item { |
| 238 | 133 | Rectangle { | 173 | id: entryWithButtons |
| 239 | 134 | id: accountList | 174 | |
| 240 | 135 | anchors { | 175 | anchors { |
| 241 | 136 | left: parent.left | ||
| 242 | 137 | right: parent.right | ||
| 243 | 138 | top: parent.top | 176 | top: parent.top |
| 250 | 139 | } | 177 | left: parent.left |
| 251 | 140 | clip: !multipleAccounts | 178 | right: parent.right |
| 252 | 141 | height: multipleAccounts ? childrenRect.height : 0 | 179 | } |
| 253 | 142 | z: 1 | 180 | height: units.gu(10) |
| 254 | 143 | color: "white" | 181 | |
| 255 | 144 | Row { | 182 | CustomButton { |
| 256 | 183 | id: addContact | ||
| 257 | 184 | |||
| 258 | 185 | anchors { | ||
| 259 | 186 | left: parent.left | ||
| 260 | 187 | leftMargin: units.gu(2) | ||
| 261 | 188 | verticalCenter: parent.verticalCenter | ||
| 262 | 189 | } | ||
| 263 | 190 | width: units.gu(3) | ||
| 264 | 191 | height: (keypadEntry.value !== "" && contactWatcher.isUnknown) ? units.gu(3) : 0 | ||
| 265 | 192 | icon: "contact-new" | ||
| 266 | 193 | iconWidth: units.gu(3) | ||
| 267 | 194 | iconHeight: units.gu(3) | ||
| 268 | 195 | opacity: (keypadEntry.value !== "" && contactWatcher.isUnknown) ? 1.0 : 0.0 | ||
| 269 | 196 | |||
| 270 | 197 | Behavior on opacity { | ||
| 271 | 198 | UbuntuNumberAnimation { } | ||
| 272 | 199 | } | ||
| 273 | 200 | |||
| 274 | 201 | Behavior on width { | ||
| 275 | 202 | UbuntuNumberAnimation { } | ||
| 276 | 203 | } | ||
| 277 | 204 | |||
| 278 | 205 | onClicked: mainView.addNewPhone(keypadEntry.value) | ||
| 279 | 206 | } | ||
| 280 | 207 | |||
| 281 | 208 | KeypadEntry { | ||
| 282 | 209 | id: keypadEntry | ||
| 283 | 210 | |||
| 284 | 145 | anchors { | 211 | anchors { |
| 285 | 146 | top: parent.top | 212 | top: parent.top |
| 433 | 147 | horizontalCenter: parent.horizontalCenter | 213 | topMargin: units.gu(3) |
| 434 | 148 | } | 214 | left: addContact.right |
| 435 | 149 | height: childrenRect.height | 215 | right: backspace.left |
| 436 | 150 | width: childrenRect.width | 216 | } |
| 437 | 151 | spacing: units.gu(2) | 217 | height: units.gu(4) |
| 438 | 152 | Repeater { | 218 | focus: true |
| 439 | 153 | model: telepathyHelper.accounts | 219 | placeHolder: i18n.tr("Enter a number") |
| 440 | 154 | delegate: Label { | 220 | Keys.forwardTo: [callButton] |
| 441 | 155 | width: paintedWidth | 221 | value: mainView.pendingNumberToDial |
| 442 | 156 | height: paintedHeight | 222 | } |
| 443 | 157 | text: model.displayName | 223 | |
| 444 | 158 | font.pixelSize: FontUtils.sizeToPixels("small") | 224 | CustomButton { |
| 445 | 159 | color: mainView.account == modelData ? "red" : "#5d5d5d" | 225 | id: backspace |
| 446 | 160 | MouseArea { | 226 | objectName: "eraseButton" |
| 447 | 161 | anchors { | 227 | anchors { |
| 448 | 162 | fill: parent | 228 | right: parent.right |
| 449 | 163 | // increase touch area | 229 | rightMargin: units.gu(2) |
| 450 | 164 | leftMargin: units.gu(-1) | 230 | verticalCenter: parent.verticalCenter |
| 451 | 165 | rightMargin: units.gu(-1) | 231 | } |
| 452 | 166 | bottomMargin: units.gu(-1) | 232 | width: units.gu(3) |
| 453 | 167 | topMargin: units.gu(-1) | 233 | height: input.text !== "" ? units.gu(3) : 0 |
| 454 | 168 | } | 234 | icon: "erase" |
| 455 | 169 | onClicked: mainView.account = modelData | 235 | iconWidth: units.gu(3) |
| 456 | 170 | z: 2 | 236 | iconHeight: units.gu(3) |
| 457 | 171 | } | 237 | opacity: input.text !== "" ? 1 : 0 |
| 458 | 172 | } | 238 | |
| 459 | 173 | } | 239 | Behavior on opacity { |
| 460 | 174 | } | 240 | UbuntuNumberAnimation { } |
| 461 | 175 | } | 241 | } |
| 462 | 176 | 242 | ||
| 463 | 177 | KeypadEntry { | 243 | Behavior on width { |
| 464 | 178 | id: keypadEntry | 244 | UbuntuNumberAnimation { } |
| 465 | 179 | 245 | } | |
| 466 | 180 | anchors { | 246 | |
| 467 | 181 | top: accountList.bottom | 247 | onPressAndHold: input.text = "" |
| 468 | 182 | topMargin: units.gu(3) | 248 | |
| 469 | 183 | left: parent.left | 249 | onClicked: { |
| 470 | 184 | right: backspace.left | 250 | if (input.cursorPosition > 0) { |
| 471 | 185 | } | 251 | input.remove(input.cursorPosition, input.cursorPosition - 1) |
| 472 | 186 | 252 | } | |
| 473 | 187 | focus: true | 253 | } |
| 474 | 188 | placeHolder: i18n.tr("Enter a number") | 254 | } |
| 475 | 189 | Keys.forwardTo: [callButton] | 255 | } |
| 329 | 190 | value: mainView.pendingNumberToDial | ||
| 330 | 191 | } | ||
| 331 | 192 | |||
| 332 | 193 | CustomButton { | ||
| 333 | 194 | id: backspace | ||
| 334 | 195 | objectName: "eraseButton" | ||
| 335 | 196 | anchors { | ||
| 336 | 197 | right: parent.right | ||
| 337 | 198 | rightMargin: units.gu(2) | ||
| 338 | 199 | verticalCenter: keypadEntry.verticalCenter | ||
| 339 | 200 | } | ||
| 340 | 201 | width: input.text !== "" ? units.gu(3) : 0 | ||
| 341 | 202 | height: units.gu(3) | ||
| 342 | 203 | icon: "erase" | ||
| 343 | 204 | iconWidth: units.gu(3) | ||
| 344 | 205 | iconHeight: units.gu(3) | ||
| 345 | 206 | opacity: input.text !== "" ? 1 : 0 | ||
| 346 | 207 | |||
| 347 | 208 | Behavior on opacity { | ||
| 348 | 209 | UbuntuNumberAnimation { } | ||
| 349 | 210 | } | ||
| 350 | 211 | |||
| 351 | 212 | Behavior on width { | ||
| 352 | 213 | UbuntuNumberAnimation { } | ||
| 353 | 214 | } | ||
| 354 | 215 | |||
| 355 | 216 | onPressAndHold: input.text = "" | ||
| 356 | 217 | |||
| 357 | 218 | onClicked: { | ||
| 358 | 219 | if (input.cursorPosition > 0) { | ||
| 359 | 220 | input.remove(input.cursorPosition, input.cursorPosition - 1) | ||
| 360 | 221 | } | ||
| 361 | 222 | } | ||
| 362 | 223 | } | ||
| 363 | 224 | |||
| 364 | 225 | /*ContactSearchListView { | ||
| 365 | 226 | id: contactSearch | ||
| 366 | 227 | property string searchTerm: keypadEntry.value != "" ? keypadEntry.value : "some value that won't match" | ||
| 367 | 228 | anchors { | ||
| 368 | 229 | left: parent.left | ||
| 369 | 230 | right: parent.right | ||
| 370 | 231 | bottom: keypadEntryBackground.bottom | ||
| 371 | 232 | margins: units.gu(0.5) | ||
| 372 | 233 | } | ||
| 373 | 234 | |||
| 374 | 235 | states: [ | ||
| 375 | 236 | State { | ||
| 376 | 237 | name: "empty" | ||
| 377 | 238 | when: contactSearch.count == 0 | ||
| 378 | 239 | PropertyChanges { | ||
| 379 | 240 | target: contactSearch | ||
| 380 | 241 | height: 0 | ||
| 381 | 242 | } | ||
| 382 | 243 | } | ||
| 383 | 244 | ] | ||
| 384 | 245 | |||
| 385 | 246 | Behavior on height { | ||
| 386 | 247 | UbuntuNumberAnimation { } | ||
| 387 | 248 | } | ||
| 388 | 249 | |||
| 389 | 250 | filter: UnionFilter { | ||
| 390 | 251 | DetailFilter { | ||
| 391 | 252 | detail: ContactDetail.Name | ||
| 392 | 253 | field: Name.FirstName | ||
| 393 | 254 | value: contactSearch.searchTerm | ||
| 394 | 255 | matchFlags: DetailFilter.MatchKeypadCollation | DetailFilter.MatchContains | ||
| 395 | 256 | } | ||
| 396 | 257 | |||
| 397 | 258 | DetailFilter { | ||
| 398 | 259 | detail: ContactDetail.Name | ||
| 399 | 260 | field: Name.LastName | ||
| 400 | 261 | value: contactSearch.searchTerm | ||
| 401 | 262 | matchFlags: DetailFilter.MatchContains | DetailFilter.MatchKeypadCollation | ||
| 402 | 263 | } | ||
| 403 | 264 | |||
| 404 | 265 | DetailFilter { | ||
| 405 | 266 | detail: ContactDetail.PhoneNumber | ||
| 406 | 267 | field: PhoneNumber.Number | ||
| 407 | 268 | value: contactSearch.searchTerm | ||
| 408 | 269 | matchFlags: DetailFilter.MatchPhoneNumber | ||
| 409 | 270 | } | ||
| 410 | 271 | |||
| 411 | 272 | DetailFilter { | ||
| 412 | 273 | detail: ContactDetail.PhoneNumber | ||
| 413 | 274 | field: PhoneNumber.Number | ||
| 414 | 275 | value: contactSearch.searchTerm | ||
| 415 | 276 | matchFlags: DetailFilter.MatchContains | ||
| 416 | 277 | } | ||
| 417 | 278 | |||
| 418 | 279 | } | ||
| 419 | 280 | |||
| 420 | 281 | // FIXME: uncomment this code if we end up having both the header and the toolbar. | ||
| 421 | 282 | onCountChanged: { | ||
| 422 | 283 | if (count > 0) { | ||
| 423 | 284 | page.header.hide(); | ||
| 424 | 285 | } else { | ||
| 425 | 286 | page.header.show(); | ||
| 426 | 287 | } | ||
| 427 | 288 | } | ||
| 428 | 289 | |||
| 429 | 290 | onDetailClicked: { | ||
| 430 | 291 | mainView.call(detail.number); | ||
| 431 | 292 | } | ||
| 432 | 293 | }*/ | ||
| 476 | 294 | 256 | ||
| 477 | 295 | ListItems.ThinDivider { | 257 | ListItems.ThinDivider { |
| 478 | 296 | id: divider | 258 | id: divider |
| 479 | @@ -300,8 +262,7 @@ | |||
| 480 | 300 | leftMargin: units.gu(2) | 262 | leftMargin: units.gu(2) |
| 481 | 301 | right: parent.right | 263 | right: parent.right |
| 482 | 302 | rightMargin: units.gu(2) | 264 | rightMargin: units.gu(2) |
| 485 | 303 | top: keypadEntry.bottom | 265 | top: entryWithButtons.bottom |
| 484 | 304 | topMargin: units.gu(4) | ||
| 486 | 305 | } | 266 | } |
| 487 | 306 | } | 267 | } |
| 488 | 307 | 268 | ||
| 489 | @@ -314,12 +275,13 @@ | |||
| 490 | 314 | id: contactLabel | 275 | id: contactLabel |
| 491 | 315 | anchors { | 276 | anchors { |
| 492 | 316 | horizontalCenter: divider.horizontalCenter | 277 | horizontalCenter: divider.horizontalCenter |
| 494 | 317 | bottom: divider.top | 278 | bottom: entryWithButtons.bottom |
| 495 | 318 | bottomMargin: units.gu(1) | 279 | bottomMargin: units.gu(1) |
| 496 | 319 | } | 280 | } |
| 497 | 320 | text: contactWatcher.isUnknown ? "" : contactWatcher.alias | 281 | text: contactWatcher.isUnknown ? "" : contactWatcher.alias |
| 498 | 321 | color: UbuntuColors.lightAubergine | 282 | color: UbuntuColors.lightAubergine |
| 499 | 322 | opacity: text != "" ? 1 : 0 | 283 | opacity: text != "" ? 1 : 0 |
| 500 | 284 | fontSize: "small" | ||
| 501 | 323 | Behavior on opacity { | 285 | Behavior on opacity { |
| 502 | 324 | UbuntuNumberAnimation { } | 286 | UbuntuNumberAnimation { } |
| 503 | 325 | } | 287 | } |
| 504 | @@ -329,8 +291,8 @@ | |||
| 505 | 329 | id: keypad | 291 | id: keypad |
| 506 | 330 | 292 | ||
| 507 | 331 | anchors { | 293 | anchors { |
| 510 | 332 | bottom: footer.top | 294 | top: divider.bottom |
| 511 | 333 | bottomMargin: units.gu(3) | 295 | topMargin: units.gu(2) |
| 512 | 334 | horizontalCenter: parent.horizontalCenter | 296 | horizontalCenter: parent.horizontalCenter |
| 513 | 335 | } | 297 | } |
| 514 | 336 | 298 | ||
| 515 | @@ -338,44 +300,79 @@ | |||
| 516 | 338 | input.insert(input.cursorPosition, label) | 300 | input.insert(input.cursorPosition, label) |
| 517 | 339 | } | 301 | } |
| 518 | 340 | } | 302 | } |
| 557 | 341 | 303 | } | |
| 558 | 342 | Item { | 304 | Item { |
| 559 | 343 | id: footer | 305 | id: footer |
| 560 | 344 | 306 | ||
| 561 | 345 | anchors.left: parent.left | 307 | anchors { |
| 562 | 346 | anchors.right: parent.right | 308 | left: parent.left |
| 563 | 347 | anchors.bottom: parent.bottom | 309 | right: parent.right |
| 564 | 348 | height: units.gu(10) | 310 | bottom: parent.bottom |
| 565 | 349 | 311 | } | |
| 566 | 350 | CallButton { | 312 | height: units.gu(10) |
| 567 | 351 | id: callButton | 313 | |
| 568 | 352 | objectName: "callButton" | 314 | CallButton { |
| 569 | 353 | anchors.bottom: footer.bottom | 315 | id: callButton |
| 570 | 354 | anchors.bottomMargin: units.gu(5) | 316 | objectName: "callButton" |
| 571 | 355 | anchors.horizontalCenter: parent.horizontalCenter | 317 | anchors { |
| 572 | 356 | onClicked: { | 318 | bottom: footer.bottom |
| 573 | 357 | console.log("Starting a call to " + keypadEntry.value); | 319 | bottomMargin: units.gu(5) |
| 574 | 358 | // avoid cleaning the keypadEntry in case there is no signal | 320 | horizontalCenter: parent.horizontalCenter |
| 575 | 359 | if (!mainView.account.connected) { | 321 | } |
| 576 | 360 | PopupUtils.open(noNetworkDialog) | 322 | onClicked: { |
| 577 | 361 | return | 323 | console.log("Starting a call to " + keypadEntry.value); |
| 578 | 362 | } | 324 | // avoid cleaning the keypadEntry in case there is no signal |
| 579 | 363 | mainView.call(keypadEntry.value, mainView.account.accountId); | 325 | if (!mainView.account.connected) { |
| 580 | 364 | keypadEntry.value = ""; | 326 | PopupUtils.open(noNetworkDialog) |
| 581 | 365 | } | 327 | return |
| 582 | 366 | enabled: { | 328 | } |
| 583 | 367 | if (dialNumber == "") { | 329 | callAnimation.start() |
| 584 | 368 | return false; | 330 | } |
| 585 | 369 | } | 331 | enabled: { |
| 586 | 370 | 332 | if (dialNumber == "") { | |
| 587 | 371 | if (greeter.greeterActive) { | 333 | return false; |
| 588 | 372 | return mainView.isEmergencyNumber(dialNumber); | 334 | } |
| 589 | 373 | } | 335 | |
| 590 | 374 | 336 | if (greeter.greeterActive) { | |
| 591 | 375 | return true; | 337 | return mainView.isEmergencyNumber(dialNumber); |
| 592 | 376 | } | 338 | } |
| 593 | 377 | } | 339 | |
| 594 | 378 | 340 | return true; | |
| 595 | 341 | } | ||
| 596 | 342 | } | ||
| 597 | 343 | } | ||
| 598 | 344 | |||
| 599 | 345 | SequentialAnimation { | ||
| 600 | 346 | id: callAnimation | ||
| 601 | 347 | |||
| 602 | 348 | PropertyAction { | ||
| 603 | 349 | target: callButton | ||
| 604 | 350 | property: "color" | ||
| 605 | 351 | value: "red" | ||
| 606 | 352 | } | ||
| 607 | 353 | |||
| 608 | 354 | ParallelAnimation { | ||
| 609 | 355 | UbuntuNumberAnimation { | ||
| 610 | 356 | target: keypadContainer | ||
| 611 | 357 | property: "opacity" | ||
| 612 | 358 | to: 0.0 | ||
| 613 | 359 | duration: UbuntuAnimation.SlowDuration | ||
| 614 | 360 | } | ||
| 615 | 361 | UbuntuNumberAnimation { | ||
| 616 | 362 | target: callButton | ||
| 617 | 363 | property: "iconRotation" | ||
| 618 | 364 | to: -90.0 | ||
| 619 | 365 | duration: UbuntuAnimation.SlowDuration | ||
| 620 | 366 | } | ||
| 621 | 367 | } | ||
| 622 | 368 | ScriptAction { | ||
| 623 | 369 | script: { | ||
| 624 | 370 | mainView.call(keypadEntry.value, mainView.account.accountId); | ||
| 625 | 371 | keypadEntry.value = "" | ||
| 626 | 372 | callButton.iconRotation = 0.0 | ||
| 627 | 373 | keypadContainer.opacity = 1.0 | ||
| 628 | 374 | callButton.color = callButton.defaultColor | ||
| 629 | 375 | } | ||
| 630 | 379 | } | 376 | } |
| 631 | 380 | } | 377 | } |
| 632 | 381 | } | 378 | } |
| 633 | 382 | 379 | ||
| 634 | === modified file 'src/qml/DialerPage/Keypad.qml' | |||
| 635 | --- src/qml/DialerPage/Keypad.qml 2014-05-23 08:30:55 +0000 | |||
| 636 | +++ src/qml/DialerPage/Keypad.qml 2014-08-04 18:47:59 +0000 | |||
| 637 | @@ -17,13 +17,13 @@ | |||
| 638 | 17 | */ | 17 | */ |
| 639 | 18 | 18 | ||
| 640 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 642 | 20 | import Ubuntu.Components 0.1 | 20 | import Ubuntu.Components 1.1 |
| 643 | 21 | import Ubuntu.Components.ListItems 0.1 as ListItems | 21 | import Ubuntu.Components.ListItems 0.1 as ListItems |
| 644 | 22 | 22 | ||
| 645 | 23 | Item { | 23 | Item { |
| 646 | 24 | id: keypad | 24 | id: keypad |
| 647 | 25 | 25 | ||
| 649 | 26 | property int keysWidth: units.gu(13) | 26 | property int keysWidth: units.gu(11) |
| 650 | 27 | property int keysHeight: units.gu(8) | 27 | property int keysHeight: units.gu(8) |
| 651 | 28 | 28 | ||
| 652 | 29 | width: keys.width | 29 | width: keys.width |
| 653 | @@ -36,6 +36,8 @@ | |||
| 654 | 36 | 36 | ||
| 655 | 37 | rows: 4 | 37 | rows: 4 |
| 656 | 38 | columns: 3 | 38 | columns: 3 |
| 657 | 39 | columnSpacing: units.gu(2.0) | ||
| 658 | 40 | rowSpacing: units.gu(0.5) | ||
| 659 | 39 | anchors.centerIn: parent | 41 | anchors.centerIn: parent |
| 660 | 40 | 42 | ||
| 661 | 41 | KeypadButton { | 43 | KeypadButton { |
| 662 | 42 | 44 | ||
| 663 | === modified file 'src/qml/DialerPage/KeypadButton.qml' | |||
| 664 | --- src/qml/DialerPage/KeypadButton.qml 2014-06-10 17:29:13 +0000 | |||
| 665 | +++ src/qml/DialerPage/KeypadButton.qml 2014-08-04 18:47:59 +0000 | |||
| 666 | @@ -17,7 +17,7 @@ | |||
| 667 | 17 | */ | 17 | */ |
| 668 | 18 | 18 | ||
| 669 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 671 | 20 | import Ubuntu.Components 0.1 | 20 | import Ubuntu.Components 1.1 |
| 672 | 21 | 21 | ||
| 673 | 22 | AbstractButton { | 22 | AbstractButton { |
| 674 | 23 | id: button | 23 | id: button |
| 675 | @@ -33,6 +33,17 @@ | |||
| 676 | 33 | property bool isCorner: false | 33 | property bool isCorner: false |
| 677 | 34 | property int corner | 34 | property int corner |
| 678 | 35 | 35 | ||
| 679 | 36 | UbuntuShape { | ||
| 680 | 37 | anchors.fill: parent | ||
| 681 | 38 | opacity: button.pressed ? 1 : 0 | ||
| 682 | 39 | |||
| 683 | 40 | Behavior on opacity { | ||
| 684 | 41 | UbuntuNumberAnimation { | ||
| 685 | 42 | duration: UbuntuAnimation.BriskDuration | ||
| 686 | 43 | } | ||
| 687 | 44 | } | ||
| 688 | 45 | } | ||
| 689 | 46 | |||
| 690 | 36 | Item { | 47 | Item { |
| 691 | 37 | height: childrenRect.height | 48 | height: childrenRect.height |
| 692 | 38 | width: parent.width | 49 | width: parent.width |
| 693 | @@ -46,18 +57,6 @@ | |||
| 694 | 46 | } | 57 | } |
| 695 | 47 | } | 58 | } |
| 696 | 48 | 59 | ||
| 697 | 49 | Rectangle { | ||
| 698 | 50 | anchors.fill: parent | ||
| 699 | 51 | color: Qt.rgba(0, 0, 0, 0.15) | ||
| 700 | 52 | opacity: button.pressed ? 1 : 0 | ||
| 701 | 53 | |||
| 702 | 54 | Behavior on opacity { | ||
| 703 | 55 | UbuntuNumberAnimation { | ||
| 704 | 56 | duration: UbuntuAnimation.BriskDuration | ||
| 705 | 57 | } | ||
| 706 | 58 | } | ||
| 707 | 59 | } | ||
| 708 | 60 | |||
| 709 | 61 | Label { | 60 | Label { |
| 710 | 62 | id: labelItem | 61 | id: labelItem |
| 711 | 63 | 62 | ||
| 712 | @@ -65,10 +64,10 @@ | |||
| 713 | 65 | anchors.horizontalCenter: parent.horizontalCenter | 64 | anchors.horizontalCenter: parent.horizontalCenter |
| 714 | 66 | anchors.verticalCenterOffset: -units.gu(0.5) | 65 | anchors.verticalCenterOffset: -units.gu(0.5) |
| 715 | 67 | horizontalAlignment: Text.AlignHCenter | 66 | horizontalAlignment: Text.AlignHCenter |
| 716 | 68 | fontSize: "large" | ||
| 717 | 69 | height: paintedHeight | 67 | height: paintedHeight |
| 719 | 70 | font.weight: Font.DemiBold | 68 | font.pixelSize: units.dp(30) |
| 720 | 71 | verticalAlignment: Text.AlignTop | 69 | verticalAlignment: Text.AlignTop |
| 721 | 70 | color: UbuntuColors.darkGrey | ||
| 722 | 72 | } | 71 | } |
| 723 | 73 | 72 | ||
| 724 | 74 | Label { | 73 | Label { |
| 725 | @@ -79,6 +78,7 @@ | |||
| 726 | 79 | anchors.horizontalCenter: parent.horizontalCenter | 78 | anchors.horizontalCenter: parent.horizontalCenter |
| 727 | 80 | horizontalAlignment: Text.AlignHCenter | 79 | horizontalAlignment: Text.AlignHCenter |
| 728 | 81 | fontSize: "x-small" | 80 | fontSize: "x-small" |
| 729 | 81 | color: UbuntuColors.darkGrey | ||
| 730 | 82 | } | 82 | } |
| 731 | 83 | 83 | ||
| 732 | 84 | Icon { | 84 | Icon { |
| 733 | 85 | 85 | ||
| 734 | === modified file 'src/qml/DialerPage/KeypadEntry.qml' | |||
| 735 | --- src/qml/DialerPage/KeypadEntry.qml 2014-07-14 23:17:06 +0000 | |||
| 736 | +++ src/qml/DialerPage/KeypadEntry.qml 2014-08-04 18:47:59 +0000 | |||
| 737 | @@ -17,7 +17,7 @@ | |||
| 738 | 17 | */ | 17 | */ |
| 739 | 18 | 18 | ||
| 740 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 742 | 20 | import Ubuntu.Components 0.1 | 20 | import Ubuntu.Components 1.1 |
| 743 | 21 | import Ubuntu.Components.ListItems 0.1 as ListItems | 21 | import Ubuntu.Components.ListItems 0.1 as ListItems |
| 744 | 22 | import Ubuntu.Telephony.PhoneNumber 0.1 | 22 | import Ubuntu.Telephony.PhoneNumber 0.1 |
| 745 | 23 | 23 | ||
| 746 | @@ -29,28 +29,48 @@ | |||
| 747 | 29 | property alias placeHolder: hint.text | 29 | property alias placeHolder: hint.text |
| 748 | 30 | property alias placeHolderPixelFontSize: hint.font.pixelSize | 30 | property alias placeHolderPixelFontSize: hint.font.pixelSize |
| 749 | 31 | 31 | ||
| 750 | 32 | height: input.height | ||
| 751 | 33 | 32 | ||
| 752 | 34 | PhoneNumberInput { | 33 | PhoneNumberInput { |
| 753 | 35 | id: input | 34 | id: input |
| 754 | 36 | 35 | ||
| 755 | 37 | property bool __adjusting: false | 36 | property bool __adjusting: false |
| 765 | 38 | 37 | readonly property double maximumFontSize: units.dp(30) | |
| 766 | 39 | anchors.left: parent.left | 38 | readonly property double minimumFontSize: FontUtils.sizeToPixels("large") |
| 767 | 40 | anchors.leftMargin: units.gu(2) | 39 | |
| 768 | 41 | anchors.right: parent.right | 40 | function adjustTextSize() |
| 769 | 42 | anchors.rightMargin: units.gu(2) | 41 | { |
| 770 | 43 | anchors.verticalCenter: parent.verticalCenter | 42 | // avoid infinite recursion here |
| 771 | 44 | horizontalAlignment: TextInput.AlignHCenter | 43 | if (__adjusting) { |
| 772 | 45 | font.pixelSize: units.dp(39) | 44 | return; |
| 773 | 46 | font.weight: Font.Light | 45 | } |
| 774 | 46 | |||
| 775 | 47 | __adjusting = true; | ||
| 776 | 48 | |||
| 777 | 49 | // start by resetting the font size to discover the scale that should be used | ||
| 778 | 50 | font.pixelSize = maximumFontSize | ||
| 779 | 51 | |||
| 780 | 52 | // check if it really needs to be scaled | ||
| 781 | 53 | if (contentWidth > width) { | ||
| 782 | 54 | var factor = width / contentWidth; | ||
| 783 | 55 | font.pixelSize = Math.max(font.pixelSize * factor, minimumFontSize); | ||
| 784 | 56 | } | ||
| 785 | 57 | __adjusting = false | ||
| 786 | 58 | } | ||
| 787 | 59 | |||
| 788 | 60 | anchors { | ||
| 789 | 61 | left: parent.left | ||
| 790 | 62 | leftMargin: units.gu(2) | ||
| 791 | 63 | right: parent.right | ||
| 792 | 64 | rightMargin: units.gu(2) | ||
| 793 | 65 | verticalCenter: parent.verticalCenter | ||
| 794 | 66 | } | ||
| 795 | 67 | horizontalAlignment: (text.length < 19 ? TextInput.AlignHCenter : TextInput.AlignRight) | ||
| 796 | 68 | font.pixelSize: maximumFontSize | ||
| 797 | 47 | font.family: "Ubuntu" | 69 | font.family: "Ubuntu" |
| 800 | 48 | color: "#AAAAAA" | 70 | color: UbuntuColors.darkGrey |
| 799 | 49 | maximumLength: 20 | ||
| 801 | 50 | focus: true | 71 | focus: true |
| 802 | 51 | cursorVisible: true | 72 | cursorVisible: true |
| 803 | 52 | clip: true | 73 | clip: true |
| 804 | 53 | opacity: 0.9 | ||
| 805 | 54 | defaultRegion: PhoneUtils.defaultRegion | 74 | defaultRegion: PhoneUtils.defaultRegion |
| 806 | 55 | updateOnlyWhenFocused: false | 75 | updateOnlyWhenFocused: false |
| 807 | 56 | // FIXME: this should probably be done in the component itself | 76 | // FIXME: this should probably be done in the component itself |
| 808 | @@ -63,7 +83,7 @@ | |||
| 809 | 63 | anchors.bottom: parent.bottom | 83 | anchors.bottom: parent.bottom |
| 810 | 64 | width: units.dp(3) | 84 | width: units.dp(3) |
| 811 | 65 | color: "#DD4814" | 85 | color: "#DD4814" |
| 813 | 66 | visible: input.text != "" | 86 | visible: input.text !== "" |
| 814 | 67 | } | 87 | } |
| 815 | 68 | 88 | ||
| 816 | 69 | // force cursor to be always visible | 89 | // force cursor to be always visible |
| 817 | @@ -72,24 +92,7 @@ | |||
| 818 | 72 | cursorVisible = true | 92 | cursorVisible = true |
| 819 | 73 | } | 93 | } |
| 820 | 74 | 94 | ||
| 839 | 75 | onContentWidthChanged: { | 95 | onContentWidthChanged: adjustTextSize() |
| 822 | 76 | // avoid infinite recursion here | ||
| 823 | 77 | if (__adjusting) { | ||
| 824 | 78 | return; | ||
| 825 | 79 | } | ||
| 826 | 80 | |||
| 827 | 81 | __adjusting = true; | ||
| 828 | 82 | |||
| 829 | 83 | // start by resetting the font size to discover the scale that should be used | ||
| 830 | 84 | font.pixelSize = units.dp(39); | ||
| 831 | 85 | |||
| 832 | 86 | // check if it really needs to be scaled | ||
| 833 | 87 | if (contentWidth > width) { | ||
| 834 | 88 | var factor = width / contentWidth; | ||
| 835 | 89 | font.pixelSize = font.pixelSize * factor; | ||
| 836 | 90 | } | ||
| 837 | 91 | __adjusting = false; | ||
| 838 | 92 | } | ||
| 840 | 93 | } | 96 | } |
| 841 | 94 | 97 | ||
| 842 | 95 | MouseArea { | 98 | MouseArea { |
| 843 | @@ -99,7 +102,7 @@ | |||
| 844 | 99 | input.cursorPosition = input.positionAt(mouseX,TextInput.CursorOnCharacter) | 102 | input.cursorPosition = input.positionAt(mouseX,TextInput.CursorOnCharacter) |
| 845 | 100 | } | 103 | } |
| 846 | 101 | onPressAndHold: { | 104 | onPressAndHold: { |
| 848 | 102 | if (input.text != "") { | 105 | if (input.text !== "") { |
| 849 | 103 | held = true | 106 | held = true |
| 850 | 104 | input.selectAll() | 107 | input.selectAll() |
| 851 | 105 | input.copy() | 108 | input.copy() |
| 852 | @@ -112,20 +115,16 @@ | |||
| 853 | 112 | input.deselect() | 115 | input.deselect() |
| 854 | 113 | held = false | 116 | held = false |
| 855 | 114 | } | 117 | } |
| 856 | 115 | |||
| 857 | 116 | } | 118 | } |
| 858 | 117 | } | 119 | } |
| 859 | 118 | 120 | ||
| 860 | 119 | Label { | 121 | Label { |
| 861 | 120 | id: hint | 122 | id: hint |
| 864 | 121 | visible: input.text == "" | 123 | visible: input.text === "" |
| 865 | 122 | anchors.centerIn: input | 124 | anchors.centerIn: parent |
| 866 | 123 | text: "" | 125 | text: "" |
| 871 | 124 | fontSize: "x-large" | 126 | font.pixelSize: input.maximumFontSize |
| 872 | 125 | font.weight: Font.Light | 127 | color: UbuntuColors.darkGrey |
| 869 | 126 | font.family: "Ubuntu" | ||
| 870 | 127 | color: "#464646" | ||
| 873 | 128 | opacity: 0.9 | 128 | opacity: 0.9 |
| 874 | 129 | } | 129 | } |
| 875 | 130 | |||
| 876 | 131 | } | 130 | } |
| 877 | 132 | 131 | ||
| 878 | === modified file 'src/qml/HistoryPage/ExpandableButton.qml' | |||
| 879 | --- src/qml/HistoryPage/ExpandableButton.qml 2013-10-10 17:36:08 +0000 | |||
| 880 | +++ src/qml/HistoryPage/ExpandableButton.qml 2014-08-04 18:47:59 +0000 | |||
| 881 | @@ -15,7 +15,7 @@ | |||
| 882 | 15 | */ | 15 | */ |
| 883 | 16 | 16 | ||
| 884 | 17 | import QtQuick 2.0 | 17 | import QtQuick 2.0 |
| 886 | 18 | import Ubuntu.Components 0.1 | 18 | import Ubuntu.Components 1.1 |
| 887 | 19 | import Ubuntu.Components.ListItems 0.1 as ListItem | 19 | import Ubuntu.Components.ListItems 0.1 as ListItem |
| 888 | 20 | 20 | ||
| 889 | 21 | ListItem.Empty { | 21 | ListItem.Empty { |
| 890 | 22 | 22 | ||
| 891 | === modified file 'src/qml/HistoryPage/HistoryDelegate.qml' | |||
| 892 | --- src/qml/HistoryPage/HistoryDelegate.qml 2014-07-30 17:55:22 +0000 | |||
| 893 | +++ src/qml/HistoryPage/HistoryDelegate.qml 2014-08-04 18:47:59 +0000 | |||
| 894 | @@ -17,7 +17,7 @@ | |||
| 895 | 17 | */ | 17 | */ |
| 896 | 18 | 18 | ||
| 897 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 899 | 20 | import Ubuntu.Components 0.1 | 20 | import Ubuntu.Components 1.1 |
| 900 | 21 | import Ubuntu.Components.ListItems 0.1 as ListItem | 21 | import Ubuntu.Components.ListItems 0.1 as ListItem |
| 901 | 22 | import Ubuntu.Components.Popups 0.1 | 22 | import Ubuntu.Components.Popups 0.1 |
| 902 | 23 | import Ubuntu.Telephony 0.1 | 23 | import Ubuntu.Telephony 0.1 |
| 903 | @@ -37,8 +37,8 @@ | |||
| 904 | 37 | 37 | ||
| 905 | 38 | property string phoneNumberSubTypeLabel: "" | 38 | property string phoneNumberSubTypeLabel: "" |
| 906 | 39 | property bool isFirst: false | 39 | property bool isFirst: false |
| 907 | 40 | property bool selected: false | ||
| 908 | 41 | property bool fullView: false | 40 | property bool fullView: false |
| 909 | 41 | property bool active: false | ||
| 910 | 42 | 42 | ||
| 911 | 43 | function activate() { | 43 | function activate() { |
| 912 | 44 | // ignore private and unknown numbers | 44 | // ignore private and unknown numbers |
| 913 | @@ -63,8 +63,8 @@ | |||
| 914 | 63 | } | 63 | } |
| 915 | 64 | } | 64 | } |
| 916 | 65 | 65 | ||
| 917 | 66 | height: units.gu(8) | ||
| 918 | 66 | color: Theme.palette.normal.background | 67 | color: Theme.palette.normal.background |
| 919 | 67 | height: mainSection.height | ||
| 920 | 68 | triggerActionOnMouseRelease: true | 68 | triggerActionOnMouseRelease: true |
| 921 | 69 | 69 | ||
| 922 | 70 | states: [ | 70 | states: [ |
| 923 | @@ -90,21 +90,18 @@ | |||
| 924 | 90 | } | 90 | } |
| 925 | 91 | ] | 91 | ] |
| 926 | 92 | 92 | ||
| 927 | 93 | |||
| 928 | 94 | Rectangle { | ||
| 929 | 95 | anchors.fill: parent | ||
| 930 | 96 | color: "black" | ||
| 931 | 97 | opacity: historyDelegate.selected ? 0.2 : 0 | ||
| 932 | 98 | Behavior on opacity { | ||
| 933 | 99 | UbuntuNumberAnimation { } | ||
| 934 | 100 | } | ||
| 935 | 101 | } | ||
| 936 | 102 | |||
| 937 | 103 | Item { | 93 | Item { |
| 938 | 104 | id: helper | 94 | id: helper |
| 939 | 105 | 95 | ||
| 940 | 106 | function updateSubTypeLabel() { | 96 | function updateSubTypeLabel() { |
| 942 | 107 | phoneNumberSubTypeLabel = contactWatcher.isUnknown ? model.participants[0] : phoneTypeModel.get(phoneTypeModel.getTypeIndex(phoneDetail)).label | 97 | var subLabel = contactWatcher.isUnknown |
| 943 | 98 | if (model.participants[0]) { | ||
| 944 | 99 | var typeInfo = phoneTypeModel.get(phoneTypeModel.getTypeIndex(phoneDetail)) | ||
| 945 | 100 | if (typeInfo) { | ||
| 946 | 101 | subLabel = typeInfo.label | ||
| 947 | 102 | } | ||
| 948 | 103 | } | ||
| 949 | 104 | phoneNumberSubTypeLabel = subLabel | ||
| 950 | 108 | } | 105 | } |
| 951 | 109 | 106 | ||
| 952 | 110 | Component.onCompleted: updateSubTypeLabel() | 107 | Component.onCompleted: updateSubTypeLabel() |
| 953 | @@ -130,96 +127,96 @@ | |||
| 954 | 130 | } | 127 | } |
| 955 | 131 | } | 128 | } |
| 956 | 132 | 129 | ||
| 959 | 133 | Item { | 130 | Rectangle { |
| 960 | 134 | id: mainSection | 131 | anchors { |
| 961 | 132 | fill: parent | ||
| 962 | 133 | topMargin: units.gu(-1) | ||
| 963 | 134 | bottomMargin: units.gu(-1) | ||
| 964 | 135 | leftMargin: units.gu(-2) | ||
| 965 | 136 | rightMargin: units.gu(-2) | ||
| 966 | 137 | } | ||
| 967 | 138 | opacity: historyDelegate.active ? 0.2 : 0.0 | ||
| 968 | 139 | color: "black" | ||
| 969 | 140 | Behavior on opacity { | ||
| 970 | 141 | UbuntuNumberAnimation {} | ||
| 971 | 142 | } | ||
| 972 | 143 | } | ||
| 973 | 135 | 144 | ||
| 974 | 145 | ContactAvatar { | ||
| 975 | 146 | id: avatar | ||
| 976 | 136 | anchors { | 147 | anchors { |
| 977 | 137 | left: parent.left | 148 | left: parent.left |
| 1064 | 138 | right: parent.right | 149 | top: parent.top |
| 1065 | 139 | top: parent.top | 150 | bottom: parent.bottom |
| 1066 | 140 | } | 151 | } |
| 1067 | 141 | height: units.gu(8) | 152 | width: height |
| 1068 | 142 | 153 | fallbackAvatarUrl: contactWatcher.avatar === "" ? "image://theme/stock_contact" : contactWatcher.avatar | |
| 1069 | 143 | ContactAvatar { | 154 | fallbackDisplayName: contactWatcher.alias !== "" ? contactWatcher.alias : contactWatcher.phoneNumber |
| 1070 | 144 | id: avatar | 155 | showAvatarPicture: (fallbackAvatarUrl != "image://theme/stock_contact") || (initials.length === 0) |
| 1071 | 145 | anchors.left: parent.left | 156 | } |
| 1072 | 146 | anchors.leftMargin: units.gu(1) | 157 | |
| 1073 | 147 | anchors.verticalCenter: parent.verticalCenter | 158 | Label { |
| 1074 | 148 | height: units.gu(6) | 159 | id: titleLabel |
| 1075 | 149 | width: height | 160 | anchors { |
| 1076 | 150 | fallbackAvatarUrl: contactWatcher.avatar === "" ? "image://theme/stock_contact" : contactWatcher.avatar | 161 | top: parent.top |
| 1077 | 151 | fallbackDisplayName: contactWatcher.alias !== "" ? contactWatcher.alias : contactWatcher.phoneNumber | 162 | left: avatar.right |
| 1078 | 152 | showAvatarPicture: (fallbackAvatarUrl != "image://theme/stock_contact") || (initials.length === 0) | 163 | leftMargin: units.gu(2) |
| 1079 | 153 | } | 164 | right: time.left |
| 1080 | 154 | 165 | } | |
| 1081 | 155 | Label { | 166 | height: units.gu(2) |
| 1082 | 156 | id: titleLabel | 167 | verticalAlignment: Text.AlignVCenter |
| 1083 | 157 | anchors { | 168 | fontSize: "medium" |
| 1084 | 158 | top: parent.top | 169 | text: { |
| 1085 | 159 | topMargin: units.gu(2) | 170 | if (contactWatcher.phoneNumber == "x-ofono-private") { |
| 1086 | 160 | left: avatar.right | 171 | return i18n.tr("Private number") |
| 1087 | 161 | leftMargin: units.gu(2) | 172 | } else if (contactWatcher.phoneNumber == "x-ofono-unknown") { |
| 1088 | 162 | right: time.left | 173 | return i18n.tr("Unknown number") |
| 1089 | 163 | rightMargin: units.gu(1) | 174 | } else if (contactWatcher.alias != "") { |
| 1090 | 164 | } | 175 | return contactWatcher.alias |
| 1091 | 165 | height: units.gu(2) | 176 | } |
| 1092 | 166 | verticalAlignment: Text.AlignVCenter | 177 | return PhoneUtils.PhoneUtils.format(contactWatcher.phoneNumber) |
| 1093 | 167 | fontSize: "medium" | 178 | } |
| 1094 | 168 | text: { | 179 | elide: Text.ElideRight |
| 1095 | 169 | if (contactWatcher.phoneNumber == "x-ofono-private") { | 180 | color: UbuntuColors.lightAubergine |
| 1096 | 170 | return i18n.tr("Private number") | 181 | } |
| 1097 | 171 | } else if (contactWatcher.phoneNumber == "x-ofono-unknown") { | 182 | |
| 1098 | 172 | return i18n.tr("Unknown number") | 183 | Label { |
| 1099 | 173 | } else if (contactWatcher.alias != "") { | 184 | id: phoneLabel |
| 1100 | 174 | return contactWatcher.alias | 185 | anchors { |
| 1101 | 175 | } | 186 | bottom: parent.bottom |
| 1102 | 176 | return PhoneUtils.PhoneUtils.format(contactWatcher.phoneNumber) | 187 | left: avatar.right |
| 1103 | 177 | } | 188 | leftMargin: units.gu(2) |
| 1104 | 178 | elide: Text.ElideRight | 189 | } |
| 1105 | 179 | color: UbuntuColors.lightAubergine | 190 | height: units.gu(2) |
| 1106 | 180 | } | 191 | verticalAlignment: Text.AlignVCenter |
| 1107 | 181 | 192 | fontSize: "small" | |
| 1108 | 182 | Label { | 193 | // FIXME: handle conference call |
| 1109 | 183 | id: phoneLabel | 194 | text: phoneNumberSubTypeLabel |
| 1110 | 184 | anchors { | 195 | visible: interactive && !contactWatcher.isUnknown // non-interactive entries are calls from unknown or private numbers |
| 1111 | 185 | bottom: parent.bottom | 196 | } |
| 1112 | 186 | bottomMargin: units.gu(2) | 197 | |
| 1113 | 187 | left: avatar.right | 198 | // time and duration on the right side of the delegate |
| 1114 | 188 | leftMargin: units.gu(2) | 199 | Label { |
| 1115 | 189 | } | 200 | id: time |
| 1116 | 190 | height: units.gu(2) | 201 | anchors { |
| 1117 | 191 | verticalAlignment: Text.AlignVCenter | 202 | right: parent.right |
| 1118 | 192 | fontSize: "small" | 203 | verticalCenter: titleLabel.verticalCenter |
| 1119 | 193 | // FIXME: handle conference call | 204 | } |
| 1120 | 194 | text: phoneNumberSubTypeLabel | 205 | height: units.gu(2) |
| 1121 | 195 | visible: interactive && !contactWatcher.isUnknown // non-interactive entries are calls from unknown or private numbers | 206 | verticalAlignment: Text.AlignVCenter |
| 1122 | 196 | } | 207 | fontSize: "small" |
| 1123 | 197 | 208 | text: Qt.formatTime(model.timestamp, "hh:mm") | |
| 1124 | 198 | // time and duration on the right side of the delegate | 209 | } |
| 1125 | 199 | Label { | 210 | |
| 1126 | 200 | id: time | 211 | Label { |
| 1127 | 201 | anchors { | 212 | id: callType |
| 1128 | 202 | right: parent.right | 213 | anchors { |
| 1129 | 203 | rightMargin: units.gu(2) | 214 | right: parent.right |
| 1130 | 204 | verticalCenter: titleLabel.verticalCenter | 215 | verticalCenter: phoneLabel.verticalCenter |
| 1131 | 205 | } | 216 | } |
| 1132 | 206 | height: units.gu(2) | 217 | height: units.gu(2) |
| 1133 | 207 | verticalAlignment: Text.AlignVCenter | 218 | verticalAlignment: Text.AlignVCenter |
| 1134 | 208 | fontSize: "small" | 219 | fontSize: "small" |
| 1135 | 209 | text: Qt.formatTime(model.timestamp, "hh:mm") | 220 | text: selectCallType() |
| 1050 | 210 | } | ||
| 1051 | 211 | |||
| 1052 | 212 | Label { | ||
| 1053 | 213 | id: callType | ||
| 1054 | 214 | anchors { | ||
| 1055 | 215 | right: parent.right | ||
| 1056 | 216 | rightMargin: units.gu(2) | ||
| 1057 | 217 | verticalCenter: phoneLabel.verticalCenter | ||
| 1058 | 218 | } | ||
| 1059 | 219 | height: units.gu(2) | ||
| 1060 | 220 | verticalAlignment: Text.AlignVCenter | ||
| 1061 | 221 | fontSize: "small" | ||
| 1062 | 222 | text: selectCallType() | ||
| 1063 | 223 | } | ||
| 1136 | 224 | } | 221 | } |
| 1137 | 225 | } | 222 | } |
| 1138 | 226 | 223 | ||
| 1139 | === modified file 'src/qml/HistoryPage/HistoryPage.qml' | |||
| 1140 | --- src/qml/HistoryPage/HistoryPage.qml 2014-07-25 18:49:29 +0000 | |||
| 1141 | +++ src/qml/HistoryPage/HistoryPage.qml 2014-08-04 18:47:59 +0000 | |||
| 1142 | @@ -17,7 +17,7 @@ | |||
| 1143 | 17 | */ | 17 | */ |
| 1144 | 18 | 18 | ||
| 1145 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 1147 | 20 | import Ubuntu.Components 0.1 | 20 | import Ubuntu.Components 1.1 |
| 1148 | 21 | import Ubuntu.Components.ListItems 0.1 as ListItem | 21 | import Ubuntu.Components.ListItems 0.1 as ListItem |
| 1149 | 22 | import Ubuntu.History 0.1 | 22 | import Ubuntu.History 0.1 |
| 1150 | 23 | import Ubuntu.Telephony 0.1 | 23 | import Ubuntu.Telephony 0.1 |
| 1151 | @@ -48,47 +48,47 @@ | |||
| 1152 | 48 | anchors.fill: parent | 48 | anchors.fill: parent |
| 1153 | 49 | color: Theme.palette.normal.background | 49 | color: Theme.palette.normal.background |
| 1154 | 50 | } | 50 | } |
| 1155 | 51 | states: [ | ||
| 1156 | 52 | PageHeadState { | ||
| 1157 | 53 | name: "select" | ||
| 1158 | 54 | when: selectionMode | ||
| 1159 | 55 | head: historyPage.head | ||
| 1160 | 51 | 56 | ||
| 1168 | 52 | ToolbarItems { | 57 | backAction: Action { |
| 1162 | 53 | id: historySelectionToolbar | ||
| 1163 | 54 | visible: false | ||
| 1164 | 55 | back: ToolbarButton { | ||
| 1165 | 56 | id: selectionModeCancelButton | ||
| 1166 | 57 | objectName: "selectionModeCancelButton" | ||
| 1167 | 58 | action: Action { | ||
| 1169 | 59 | objectName: "selectionModeCancelAction" | 58 | objectName: "selectionModeCancelAction" |
| 1170 | 60 | iconName: "close" | 59 | iconName: "close" |
| 1171 | 61 | onTriggered: historyList.cancelSelection() | 60 | onTriggered: historyList.cancelSelection() |
| 1172 | 62 | } | 61 | } |
| 1196 | 63 | } | 62 | |
| 1197 | 64 | ToolbarButton { | 63 | actions: [ |
| 1198 | 65 | id: selectionModeSelectAllButton | 64 | Action { |
| 1199 | 66 | objectName: "selectionModeSelectAllButton" | 65 | objectName: "selectionModeSelectAllAction" |
| 1200 | 67 | action: Action { | 66 | iconName: "select" |
| 1201 | 68 | objectName: "selectionModeSelectAllAction" | 67 | onTriggered: { |
| 1202 | 69 | iconName: "filter" | 68 | if (historyList.selectedItems.count === historyList.count) { |
| 1203 | 70 | onTriggered: historyList.selectAll() | 69 | historyList.clearSelection() |
| 1204 | 71 | } | 70 | } else { |
| 1205 | 72 | } | 71 | historyList.selectAll() |
| 1206 | 73 | ToolbarButton { | 72 | } |
| 1207 | 74 | id: selectionModeDeleteButton | 73 | } |
| 1208 | 75 | objectName: "selectionModeDeleteButton" | 74 | }, |
| 1209 | 76 | action: Action { | 75 | Action { |
| 1210 | 77 | objectName: "selectionModeDeleteAction" | 76 | objectName: "selectionModeDeleteAction" |
| 1211 | 78 | enabled: historyList.selectedItems.count > 0 | 77 | enabled: historyList.selectedItems.count > 0 |
| 1212 | 79 | iconName: "delete" | 78 | iconName: "delete" |
| 1213 | 80 | onTriggered: historyList.endSelection() | 79 | onTriggered: historyList.endSelection() |
| 1214 | 81 | } | 80 | } |
| 1215 | 82 | } | 81 | ] |
| 1216 | 83 | } | 82 | } |
| 1217 | 84 | 83 | ] | |
| 1218 | 85 | tools: selectionMode ? historySelectionToolbar : null | 84 | |
| 1219 | 86 | onActiveChanged: { | 85 | onActiveChanged: { |
| 1220 | 87 | if (!active) { | 86 | if (!active) { |
| 1221 | 88 | if (selectionMode) { | 87 | if (selectionMode) { |
| 1222 | 89 | historyList.cancelSelection(); | 88 | historyList.cancelSelection(); |
| 1223 | 90 | } | 89 | } |
| 1224 | 91 | historyList.resetSwipe() | 90 | historyList.resetSwipe() |
| 1225 | 91 | historyList.positionViewAtBeginning() | ||
| 1226 | 92 | } | 92 | } |
| 1227 | 93 | 93 | ||
| 1228 | 94 | } | 94 | } |
| 1229 | @@ -202,10 +202,12 @@ | |||
| 1230 | 202 | right: parent.right | 202 | right: parent.right |
| 1231 | 203 | } | 203 | } |
| 1232 | 204 | 204 | ||
| 1234 | 205 | selected: historyDelegate.ListView.isCurrentItem || historyList.isSelected(historyDelegate) | 205 | selected: historyList.isSelected(historyDelegate) |
| 1235 | 206 | selectionMode: historyList.isInSelectionMode | ||
| 1236 | 206 | isFirst: model.index === 0 | 207 | isFirst: model.index === 0 |
| 1237 | 207 | locked: historyList.isInSelectionMode | 208 | locked: historyList.isInSelectionMode |
| 1238 | 208 | fullView: historyPage.fullView | 209 | fullView: historyPage.fullView |
| 1239 | 210 | active: ListView.isCurrentItem | ||
| 1240 | 209 | 211 | ||
| 1241 | 210 | // Animate item removal | 212 | // Animate item removal |
| 1242 | 211 | ListView.onRemove: SequentialAnimation { | 213 | ListView.onRemove: SequentialAnimation { |
| 1243 | 212 | 214 | ||
| 1244 | === modified file 'src/qml/HistoryPage/Timeline.qml' | |||
| 1245 | --- src/qml/HistoryPage/Timeline.qml 2013-10-09 14:46:13 +0000 | |||
| 1246 | +++ src/qml/HistoryPage/Timeline.qml 2014-08-04 18:47:59 +0000 | |||
| 1247 | @@ -17,7 +17,7 @@ | |||
| 1248 | 17 | */ | 17 | */ |
| 1249 | 18 | 18 | ||
| 1250 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 1252 | 20 | import Ubuntu.Components 0.1 | 20 | import Ubuntu.Components 1.1 |
| 1253 | 21 | 21 | ||
| 1254 | 22 | Item { | 22 | Item { |
| 1255 | 23 | property bool isFirst: false | 23 | property bool isFirst: false |
| 1256 | 24 | 24 | ||
| 1257 | === modified file 'src/qml/LiveCallPage/ConferenceCallDisplay.qml' | |||
| 1258 | --- src/qml/LiveCallPage/ConferenceCallDisplay.qml 2014-03-07 21:11:59 +0000 | |||
| 1259 | +++ src/qml/LiveCallPage/ConferenceCallDisplay.qml 2014-08-04 18:47:59 +0000 | |||
| 1260 | @@ -17,7 +17,7 @@ | |||
| 1261 | 17 | */ | 17 | */ |
| 1262 | 18 | 18 | ||
| 1263 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 1265 | 20 | import Ubuntu.Components 0.1 | 20 | import Ubuntu.Components 1.1 |
| 1266 | 21 | import Ubuntu.Components.ListItems 0.1 as ListItem | 21 | import Ubuntu.Components.ListItems 0.1 as ListItem |
| 1267 | 22 | import Ubuntu.Telephony 0.1 | 22 | import Ubuntu.Telephony 0.1 |
| 1268 | 23 | 23 | ||
| 1269 | 24 | 24 | ||
| 1270 | === modified file 'src/qml/LiveCallPage/HangupButton.qml' | |||
| 1271 | --- src/qml/LiveCallPage/HangupButton.qml 2014-05-23 08:30:55 +0000 | |||
| 1272 | +++ src/qml/LiveCallPage/HangupButton.qml 2014-08-04 18:47:59 +0000 | |||
| 1273 | @@ -17,7 +17,7 @@ | |||
| 1274 | 17 | */ | 17 | */ |
| 1275 | 18 | 18 | ||
| 1276 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 1278 | 20 | import Ubuntu.Components 0.1 | 20 | import Ubuntu.Components 1.1 |
| 1279 | 21 | 21 | ||
| 1280 | 22 | AbstractButton { | 22 | AbstractButton { |
| 1281 | 23 | id: button | 23 | id: button |
| 1282 | 24 | 24 | ||
| 1283 | === modified file 'src/qml/LiveCallPage/LiveCall.qml' | |||
| 1284 | --- src/qml/LiveCallPage/LiveCall.qml 2014-06-25 19:34:44 +0000 | |||
| 1285 | +++ src/qml/LiveCallPage/LiveCall.qml 2014-08-04 18:47:59 +0000 | |||
| 1286 | @@ -18,7 +18,7 @@ | |||
| 1287 | 18 | 18 | ||
| 1288 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 1289 | 20 | import QtGraphicalEffects 1.0 | 20 | import QtGraphicalEffects 1.0 |
| 1291 | 21 | import Ubuntu.Components 0.1 | 21 | import Ubuntu.Components 1.1 |
| 1292 | 22 | import Ubuntu.Components.ListItems 0.1 as ListItems | 22 | import Ubuntu.Components.ListItems 0.1 as ListItems |
| 1293 | 23 | import Ubuntu.Telephony 0.1 | 23 | import Ubuntu.Telephony 0.1 |
| 1294 | 24 | import Ubuntu.Contacts 0.1 | 24 | import Ubuntu.Contacts 0.1 |
| 1295 | @@ -40,43 +40,36 @@ | |||
| 1296 | 40 | property bool isVoicemail: call ? call.voicemail : false | 40 | property bool isVoicemail: call ? call.voicemail : false |
| 1297 | 41 | property string phoneNumberSubTypeLabel: "" | 41 | property string phoneNumberSubTypeLabel: "" |
| 1298 | 42 | property string caller: { | 42 | property string caller: { |
| 1300 | 43 | if (contactWatcher.alias != "") { | 43 | if (contactWatcher.alias !== "") { |
| 1301 | 44 | return contactWatcher.alias; | 44 | return contactWatcher.alias; |
| 1302 | 45 | } else if (contactWatcher.phoneNumber !== "") { | ||
| 1303 | 46 | return contactWatcher.phoneNumber; | ||
| 1304 | 45 | } else { | 47 | } else { |
| 1306 | 46 | return contactWatcher.phoneNumber; | 48 | return "Calling..." |
| 1307 | 47 | } | 49 | } |
| 1308 | 48 | } | 50 | } |
| 1319 | 49 | title: caller //i18n.tr("Call") | 51 | |
| 1320 | 50 | ToolbarItems { | 52 | property list<Action> regularActions: [ |
| 1321 | 51 | id: regularToolbar | 53 | Action { |
| 1322 | 52 | visible: false | 54 | objectName: "fakeBackButton" |
| 1323 | 53 | back: ToolbarButton { | 55 | visible: false |
| 1324 | 54 | action: Action { | 56 | }, |
| 1325 | 55 | objectName: "fakeBackButton" | 57 | Action { |
| 1316 | 56 | } | ||
| 1317 | 57 | } | ||
| 1318 | 58 | ToolbarButton { | ||
| 1326 | 59 | objectName: "newCallButton" | 58 | objectName: "newCallButton" |
| 1347 | 60 | action: Action { | 59 | iconName: "contact" |
| 1348 | 61 | iconName: "contact" | 60 | text: i18n.tr("New Call") |
| 1349 | 62 | text: i18n.tr("New Call") | 61 | onTriggered: pageStack.push(Qt.resolvedUrl("../ContactsPage/ContactsPage.qml")) |
| 1350 | 63 | onTriggered: pageStack.push(Qt.resolvedUrl("../ContactsPage/ContactsPage.qml")) | 62 | } |
| 1351 | 64 | } | 63 | ] |
| 1352 | 65 | } | 64 | property list<Action> greeterModeActions: [ |
| 1353 | 66 | } | 65 | Action { |
| 1354 | 67 | 66 | objectName: "fakeBackButton" | |
| 1355 | 68 | ToolbarItems { | 67 | visible: false |
| 1356 | 69 | id: greeterModeToolbar | 68 | } |
| 1357 | 70 | visible: false | 69 | ] |
| 1358 | 71 | back: ToolbarButton { | 70 | |
| 1359 | 72 | action: Action { | 71 | title: caller |
| 1360 | 73 | objectName: "fakeBackButton" | 72 | head.actions: greeter.greeterActive ? greeterModeActions : regularActions |
| 1341 | 74 | } | ||
| 1342 | 75 | } | ||
| 1343 | 76 | } | ||
| 1344 | 77 | |||
| 1345 | 78 | tools: greeter.greeterActive ? greeterModeToolbar : regularToolbar | ||
| 1346 | 79 | |||
| 1361 | 80 | x: header ? header.height : 0 | 73 | x: header ? header.height : 0 |
| 1362 | 81 | 74 | ||
| 1363 | 82 | // if there are no calls, just reset the view | 75 | // if there are no calls, just reset the view |
| 1364 | @@ -303,7 +296,6 @@ | |||
| 1365 | 303 | id: keypad | 296 | id: keypad |
| 1366 | 304 | 297 | ||
| 1367 | 305 | anchors.bottom: parent.bottom | 298 | anchors.bottom: parent.bottom |
| 1368 | 306 | anchors.bottomMargin: units.gu(2) | ||
| 1369 | 307 | anchors.horizontalCenter: parent.horizontalCenter | 299 | anchors.horizontalCenter: parent.horizontalCenter |
| 1370 | 308 | onKeyPressed: { | 300 | onKeyPressed: { |
| 1371 | 309 | if (call) { | 301 | if (call) { |
| 1372 | @@ -324,7 +316,7 @@ | |||
| 1373 | 324 | anchors { | 316 | anchors { |
| 1374 | 325 | horizontalCenter: parent.horizontalCenter | 317 | horizontalCenter: parent.horizontalCenter |
| 1375 | 326 | bottom: footer.top | 318 | bottom: footer.top |
| 1377 | 327 | bottomMargin: units.gu(2) | 319 | bottomMargin: units.gu(1) |
| 1378 | 328 | } | 320 | } |
| 1379 | 329 | 321 | ||
| 1380 | 330 | LiveCallKeypadButton { | 322 | LiveCallKeypadButton { |
| 1381 | 331 | 323 | ||
| 1382 | === modified file 'src/qml/LiveCallPage/LiveCallKeypadButton.qml' | |||
| 1383 | --- src/qml/LiveCallPage/LiveCallKeypadButton.qml 2014-05-20 08:17:35 +0000 | |||
| 1384 | +++ src/qml/LiveCallPage/LiveCallKeypadButton.qml 2014-08-04 18:47:59 +0000 | |||
| 1385 | @@ -17,7 +17,7 @@ | |||
| 1386 | 17 | */ | 17 | */ |
| 1387 | 18 | 18 | ||
| 1388 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 1390 | 20 | import Ubuntu.Components 0.1 | 20 | import Ubuntu.Components 1.1 |
| 1391 | 21 | 21 | ||
| 1392 | 22 | AbstractButton { | 22 | AbstractButton { |
| 1393 | 23 | id: button | 23 | id: button |
| 1394 | 24 | 24 | ||
| 1395 | === modified file 'src/qml/LiveCallPage/MultiCallDisplay.qml' | |||
| 1396 | --- src/qml/LiveCallPage/MultiCallDisplay.qml 2014-04-08 19:56:50 +0000 | |||
| 1397 | +++ src/qml/LiveCallPage/MultiCallDisplay.qml 2014-08-04 18:47:59 +0000 | |||
| 1398 | @@ -17,7 +17,7 @@ | |||
| 1399 | 17 | */ | 17 | */ |
| 1400 | 18 | 18 | ||
| 1401 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 1403 | 20 | import Ubuntu.Components 0.1 | 20 | import Ubuntu.Components 1.1 |
| 1404 | 21 | import Ubuntu.Telephony 0.1 | 21 | import Ubuntu.Telephony 0.1 |
| 1405 | 22 | 22 | ||
| 1406 | 23 | Column { | 23 | Column { |
| 1407 | 24 | 24 | ||
| 1408 | === modified file 'src/qml/LiveCallPage/StopWatch.qml' | |||
| 1409 | --- src/qml/LiveCallPage/StopWatch.qml 2014-05-20 08:17:35 +0000 | |||
| 1410 | +++ src/qml/LiveCallPage/StopWatch.qml 2014-08-04 18:47:59 +0000 | |||
| 1411 | @@ -17,7 +17,7 @@ | |||
| 1412 | 17 | */ | 17 | */ |
| 1413 | 18 | 18 | ||
| 1414 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 1416 | 20 | import Ubuntu.Components 0.1 | 20 | import Ubuntu.Components 1.1 |
| 1417 | 21 | 21 | ||
| 1418 | 22 | Item { | 22 | Item { |
| 1419 | 23 | function pad(text, length) { | 23 | function pad(text, length) { |
| 1420 | 24 | 24 | ||
| 1421 | === removed file 'src/qml/PageWithBottomEdge.qml' | |||
| 1422 | --- src/qml/PageWithBottomEdge.qml 2014-07-11 18:48:12 +0000 | |||
| 1423 | +++ src/qml/PageWithBottomEdge.qml 1970-01-01 00:00:00 +0000 | |||
| 1424 | @@ -1,434 +0,0 @@ | |||
| 1425 | 1 | /* | ||
| 1426 | 2 | * Copyright (C) 2014 Canonical, Ltd. | ||
| 1427 | 3 | * | ||
| 1428 | 4 | * This program is free software; you can redistribute it and/or modify | ||
| 1429 | 5 | * it under the terms of the GNU General Public License as published by | ||
| 1430 | 6 | * the Free Software Foundation; version 3. | ||
| 1431 | 7 | * | ||
| 1432 | 8 | * This program is distributed in the hope that it will be useful, | ||
| 1433 | 9 | * but WITHOUT ANY WARRANTY; without even the implied warranty of | ||
| 1434 | 10 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||
| 1435 | 11 | * GNU General Public License for more details. | ||
| 1436 | 12 | * | ||
| 1437 | 13 | * You should have received a copy of the GNU General Public License | ||
| 1438 | 14 | * along with this program. If not, see <http://www.gnu.org/licenses/>. | ||
| 1439 | 15 | */ | ||
| 1440 | 16 | |||
| 1441 | 17 | /* | ||
| 1442 | 18 | Example: | ||
| 1443 | 19 | |||
| 1444 | 20 | MainView { | ||
| 1445 | 21 | objectName: "mainView" | ||
| 1446 | 22 | |||
| 1447 | 23 | applicationName: "com.ubuntu.developer.boiko.bottomedge" | ||
| 1448 | 24 | |||
| 1449 | 25 | width: units.gu(100) | ||
| 1450 | 26 | height: units.gu(75) | ||
| 1451 | 27 | |||
| 1452 | 28 | Component { | ||
| 1453 | 29 | id: pageComponent | ||
| 1454 | 30 | |||
| 1455 | 31 | PageWithBottomEdge { | ||
| 1456 | 32 | id: mainPage | ||
| 1457 | 33 | title: i18n.tr("Main Page") | ||
| 1458 | 34 | |||
| 1459 | 35 | Rectangle { | ||
| 1460 | 36 | anchors.fill: parent | ||
| 1461 | 37 | color: "white" | ||
| 1462 | 38 | } | ||
| 1463 | 39 | |||
| 1464 | 40 | bottomEdgePageComponent: Page { | ||
| 1465 | 41 | title: "Contents" | ||
| 1466 | 42 | anchors.fill: parent | ||
| 1467 | 43 | //anchors.topMargin: contentsPage.flickable.contentY | ||
| 1468 | 44 | |||
| 1469 | 45 | ListView { | ||
| 1470 | 46 | anchors.fill: parent | ||
| 1471 | 47 | model: 50 | ||
| 1472 | 48 | delegate: ListItems.Standard { | ||
| 1473 | 49 | text: "One Content Item: " + index | ||
| 1474 | 50 | } | ||
| 1475 | 51 | } | ||
| 1476 | 52 | } | ||
| 1477 | 53 | bottomEdgeTitle: i18n.tr("Bottom edge action") | ||
| 1478 | 54 | } | ||
| 1479 | 55 | } | ||
| 1480 | 56 | |||
| 1481 | 57 | PageStack { | ||
| 1482 | 58 | id: stack | ||
| 1483 | 59 | Component.onCompleted: stack.push(pageComponent) | ||
| 1484 | 60 | } | ||
| 1485 | 61 | } | ||
| 1486 | 62 | |||
| 1487 | 63 | */ | ||
| 1488 | 64 | |||
| 1489 | 65 | import QtQuick 2.0 | ||
| 1490 | 66 | import Ubuntu.Components 0.1 | ||
| 1491 | 67 | |||
| 1492 | 68 | Page { | ||
| 1493 | 69 | id: page | ||
| 1494 | 70 | |||
| 1495 | 71 | property alias bottomEdgePageComponent: edgeLoader.sourceComponent | ||
| 1496 | 72 | property alias bottomEdgePageSource: edgeLoader.source | ||
| 1497 | 73 | property alias bottomEdgeTitle: tipLabel.text | ||
| 1498 | 74 | property alias bottomEdgeEnabled: bottomEdge.visible | ||
| 1499 | 75 | property int bottomEdgeExpandThreshold: page.height * 0.2 | ||
| 1500 | 76 | property int bottomEdgeExposedArea: bottomEdge.state !== "expanded" ? (page.height - bottomEdge.y - bottomEdge.tipHeight) : _areaWhenExpanded | ||
| 1501 | 77 | property bool reloadBottomEdgePage: true | ||
| 1502 | 78 | |||
| 1503 | 79 | readonly property alias bottomEdgePage: edgeLoader.item | ||
| 1504 | 80 | readonly property bool isReady: (tip.opacity === 0.0) && (bottomEdge.y === bottomEdge.pageStartY) | ||
| 1505 | 81 | readonly property bool isCollapsed: (tip.opacity === 1.0) | ||
| 1506 | 82 | readonly property bool bottomEdgePageLoaded: (edgeLoader.status == Loader.Ready) | ||
| 1507 | 83 | |||
| 1508 | 84 | property bool _showEdgePageWhenReady: false | ||
| 1509 | 85 | property int _areaWhenExpanded: 0 | ||
| 1510 | 86 | |||
| 1511 | 87 | signal bottomEdgeReleased() | ||
| 1512 | 88 | signal bottomEdgeDismissed() | ||
| 1513 | 89 | |||
| 1514 | 90 | |||
| 1515 | 91 | function showBottomEdgePage(source, properties) | ||
| 1516 | 92 | { | ||
| 1517 | 93 | edgeLoader.setSource(source, properties) | ||
| 1518 | 94 | _showEdgePageWhenReady = true | ||
| 1519 | 95 | } | ||
| 1520 | 96 | |||
| 1521 | 97 | function setBottomEdgePage(source, properties) | ||
| 1522 | 98 | { | ||
| 1523 | 99 | edgeLoader.setSource(source, properties) | ||
| 1524 | 100 | } | ||
| 1525 | 101 | |||
| 1526 | 102 | function _pushPage() | ||
| 1527 | 103 | { | ||
| 1528 | 104 | if (edgeLoader.status === Loader.Ready) { | ||
| 1529 | 105 | edgeLoader.item.active = true | ||
| 1530 | 106 | page.pageStack.push(edgeLoader.item) | ||
| 1531 | 107 | if (edgeLoader.item.flickable) { | ||
| 1532 | 108 | edgeLoader.item.flickable.contentY = -page.header.height | ||
| 1533 | 109 | edgeLoader.item.flickable.returnToBounds() | ||
| 1534 | 110 | } | ||
| 1535 | 111 | |||
| 1536 | 112 | if (edgeLoader.item.ready) | ||
| 1537 | 113 | edgeLoader.item.ready() | ||
| 1538 | 114 | } | ||
| 1539 | 115 | } | ||
| 1540 | 116 | |||
| 1541 | 117 | |||
| 1542 | 118 | Component.onCompleted: { | ||
| 1543 | 119 | // avoid a binding on the expanded height value | ||
| 1544 | 120 | var expandedHeight = height; | ||
| 1545 | 121 | _areaWhenExpanded = expandedHeight; | ||
| 1546 | 122 | } | ||
| 1547 | 123 | |||
| 1548 | 124 | onActiveChanged: { | ||
| 1549 | 125 | if (active) { | ||
| 1550 | 126 | bottomEdge.state = "collapsed" | ||
| 1551 | 127 | } | ||
| 1552 | 128 | } | ||
| 1553 | 129 | |||
| 1554 | 130 | onBottomEdgePageLoadedChanged: { | ||
| 1555 | 131 | if (_showEdgePageWhenReady && bottomEdgePageLoaded) { | ||
| 1556 | 132 | bottomEdge.state = "expanded" | ||
| 1557 | 133 | _showEdgePageWhenReady = false | ||
| 1558 | 134 | } | ||
| 1559 | 135 | } | ||
| 1560 | 136 | |||
| 1561 | 137 | Rectangle { | ||
| 1562 | 138 | id: bgVisual | ||
| 1563 | 139 | |||
| 1564 | 140 | color: "black" | ||
| 1565 | 141 | anchors.fill: page | ||
| 1566 | 142 | opacity: 0.7 * ((page.height - bottomEdge.y) / page.height) | ||
| 1567 | 143 | z: 1 | ||
| 1568 | 144 | } | ||
| 1569 | 145 | |||
| 1570 | 146 | Timer { | ||
| 1571 | 147 | id: hideIndicator | ||
| 1572 | 148 | |||
| 1573 | 149 | interval: 3000 | ||
| 1574 | 150 | running: true | ||
| 1575 | 151 | repeat: false | ||
| 1576 | 152 | onTriggered: tipContainer.y = -units.gu(1) | ||
| 1577 | 153 | } | ||
| 1578 | 154 | |||
| 1579 | 155 | Rectangle { | ||
| 1580 | 156 | id: bottomEdge | ||
| 1581 | 157 | objectName: "bottomEdge" | ||
| 1582 | 158 | |||
| 1583 | 159 | readonly property int tipHeight: units.gu(3) | ||
| 1584 | 160 | readonly property var header: page.__propagated && page.__propagated.header ? page.__propagated.header : null | ||
| 1585 | 161 | readonly property int pageStartY: 0 | ||
| 1586 | 162 | |||
| 1587 | 163 | z: 1 | ||
| 1588 | 164 | color: Theme.palette.normal.background | ||
| 1589 | 165 | parent: page | ||
| 1590 | 166 | anchors { | ||
| 1591 | 167 | left: parent.left | ||
| 1592 | 168 | right: parent.right | ||
| 1593 | 169 | } | ||
| 1594 | 170 | height: page.height | ||
| 1595 | 171 | y: height | ||
| 1596 | 172 | |||
| 1597 | 173 | Rectangle { | ||
| 1598 | 174 | id: shadow | ||
| 1599 | 175 | |||
| 1600 | 176 | anchors { | ||
| 1601 | 177 | left: parent.left | ||
| 1602 | 178 | right: parent.right | ||
| 1603 | 179 | } | ||
| 1604 | 180 | height: units.gu(1) | ||
| 1605 | 181 | y: -height | ||
| 1606 | 182 | opacity: 0.0 | ||
| 1607 | 183 | gradient: Gradient { | ||
| 1608 | 184 | GradientStop { position: 0.0; color: "transparent" } | ||
| 1609 | 185 | GradientStop { position: 1.0; color: Qt.rgba(0, 0, 0, 0.2) } | ||
| 1610 | 186 | } | ||
| 1611 | 187 | } | ||
| 1612 | 188 | |||
| 1613 | 189 | Item { | ||
| 1614 | 190 | id: tipContainer | ||
| 1615 | 191 | objectName: "bottomEdgeTip" | ||
| 1616 | 192 | |||
| 1617 | 193 | width: childrenRect.width | ||
| 1618 | 194 | height: bottomEdge.tipHeight | ||
| 1619 | 195 | clip: true | ||
| 1620 | 196 | y: -bottomEdge.tipHeight | ||
| 1621 | 197 | anchors.horizontalCenter: parent.horizontalCenter | ||
| 1622 | 198 | Behavior on y { | ||
| 1623 | 199 | UbuntuNumberAnimation {} | ||
| 1624 | 200 | } | ||
| 1625 | 201 | |||
| 1626 | 202 | UbuntuShape { | ||
| 1627 | 203 | id: tip | ||
| 1628 | 204 | |||
| 1629 | 205 | width: tipLabel.paintedWidth + units.gu(6) | ||
| 1630 | 206 | height: bottomEdge.tipHeight + units.gu(1) | ||
| 1631 | 207 | color: Theme.palette.normal.overlay | ||
| 1632 | 208 | Label { | ||
| 1633 | 209 | id: tipLabel | ||
| 1634 | 210 | |||
| 1635 | 211 | anchors { | ||
| 1636 | 212 | top: parent.top | ||
| 1637 | 213 | left: parent.left | ||
| 1638 | 214 | right: parent.right | ||
| 1639 | 215 | } | ||
| 1640 | 216 | height: bottomEdge.tipHeight | ||
| 1641 | 217 | verticalAlignment: Text.AlignVCenter | ||
| 1642 | 218 | horizontalAlignment: Text.AlignHCenter | ||
| 1643 | 219 | } | ||
| 1644 | 220 | } | ||
| 1645 | 221 | } | ||
| 1646 | 222 | |||
| 1647 | 223 | MouseArea { | ||
| 1648 | 224 | preventStealing: true | ||
| 1649 | 225 | drag.axis: Drag.YAxis | ||
| 1650 | 226 | drag.target: bottomEdge | ||
| 1651 | 227 | drag.minimumY: bottomEdge.pageStartY | ||
| 1652 | 228 | drag.maximumY: page.height | ||
| 1653 | 229 | |||
| 1654 | 230 | anchors { | ||
| 1655 | 231 | left: parent.left | ||
| 1656 | 232 | right: parent.right | ||
| 1657 | 233 | } | ||
| 1658 | 234 | height: bottomEdge.tipHeight | ||
| 1659 | 235 | y: -height | ||
| 1660 | 236 | |||
| 1661 | 237 | onReleased: { | ||
| 1662 | 238 | page.bottomEdgeReleased() | ||
| 1663 | 239 | if (bottomEdge.y < (page.height - bottomEdgeExpandThreshold - bottomEdge.tipHeight)) { | ||
| 1664 | 240 | bottomEdge.state = "expanded" | ||
| 1665 | 241 | } else { | ||
| 1666 | 242 | bottomEdge.state = "collapsed" | ||
| 1667 | 243 | bottomEdge.y = bottomEdge.height | ||
| 1668 | 244 | } | ||
| 1669 | 245 | } | ||
| 1670 | 246 | |||
| 1671 | 247 | onPressed: bottomEdge.state = "floating" | ||
| 1672 | 248 | } | ||
| 1673 | 249 | |||
| 1674 | 250 | Behavior on y { | ||
| 1675 | 251 | UbuntuNumberAnimation {} | ||
| 1676 | 252 | } | ||
| 1677 | 253 | |||
| 1678 | 254 | state: "collapsed" | ||
| 1679 | 255 | states: [ | ||
| 1680 | 256 | State { | ||
| 1681 | 257 | name: "collapsed" | ||
| 1682 | 258 | PropertyChanges { | ||
| 1683 | 259 | target: bottomEdge | ||
| 1684 | 260 | y: bottomEdge.height | ||
| 1685 | 261 | } | ||
| 1686 | 262 | PropertyChanges { | ||
| 1687 | 263 | target: tip | ||
| 1688 | 264 | opacity: 1.0 | ||
| 1689 | 265 | } | ||
| 1690 | 266 | PropertyChanges { | ||
| 1691 | 267 | target: tipContainer | ||
| 1692 | 268 | y: -bottomEdge.tipHeight | ||
| 1693 | 269 | } | ||
| 1694 | 270 | PropertyChanges { | ||
| 1695 | 271 | target: hideIndicator | ||
| 1696 | 272 | running: true | ||
| 1697 | 273 | } | ||
| 1698 | 274 | }, | ||
| 1699 | 275 | State { | ||
| 1700 | 276 | name: "expanded" | ||
| 1701 | 277 | PropertyChanges { | ||
| 1702 | 278 | target: bottomEdge | ||
| 1703 | 279 | y: bottomEdge.pageStartY | ||
| 1704 | 280 | } | ||
| 1705 | 281 | PropertyChanges { | ||
| 1706 | 282 | target: tip | ||
| 1707 | 283 | opacity: 0.0 | ||
| 1708 | 284 | } | ||
| 1709 | 285 | PropertyChanges { | ||
| 1710 | 286 | target: tipContainer | ||
| 1711 | 287 | y: -bottomEdge.tipHeight | ||
| 1712 | 288 | } | ||
| 1713 | 289 | PropertyChanges { | ||
| 1714 | 290 | target: hideIndicator | ||
| 1715 | 291 | running: false | ||
| 1716 | 292 | } | ||
| 1717 | 293 | }, | ||
| 1718 | 294 | State { | ||
| 1719 | 295 | name: "floating" | ||
| 1720 | 296 | PropertyChanges { | ||
| 1721 | 297 | target: shadow | ||
| 1722 | 298 | opacity: 1.0 | ||
| 1723 | 299 | } | ||
| 1724 | 300 | PropertyChanges { | ||
| 1725 | 301 | target: hideIndicator | ||
| 1726 | 302 | running: false | ||
| 1727 | 303 | } | ||
| 1728 | 304 | PropertyChanges { | ||
| 1729 | 305 | target: tipContainer | ||
| 1730 | 306 | y: -bottomEdge.tipHeight | ||
| 1731 | 307 | } | ||
| 1732 | 308 | } | ||
| 1733 | 309 | ] | ||
| 1734 | 310 | |||
| 1735 | 311 | transitions: [ | ||
| 1736 | 312 | Transition { | ||
| 1737 | 313 | to: "expanded" | ||
| 1738 | 314 | SequentialAnimation { | ||
| 1739 | 315 | UbuntuNumberAnimation { | ||
| 1740 | 316 | targets: [bottomEdge,tip] | ||
| 1741 | 317 | properties: "y,opacity" | ||
| 1742 | 318 | duration: UbuntuAnimation.SlowDuration | ||
| 1743 | 319 | } | ||
| 1744 | 320 | ScriptAction { | ||
| 1745 | 321 | script: page._pushPage() | ||
| 1746 | 322 | } | ||
| 1747 | 323 | } | ||
| 1748 | 324 | }, | ||
| 1749 | 325 | Transition { | ||
| 1750 | 326 | from: "expanded" | ||
| 1751 | 327 | to: "collapsed" | ||
| 1752 | 328 | SequentialAnimation { | ||
| 1753 | 329 | ScriptAction { | ||
| 1754 | 330 | script: { | ||
| 1755 | 331 | Qt.inputMethod.hide() | ||
| 1756 | 332 | edgeLoader.item.parent = edgeLoader | ||
| 1757 | 333 | edgeLoader.item.anchors.fill = edgeLoader | ||
| 1758 | 334 | edgeLoader.item.active = false | ||
| 1759 | 335 | } | ||
| 1760 | 336 | } | ||
| 1761 | 337 | UbuntuNumberAnimation { | ||
| 1762 | 338 | targets: [bottomEdge,tip] | ||
| 1763 | 339 | properties: "y,opacity" | ||
| 1764 | 340 | duration: UbuntuAnimation.SlowDuration | ||
| 1765 | 341 | } | ||
| 1766 | 342 | ScriptAction { | ||
| 1767 | 343 | script: { | ||
| 1768 | 344 | // destroy current bottom page | ||
| 1769 | 345 | if (page.reloadBottomEdgePage) { | ||
| 1770 | 346 | edgeLoader.active = false | ||
| 1771 | 347 | } | ||
| 1772 | 348 | |||
| 1773 | 349 | // notify | ||
| 1774 | 350 | page.bottomEdgeDismissed() | ||
| 1775 | 351 | |||
| 1776 | 352 | // load a new bottom page in memory | ||
| 1777 | 353 | edgeLoader.active = true | ||
| 1778 | 354 | |||
| 1779 | 355 | hideIndicator.restart() | ||
| 1780 | 356 | } | ||
| 1781 | 357 | } | ||
| 1782 | 358 | } | ||
| 1783 | 359 | }, | ||
| 1784 | 360 | Transition { | ||
| 1785 | 361 | from: "floating" | ||
| 1786 | 362 | to: "collapsed" | ||
| 1787 | 363 | UbuntuNumberAnimation { | ||
| 1788 | 364 | targets: [bottomEdge,tip] | ||
| 1789 | 365 | properties: "y,opacity" | ||
| 1790 | 366 | } | ||
| 1791 | 367 | } | ||
| 1792 | 368 | ] | ||
| 1793 | 369 | |||
| 1794 | 370 | Item { | ||
| 1795 | 371 | anchors.fill: parent | ||
| 1796 | 372 | clip: true | ||
| 1797 | 373 | |||
| 1798 | 374 | Loader { | ||
| 1799 | 375 | id: edgeLoader | ||
| 1800 | 376 | |||
| 1801 | 377 | z: 1 | ||
| 1802 | 378 | active: true | ||
| 1803 | 379 | asynchronous: true | ||
| 1804 | 380 | anchors.fill: parent | ||
| 1805 | 381 | |||
| 1806 | 382 | //WORKAROUND: The SDK move the page contents down to allocate space for the header we need to avoid that during the page dragging | ||
| 1807 | 383 | Binding { | ||
| 1808 | 384 | target: edgeLoader | ||
| 1809 | 385 | property: "anchors.topMargin" | ||
| 1810 | 386 | value: edgeLoader.item && edgeLoader.item.flickable ? -bottomEdge.header.height : 0 | ||
| 1811 | 387 | when: (edgeLoader.status === Loader.Ready && !page.isReady) | ||
| 1812 | 388 | } | ||
| 1813 | 389 | |||
| 1814 | 390 | Behavior on anchors.topMargin { | ||
| 1815 | 391 | UbuntuNumberAnimation {} | ||
| 1816 | 392 | } | ||
| 1817 | 393 | |||
| 1818 | 394 | onLoaded: { | ||
| 1819 | 395 | if (page.isReady && edgeLoader.item.active != true) { | ||
| 1820 | 396 | page._pushPage() | ||
| 1821 | 397 | } | ||
| 1822 | 398 | } | ||
| 1823 | 399 | } | ||
| 1824 | 400 | } | ||
| 1825 | 401 | |||
| 1826 | 402 | MouseArea { | ||
| 1827 | 403 | preventStealing: true | ||
| 1828 | 404 | drag.axis: Drag.YAxis | ||
| 1829 | 405 | drag.target: bottomEdge | ||
| 1830 | 406 | drag.minimumY: bottomEdge.pageStartY | ||
| 1831 | 407 | drag.maximumY: page.height | ||
| 1832 | 408 | |||
| 1833 | 409 | anchors { | ||
| 1834 | 410 | left: parent.left | ||
| 1835 | 411 | right: parent.right | ||
| 1836 | 412 | } | ||
| 1837 | 413 | height: bottomEdge.tipHeight | ||
| 1838 | 414 | y: -height | ||
| 1839 | 415 | z: 2 | ||
| 1840 | 416 | |||
| 1841 | 417 | onReleased: { | ||
| 1842 | 418 | page.bottomEdgeReleased() | ||
| 1843 | 419 | if (bottomEdge.y < (page.height - bottomEdgeExpandThreshold - bottomEdge.tipHeight)) { | ||
| 1844 | 420 | bottomEdge.state = "expanded" | ||
| 1845 | 421 | } else { | ||
| 1846 | 422 | bottomEdge.state = "collapsed" | ||
| 1847 | 423 | bottomEdge.y = bottomEdge.height | ||
| 1848 | 424 | } | ||
| 1849 | 425 | } | ||
| 1850 | 426 | |||
| 1851 | 427 | onPressed: { | ||
| 1852 | 428 | bottomEdge.state = "floating" | ||
| 1853 | 429 | bottomEdge.y -= bottomEdge.tipHeight | ||
| 1854 | 430 | } | ||
| 1855 | 431 | } | ||
| 1856 | 432 | |||
| 1857 | 433 | } | ||
| 1858 | 434 | } | ||
| 1859 | 435 | 0 | ||
| 1860 | === modified file 'src/qml/dialer-app.qml' | |||
| 1861 | --- src/qml/dialer-app.qml 2014-07-28 16:44:39 +0000 | |||
| 1862 | +++ src/qml/dialer-app.qml 2014-08-04 18:47:59 +0000 | |||
| 1863 | @@ -17,7 +17,7 @@ | |||
| 1864 | 17 | */ | 17 | */ |
| 1865 | 18 | 18 | ||
| 1866 | 19 | import QtQuick 2.0 | 19 | import QtQuick 2.0 |
| 1868 | 20 | import Ubuntu.Components 0.1 | 20 | import Ubuntu.Components 1.1 |
| 1869 | 21 | import Ubuntu.Components.Popups 0.1 | 21 | import Ubuntu.Components.Popups 0.1 |
| 1870 | 22 | import Ubuntu.Telephony 0.1 | 22 | import Ubuntu.Telephony 0.1 |
| 1871 | 23 | 23 | ||
| 1872 | @@ -92,6 +92,11 @@ | |||
| 1873 | 92 | Qt.openUrlExternally("addressbook:///addnewphone?callback=dialer-app.desktop&phone=" + encodeURIComponent(phoneNumber)) | 92 | Qt.openUrlExternally("addressbook:///addnewphone?callback=dialer-app.desktop&phone=" + encodeURIComponent(phoneNumber)) |
| 1874 | 93 | } | 93 | } |
| 1875 | 94 | 94 | ||
| 1876 | 95 | function addPhoneToContact(contactId, phoneNumber) { | ||
| 1877 | 96 | Qt.openUrlExternally("addressbook:///addphone?callback=dialer-app.desktop&id=%1&phone=%2".arg(encodeURIComponent(contactId)) | ||
| 1878 | 97 | .arg(encodeURIComponent(phoneNumber))) | ||
| 1879 | 98 | } | ||
| 1880 | 99 | |||
| 1881 | 95 | function sendMessage(phoneNumber) { | 100 | function sendMessage(phoneNumber) { |
| 1882 | 96 | Qt.openUrlExternally("message:///" + encodeURIComponent(phoneNumber)) | 101 | Qt.openUrlExternally("message:///" + encodeURIComponent(phoneNumber)) |
| 1883 | 97 | } | 102 | } |
| 1884 | @@ -222,7 +227,7 @@ | |||
| 1885 | 222 | Dialog { | 227 | Dialog { |
| 1886 | 223 | id: dialogue | 228 | id: dialogue |
| 1887 | 224 | title: i18n.tr("No network") | 229 | title: i18n.tr("No network") |
| 1889 | 225 | text: telepathyHelper.accountIds.length >= 2 ? i18n.tr("There is currently no network on %1").arg(mainView.accounts.displayName) | 230 | text: telepathyHelper.accountIds.length >= 2 ? i18n.tr("There is currently no network on %1").arg(mainView.account.displayName) |
| 1890 | 226 | : i18n.tr("There is currently no network.") | 231 | : i18n.tr("There is currently no network.") |
| 1891 | 227 | Button { | 232 | Button { |
| 1892 | 228 | objectName: "closeNoNetworkDialog" | 233 | objectName: "closeNoNetworkDialog" |
| 1893 | 229 | 234 | ||
| 1894 | === modified file 'tests/autopilot/dialer_app/emulators.py' | |||
| 1895 | --- tests/autopilot/dialer_app/emulators.py 2014-07-29 23:51:52 +0000 | |||
| 1896 | +++ tests/autopilot/dialer_app/emulators.py 2014-08-04 18:47:59 +0000 | |||
| 1897 | @@ -65,7 +65,7 @@ | |||
| 1898 | 65 | """Bring the bottom edge page to the screen""" | 65 | """Bring the bottom edge page to the screen""" |
| 1899 | 66 | self.bottomEdgePageLoaded.wait_for(True) | 66 | self.bottomEdgePageLoaded.wait_for(True) |
| 1900 | 67 | try: | 67 | try: |
| 1902 | 68 | action_item = self.wait_select_single('QQuickItem', | 68 | action_item = self.wait_select_single('UbuntuShape', |
| 1903 | 69 | objectName='bottomEdgeTip') | 69 | objectName='bottomEdgeTip') |
| 1904 | 70 | start_x = (action_item.globalRect.x + | 70 | start_x = (action_item.globalRect.x + |
| 1905 | 71 | (action_item.globalRect.width * 0.5)) | 71 | (action_item.globalRect.width * 0.5)) |
| 1906 | 72 | 72 | ||
| 1907 | === modified file 'tests/autopilot/dialer_app/tests/test_calls.py' | |||
| 1908 | --- tests/autopilot/dialer_app/tests/test_calls.py 2014-06-13 21:52:17 +0000 | |||
| 1909 | +++ tests/autopilot/dialer_app/tests/test_calls.py 2014-08-04 18:47:59 +0000 | |||
| 1910 | @@ -71,7 +71,7 @@ | |||
| 1911 | 71 | def get_history_for_number(self, number): | 71 | def get_history_for_number(self, number): |
| 1912 | 72 | # because of the bottom edge tree structure, multiple copies of the | 72 | # because of the bottom edge tree structure, multiple copies of the |
| 1913 | 73 | # same item are returned, so just use the first one | 73 | # same item are returned, so just use the first one |
| 1915 | 74 | return self.history_list.select_many("Label", text=number)[0] | 74 | return self.history_list.select_many("HistoryDelegate", phoneNumber=number)[0] |
| 1916 | 75 | 75 | ||
| 1917 | 76 | def test_outgoing_noanswer(self): | 76 | def test_outgoing_noanswer(self): |
| 1918 | 77 | """Outgoing call to a normal number, no answer""" | 77 | """Outgoing call to a normal number, no answer""" |
FAILED: Continuous integration, rev:202
http://
Executed test runs:
SUCCESS: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
SUCCESS: http://
UNSTABLE: http://
SUCCESS: http://
SUCCESS: http://
deb: http://
SUCCESS: http://
UNSTABLE: http://
SUCCESS: http://
deb: http://
Click here to trigger a rebuild:
http://