1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
|
/*
* Copyright 2012-2013 Canonical Ltd.
*
* This file is part of phone-app.
*
* phone-app is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation; version 3.
*
* phone-app is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import QtQuick 2.0
import Ubuntu.PhoneApp 0.1
import "Widgets" as LocalWidgets
import Ubuntu.Components 0.1
AbstractButton {
id: onCallPanel
property QtObject call: callManager.foregroundCall
height: units.gu(8)
BorderImage {
id: background
anchors.fill: parent
source: "assets/oncall_background.png"
horizontalTileMode: BorderImage.Repeat
verticalTileMode: BorderImage.Repeat
border {top: units.dp(5); bottom: 0; left: 0; right: 0}
}
Item {
id: avatar
anchors.top: parent.top
anchors.topMargin: units.gu(2)
anchors.left: parent.left
anchors.leftMargin: units.gu(1)
width: units.gu(5)
height: units.gu(5)
LocalWidgets.FramedImage {
id: avatarIcon
anchors.fill: parent
anchors.margins: units.dp(1)
source: call ? call.contactAvatar : fallbackSource
fallbackSource: "assets/avatar-default.png"
frameSource: "assets/oncall_picture_frame.sci"
}
Image {
id: avatarEmblem
source: "assets/oncall_phone_icon.png"
anchors.top: parent.top
anchors.left: parent.left
anchors.topMargin: -units.gu(0.5)
anchors.leftMargin: -units.dp(1)
}
}
Column {
anchors.left: avatar.right
anchors.leftMargin: units.gu(1)
anchors.right: parent.right
anchors.rightMargin: units.gu(0.5)
anchors.verticalCenter: avatar.verticalCenter
Label {
anchors.left: parent.left
anchors.right: parent.right
text: "On Call"
fontSize: "small"
elide: Text.ElideRight
color: Qt.rgba(0.4, 0.4, 0.4, 1.0)
style: Text.Raised
styleColor: "white"
}
Label {
anchors.left: parent.left
anchors.right: parent.right
text: {
if (call) {
if (call.voicemail) {
"Voicemail"
} else {
call.phoneNumber
}
} else {
""
}
}
fontSize: "large"
elide: Text.ElideRight
color: Qt.rgba(0.4, 0.4, 0.4, 1.0)
style: Text.Raised
styleColor: "white"
}
}
Item {
id: duration
visible: stopWatch.time > 0
anchors.top: parent.top
anchors.topMargin: units.gu(2)
anchors.right: parent.right
anchors.rightMargin: units.gu(1)
height: units.gu(3)
width: stopWatch.width
BorderImage {
id: durationBackground
source: "assets/oncall_call_duration_frame.png"
anchors.fill: parent
horizontalTileMode: BorderImage.Stretch
verticalTileMode: BorderImage.Stretch
border {left: units.dp(10); right: units.dp(10); top: units.dp(12); bottom: units.dp(12)}
}
LocalWidgets.StopWatch {
id: stopWatch
anchors.centerIn: parent
fontSize: "small"
color: "#5d960f"
time: call ? call.elapsedTime : 0
}
}
}
|