cwtch.im
/
ui
Archived
6
7
Fork 2
Code Issues 64 Pull Requests 2 Releases 9 Wiki Activity

new scaling system pass two
the build was successful Details

This commit is contained in:
erinn 2020-12-17 08:10:57 -08:00
parent c87bf93b0e
commit 32b617d3ec
19 changed files with 144 additions and 171 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
go/ui/gcd.go
View File

@ -42,12 +42,7 @@ type GrandCentralDispatcher struct {
_ int `property:"torStatus"`
_ string `property:"os"`
_ bool `property:"firstTime"`
// phasing out themeScale in three steps:
// 1 (current): switch labels to themeScaleNew
// 2: switch everything else to themeScaleNew
// 3: refactor: delete themeScale, rename themeScaleNew -> themeScale
_ float32 `property:"themeScale,auto,changed"`
_ int `property:"themeScaleNew,auto,changed"`
_ int `property:"scaleFactor,auto,changed"`
_ string `property:"theme,auto,changed"`
_ string `property:"locale,auto,changed"`
_ string `property:"version"`
@ -103,7 +98,7 @@ type GrandCentralDispatcher struct {
// settings helpers
_ func(str string) `signal:"InvokePopup"`
_ func(locale string, zoom float32, theme string) `signal:"SupplySettings"`
_ func(locale string, scale int, theme string) `signal:"SupplySettings"`
_ func(groupID, name, server, invitation string, accepted bool, addrbooknames, addrbookaddrs []string) `signal:"SupplyGroupSettings"`
_ func(onion, nick string, authorization string, storage string) `signal:"SupplyPeerSettings"`
_ func(server string, key_types []string, keys []string) `signal:"SupplyServerSettings"`
@ -111,8 +106,8 @@ type GrandCentralDispatcher struct {
// signals emitted from the ui (and implemented in go, below)
// ui
_ func() `signal:"onActivate,auto"`
_ func(pane int) `signal:"setRootPaneState",auto`
_ func(pane int) `signal:"setProfilePaneState",auto`
_ func(pane int) `signal:"setRootPaneState,auto"`
_ func(pane int) `signal:"setProfilePaneState,auto"`
// profile managemenet
_ func(onion, nick string) `signal:"updateNick,auto"`
_ func(handle string) `signal:"loadProfile,auto"`
@ -163,8 +158,7 @@ func (this *GrandCentralDispatcher) init() {
firstTime := false
this.GlobalSettings, firstTime = ReadGlobalSettings()
this.SetFirstTime(firstTime)
this.SetThemeScale(this.GlobalSettings.Zoom)
this.SetThemeScaleNew(this.GlobalSettings.Scale)
this.SetScaleFactor(this.GlobalSettings.Scale)
this.SetTheme(this.GlobalSettings.Theme)
this.SetExperimentsEnabled(this.GlobalSettings.ExperimentsEnabled)
this.SetExperiments(this.GlobalSettings.Experiments)
@ -460,7 +454,7 @@ func (this *GrandCentralDispatcher) legacyLoadOverlay_helper(handle string, over
}
func (this *GrandCentralDispatcher) requestSettings() {
this.SupplySettings(this.GlobalSettings.Locale, this.GlobalSettings.Zoom, this.GlobalSettings.Theme)
this.SupplySettings(this.GlobalSettings.Locale, this.GlobalSettings.Scale, this.GlobalSettings.Theme)
}
func (this *GrandCentralDispatcher) saveSettings(zoom, locale string) {
@ -780,12 +774,7 @@ func (this *GrandCentralDispatcher) setLocaleHelper(locale string) {
this.QMLEngine.Retranslate()
}
func (this *GrandCentralDispatcher) themeScaleChanged(newThemeScale float32) {
this.GlobalSettings.Zoom = newThemeScale
WriteGlobalSettings(this.GlobalSettings)
}
func (this *GrandCentralDispatcher) themeScaleNewChanged(newScale int) {
func (this *GrandCentralDispatcher) scaleFactorChanged(newScale int) {
this.GlobalSettings.Scale = newScale
WriteGlobalSettings(this.GlobalSettings)
}

8
go/ui/settings.go
View File

@ -9,15 +9,13 @@ import (
"io/ioutil"
"os"
"path"
"runtime"
)
const GlobalSettingsFilename = "ui.globals"
const saltFile = "SALT"
type GlobalSettings struct {
Zoom float32 // deprecated
Scale int // the new hotness
Scale int
Locale string
Theme string
PreviousPid int64
@ -27,7 +25,6 @@ type GlobalSettings struct {
}
var DefaultGlobalSettings = GlobalSettings{
Zoom: 1.9,
Scale: 2,
Locale: "en",
Theme: "light",
@ -61,9 +58,6 @@ func InitGlobalSettingsFile(directory string, password string) error {
func ReadGlobalSettings() (*GlobalSettings, bool) {
settings := DefaultGlobalSettings
if runtime.GOOS == "android" {
settings.Zoom = 2.9
}
settings.Locale = core.QLocale_System().Name()
settingsBytes, err := the.GlobalSettingsFile.Read()

11
qml/main.qml
View File

@ -40,17 +40,17 @@ ApplicationWindow {
retText = retText.replace(/\n/g,"<br/>").replace(/\s\s/g, "&nbsp;&nbsp;")
// mutant standard stickers
if (isntEditable) retText = Mutant.standard.parse(retText, 1.5 * gcd.themeScale * Theme.chatSize)
if (isntEditable) retText = Mutant.standard.parse(retText, ptToPx(Theme.chatSize))
return retText
}
function ptToPx(pt) {
return Screen.pixelDensity * 25.4 * pt / 72
return Math.floor(Screen.pixelDensity * 25.4 * pt / 72)
}
function pxToPt(px) {
return px * 72 / (Screen.pixelDensity * 25.4)
return Math.floor(px * 72 / (Screen.pixelDensity * 25.4))
}
StackView {
@ -199,7 +199,6 @@ ApplicationWindow {
anchors.left: parent.left
anchors.bottom: parent.bottom
anchors.right: (divider.visible ? divider.left : parent.right)
//anchors.topMargin: 10 * gcd.themeScale
dualPane: theStack.pane != theStack.emptyPane || theStack.pane == undefined
}
@ -207,7 +206,7 @@ ApplicationWindow {
id: divider
width: 2
anchors.right: parent.right
height: parent.height - (20 * gcd.themeScale)
height: parent.height - 2 * Theme.paddingStandard
anchors.verticalCenter: parent.verticalCenter
visible: theStack.pane != theStack.emptyPane
//Layout.fillHeight: true
@ -244,7 +243,7 @@ ApplicationWindow {
Layout.fillHeight: true
OverlayPane { // messagePane
anchors.fill: parent
anchors.topMargin: 10// * gcd.themeScale
anchors.topMargin: Theme.paddingSmall
}
}

2
qml/opaque

@ -1 +1 @@
Subproject commit 136e613ab596ae70edfa73fc6019f5dde44e0a08
Subproject commit 10123e56a6a6d251c0ff707e793de857250d7ad4

8
qml/overlays/ChatOverlay.qml
View File

@ -16,8 +16,6 @@ W.Overlay {
property bool loading
property string historyState: "DefaultDeleteHistory"
//horizontalPadding: 15 * gcd.themeScale
Connections {
target: mm
onRowsInserted: {
@ -137,7 +135,7 @@ W.Overlay {
property string txt: section
color: Theme.backgroundMainColor
width: parent.width
height: texmet.height + 6 + 12// * gcd.themeScale
height: texmet.height + 6 + 2 * Theme.paddingSmall
anchors.horizontalCenter: parent.horizontalCenter
@ -156,7 +154,7 @@ W.Overlay {
// ... and this can be changed to
// text: parent.parent.section
text: parent.parent.txt
font.pixelSize: Theme.chatSize * gcd.themeScale
font.pointSize: Theme.textSmallPt
color: Theme.messageFromOtherTextColor
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
@ -165,7 +163,7 @@ W.Overlay {
TextMetrics {
id: texmet
text: txtDate.text
font.pixelSize: Theme.chatSize * gcd.themeScale
font: txtDate.font
}
}
}

85
qml/panes/AddPeerGroupPane.qml
View File

@ -27,13 +27,15 @@ Rectangle {
groupAddr.text = ""
onionLabel.text = gcd.selectedProfile
gcd.requestPeeredServers()
}
Column {
anchors.fill: parent
spacing: 25 * gcd.themeScale
leftPadding: 20 * gcd.themeScale
rightPadding: 20 * gcd.themeScale
spacing: Theme.paddingSmall
leftPadding: Theme.paddingStandard
rightPadding: Theme.paddingStandard
Opaque.Label {
id: shareLabel
@ -54,7 +56,7 @@ Rectangle {
anchors.horizontalCenter: parent.horizontalCenter
readOnly: true
width: parent.width - (40*gcd.themeScale)
width: parent.width - (2 * Theme.paddingStandard)
button_text: qsTr("copy-btn")
dropShadowColor: Theme.dropShadowPaneColor
@ -68,7 +70,7 @@ Rectangle {
Rectangle { // Spacer
width: 1
height: 25 * gcd.themeScale
height: Theme.paddingStandard
color: root.color
}
@ -89,16 +91,16 @@ Rectangle {
Column { // Add a peer
Layout.fillWidth: true
leftPadding: 20 * gcd.themeScale
rightPadding: 20 * gcd.themeScale
spacing: 25 * gcd.themeScale
leftPadding: Theme.paddingStandard
rightPadding: Theme.paddingStandard
spacing: Theme.paddingSmall
Opaque.UnderlineTextField {
id: peerAddr
backgroundColor: Theme.backgroundPaneColor
width: parent.width - (40*gcd.themeScale)
width: parent.width - (2 * Theme.paddingStandard)
anchors.horizontalCenter: parent.horizontalCenter
//: Address
@ -110,7 +112,7 @@ Rectangle {
id: peerName
backgroundColor: Theme.backgroundPaneColor
width: parent.width - (40*gcd.themeScale)
width: parent.width - (2 * Theme.paddingStandard)
anchors.horizontalCenter: parent.horizontalCenter
//: Name
@ -121,9 +123,9 @@ Rectangle {
Column { // Create a group
Layout.fillWidth: true
leftPadding: 20 * gcd.themeScale
rightPadding: 20 * gcd.themeScale
spacing: 25 * gcd.themeScale
leftPadding: Theme.paddingStandard
rightPadding: Theme.paddingStandard
spacing: Theme.paddingSmall
Opaque.UnderlineTextField {
@ -131,7 +133,7 @@ Rectangle {
id: groupNameCreate
backgroundColor: Theme.backgroundPaneColor
width: parent.width - (40*gcd.themeScale)
width: parent.width - (2 * Theme.paddingStandard)
anchors.horizontalCenter: parent.horizontalCenter
//: Group Name
@ -139,24 +141,18 @@ Rectangle {
}
Row {
width: parent.width - (40*gcd.themeScale)
Column {
visible: gcd.experimentsEnabled && Utils.checkMap(gcd.experiments, "tapir-groups-experiment")
width: parent.width / 2
Opaque.Label {
//: Server
text: qsTr("server")
}
Column {
width: parent.width - (2 * Theme.paddingStandard)
anchors.horizontalCenter: parent.horizontalCenter
visible: gcd.experimentsEnabled && Utils.checkMap(gcd.experiments, "tapir-groups-experiment")
Opaque.Label {
//: Server
text: qsTr("server")
}
Column {
visible: gcd.experimentsEnabled && Utils.checkMap(gcd.experiments, "tapir-groups-experiment")
width: parent.width / 2
Opaque.Label {
//: Invitation
text: qsTr("invitation")
Opaque.ComboBox {
width:parent.width
model: ListModel {
id: cbServerList
}
}
}
@ -164,9 +160,9 @@ Rectangle {
Column { // Join a group
Layout.fillWidth: true
leftPadding: 20 * gcd.themeScale
rightPadding: 20 * gcd.themeScale
spacing: 25 * gcd.themeScale
leftPadding: Theme.paddingStandard
rightPadding: Theme.paddingStandard
spacing: Theme.paddingSmall
Opaque.UnderlineTextField {
@ -174,7 +170,7 @@ Rectangle {
id: groupAddr
backgroundColor: Theme.backgroundPaneColor
width: parent.width - (40*gcd.themeScale)
width: parent.width - (2 * Theme.paddingStandard)
anchors.horizontalCenter: parent.horizontalCenter
//: Address
@ -187,7 +183,7 @@ Rectangle {
Rectangle { // Spacer
width: 1
height: 25 * gcd.themeScale
height: Theme.paddingStandard
color: root.color
}
@ -195,8 +191,6 @@ Rectangle {
Opaque.Button {
anchors.horizontalCenter: parent.horizontalCenter
height: 40 * gcd.themeScale
//: Add Peer | Create Group | Join Group
text: tabBar.currentItem.text
@ -204,6 +198,9 @@ Rectangle {
if (tabBar.currentIndex == 0) {
gcd.addPeer(peerName.text, peerAddr.text)
theStack.currentIndex = theStack.emptyPane
} else if (tabBar.currentIndex == 1) {
gcd.createGroup(cbServerList.get(cbServerList.selectedIndex).text, groupNameCreate.text);
theStack.currentIndex = theStack.emptyPane
} else if (tabBar.currentIndex == 2) {
gcd.addGroup(groupAddr.text)
theStack.currentIndex = theStack.emptyPane
@ -213,4 +210,16 @@ Rectangle {
}
Connections {
target: gcd
onSupplyPeeredServers: function(servers) {
console.log("Servers are here:!" + servers);
cbServerList.clear();
for (var i=0;i<servers.length;i++) {
cbServerList.append( {"text": servers[i], "value": servers[i]});
}
}
}
}

3
qml/panes/PeerSettingsPane.qml
View File

@ -80,14 +80,13 @@ Opaque.SettingsList { // settingsPane
checked: root.authorization == Const.auth_blocked
onCheckedChanged: function() {
if (root.authorization == Const.auth_blocked) {
if (!checked) {
root.authorization = Const.auth_unknown
gcd.setPeerAuthorization(txtOnion.text, Const.auth_unknown)
} else {
root.authorization = Const.auth_blocked
gcd.setPeerAuthorization(txtOnion.text, Const.auth_blocked)
}
isToggled = root.authorization == Const.auth_blocked
}
}
}

41
qml/panes/ProfileAddEditPane.qml
View File

@ -100,8 +100,7 @@ Opaque.Flickable {
id: leftContents
anchors.horizontalCenter: parent.horizontalCenter
Layout.alignment : Qt.AlignHCenter + Qt.AlignTop
width: 400 * gcd.themeScale
spacing: 10 * gcd.themeScale
spacing: Theme.paddingSmall
Opaque.Label {
anchors.horizontalCenter: parent.horizontalCenter
@ -114,7 +113,7 @@ Opaque.Flickable {
// spacing
Rectangle {
height: 30 * gcd.themeScale
height: Theme.paddingSmall
width: 100
color: Theme.backgroundPaneColor
}
@ -153,7 +152,7 @@ Opaque.Flickable {
// spacing
Rectangle {
visible: mode == mode_edit
height: 10 * gcd.themeScale
height: Theme.paddingSmall
width: 100
color: Theme.backgroundPaneColor
}
@ -173,7 +172,7 @@ Opaque.Flickable {
visible: mode == mode_edit
readOnly: true
width: leftCol.width - (40*gcd.themeScale)
width: leftCol.width - (2 * Theme.paddingStandard)
button_text: qsTr("copy-btn")
dropShadowColor: Theme.dropShadowPaneColor
@ -188,7 +187,7 @@ Opaque.Flickable {
// spacing
Rectangle {
visible: radioNoPassword.checked
height: 30 * gcd.themeScale
height: Theme.paddingSmall
width: 100
color: Theme.backgroundPaneColor
}
@ -213,7 +212,7 @@ Opaque.Flickable {
// spacing
Rectangle {
height: 30 * gcd.themeScale
height: Theme.paddingSmall
width: 100
color: Theme.backgroundPaneColor
@ -230,7 +229,7 @@ Opaque.Flickable {
Rectangle {
id: rightCol
color: Theme.backgroundPaneColor
anchors.topMargin: 80 * gcd.themeScale
anchors.topMargin: Theme.paddingLarge
height: rightContents.height
implicitHeight: height
Layout.fillWidth: true
@ -244,14 +243,14 @@ Opaque.Flickable {
anchors.horizontalCenter: parent.horizontalCenter
Layout.alignment : Qt.AlignHCenter + Qt.AlignTop
width: 400 * gcd.themeScale
spacing: 40 * gcd.themeScale
spacing: Theme.paddingSmall
padding: Theme.paddingStandard
Opaque.UnderlineTextField {
id: txtProfileName
backgroundColor: Theme.backgroundPaneColor
width: parent.width - (40*gcd.themeScale)
width: parent.width - (2 * Theme.paddingStandard)
anchors.horizontalCenter: parent.horizontalCenter
//: Your Display Name
@ -262,7 +261,7 @@ Opaque.Flickable {
RowLayout {
visible: (mode == mode_add) || (tag == "v1-defaultPassword")
width: parent.width - (40*gcd.themeScale)
width: parent.width - (2 * Theme.paddingStandard)
anchors.horizontalCenter: parent.horizontalCenter
//id: radioButtons
@ -295,7 +294,7 @@ Opaque.Flickable {
backgroundColor: Theme.backgroundPaneColor
width: parent.width - (40*gcd.themeScale)
width: parent.width - (2 * Theme.paddingStandard)
anchors.horizontalCenter: parent.horizontalCenter
//: Current Password
@ -311,7 +310,7 @@ Opaque.Flickable {
backgroundColor: Theme.backgroundPaneColor
width: parent.width - (40*gcd.themeScale)
width: parent.width - (2 * Theme.paddingStandard)
anchors.horizontalCenter: parent.horizontalCenter
echoMode: TextInput.Password
@ -331,7 +330,7 @@ Opaque.Flickable {
backgroundColor: Theme.backgroundPaneColor
width: parent.width - (40*gcd.themeScale)
width: parent.width - (2 * Theme.paddingStandard)
anchors.horizontalCenter: parent.horizontalCenter
//: Reenter password
@ -410,7 +409,7 @@ Opaque.Flickable {
Opaque.Button {
anchors.right: parent.right
anchors.rightMargin: 20 * gcd.themeScale
anchors.rightMargin: Theme.paddingStandard
//: Delete Profile
text: qsTr("delete-profile-btn")
@ -429,7 +428,7 @@ Opaque.Flickable {
size: Theme.textSmallPt
anchors.right: parent.right
anchors.rightMargin: 20 * gcd.themeScale
anchors.rightMargin: Theme.paddingStandard
//: Type DELETE to confirm
text: qsTr("delete-confirm-label")+ ":"
@ -441,9 +440,9 @@ Opaque.Flickable {
visible: deleting
backgroundColor: Theme.backgroundPaneColor
width: 300 * gcd.themeScale
width: parent.width - (2 * Theme.paddingStandard)
anchors.right: parent.right
anchors.rightMargin: 20 * gcd.themeScale
anchors.rightMargin: Theme.paddingStandard
placeholderText: qsTr("delete-confirm-label")
}
@ -453,7 +452,7 @@ Opaque.Flickable {
height: Theme.primaryTextSize * 1.5
anchors.right: parent.right
anchors.rightMargin: 20 * gcd.themeScale
anchors.rightMargin: Theme.paddingStandard
//: Really Delete Profile
text: qsTr("delete-profile-confirm-btn")
@ -476,7 +475,7 @@ Opaque.Flickable {
// spacing
Rectangle {
height: 30 * gcd.themeScale
height: Theme.paddingSmall
width: 100
color: Theme.backgroundPaneColor
}

6
qml/panes/ProfileManagerPane.qml
View File

@ -82,7 +82,7 @@ ColumnLayout {
// space
Rectangle {
width: 1
height: 20 * gcd.themeScale
height: Theme.paddingStandard
color: Theme.backgroundMainColor
}
@ -101,8 +101,8 @@ ColumnLayout {
size: Theme.textSubHeaderPt
bold: true
anchors.left: parent.left
anchors.leftMargin: 25 * gcd.themeScale
bottomPadding: 10 * gcd.themeScale
anchors.leftMargin: Theme.paddingStandard
bottomPadding: Theme.paddingSmall
//: Your Profiles
text: qsTr("your-profiles")

7
qml/panes/SettingsPane.qml
View File

@ -76,14 +76,13 @@ Opaque.SettingsList { // settingsPane
id: zoomSlider
from: 0
to: 4
value: gcd.themeScaleNew
value: gcd.scaleFactor
snapMode: Slider.SnapAlways
stepSize: 1
onValueChanged: {
windowItem.width = windowItem.width
gcd.themeScale = 1.0
gcd.themeScaleNew = zoomSlider.value
gcd.scaleFactor = zoomSlider.value
}
width: 200
}
@ -252,7 +251,7 @@ Opaque.SettingsList { // settingsPane
Connections {
target: gcd
onSupplySettings: function(locale, zoom, theme) {
onSupplySettings: function(locale, scale, theme) {
for (var i=0; i < cbLangItems.count; i++) {
var item = cbLangItems.get(i)
if (item["value"] == locale) {

8
qml/panes/SplashPane.qml
View File

@ -21,7 +21,7 @@ Item {
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: parent.top
anchors.topMargin: 100 * gcd.themeScale
anchors.topMargin: 60 + 10 * Theme.scale
width: 200
height: 200
@ -31,7 +31,7 @@ Item {
id: splashImage
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: aniKnot.bottom
anchors.topMargin: 20 * gcd.themeScale
anchors.topMargin: Theme.paddingStandard
source: "qrc:/qml/images/cwtch_title.png"
}
@ -41,7 +41,7 @@ Item {
id: loadingLabel
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: splashImage.bottom
anchors.topMargin: 10 * gcd.themeScale
anchors.topMargin: Theme.paddingSmall
//: Loading tor...
text: qsTr("loading-tor")
@ -53,7 +53,7 @@ Item {
id: opImage
anchors.horizontalCenter: parent.horizontalCenter
anchors.bottom: parent.bottom
anchors.bottomMargin: 20 * gcd.themeScale
anchors.bottomMargin: Theme.paddingStandard
source: "qrc:/qml/images/Open_Privacy_Logo_lightoutline.png"
}

19
qml/widgets/ContactList.qml
View File

@ -12,7 +12,6 @@ ColumnLayout {
id: root
property alias dualPane: myprof.dualPane
property real logscale: 4 * Math.log10(gcd.themeScale + 1)
MyProfile { // CURRENT PROFILE INFO AND CONTROL BAR
id: myprof
@ -216,23 +215,15 @@ ColumnLayout {
id: blockedToggle
property bool showing: true
leftPadding: 32 * logscale
topPadding: 16 * logscale
bottomPadding: 8 * logscale
spacing: 5 * logscale
// for review: uhhh....?
leftPadding: Theme.paddingLarge
topPadding: Theme.paddingStandard
bottomPadding: Theme.paddingSmall
Opaque.Label {
id: blockLbl
text: qsTr("blocked")
size: Theme.textSmallPt
color: Theme.portraitBlockedTextColor
}
Opaque.Label {
id: blockBtn
text: blockedToggle.showing ? "▲" : "▼"
text: qsTr("blocked") + blockedToggle.showing ? "▲" : "▼"
size: Theme.textSmallPt
color: Theme.portraitBlockedTextColor
}

26
qml/widgets/ContactRow.qml
View File

@ -34,11 +34,11 @@ Opaque.PortraitRow {
anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: 1 * gcd.themeScale
anchors.rightMargin: 25 * gcd.themeScale
anchors.leftMargin: Theme.paddingMinimal
anchors.rightMargin: Theme.paddingStandard
height: parent.height * .1
width: 100 * gcd.themeScale
width: 50 + 20 * Theme.scale
indeterminate: true
@ -54,14 +54,14 @@ Opaque.PortraitRow {
size: parent.height/4
anchors.right: parent.right
anchors.rightMargin: 25 * gcd.themeScale
anchors.leftMargin: 1 * gcd.themeScale
anchors.rightMargin: Theme.paddingStandard
anchors.leftMargin: Theme.paddingMinimal
anchors.verticalCenter: parent.verticalCenter
content: Label {
id: lblUnread
color: Theme.portraitContactBadgeTextColor
font.pixelSize: Theme.badgeTextSize * gcd.themeScale
font.pointSize: Theme.textBadgeLabelPt
font.weight: Font.Bold
text: badge > 99 ? "99+" : badge
}
@ -71,16 +71,16 @@ Opaque.PortraitRow {
visible: authorization == Const.auth_unknown
anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: 1 * gcd.themeScale
anchors.rightMargin: 25 * gcd.themeScale
spacing: 16 * gcd.themeScale
anchors.leftMargin: Theme.paddingMinimal
anchors.rightMargin: Theme.paddingStandard
spacing: Theme.paddingSmall
Opaque.Icon {
source: gcd.assetPath + "core/favorite-24px.webp"
iconColor: Theme.toolbarIconColor
backgroundColor: rowColor
height: 18 * gcd.themeScale
width: 18 * gcd.themeScale
height: Theme.uiIconSizeS
width: Theme.uiIconSizeS
onClicked: { gcd.setPeerAuthorization(handle, Const.auth_approved)}
}
@ -89,8 +89,8 @@ Opaque.PortraitRow {
source: gcd.assetPath + "core/delete-24px.webp"
iconColor: Theme.toolbarIconColor
backgroundColor: rowColor
height: 18 * gcd.themeScale
width: 18 * gcd.themeScale
height: Theme.uiIconSizeS
width: Theme.uiIconSizeS
onClicked: gcd.setPeerAuthorization(handle, Const.auth_blocked)
}

9
qml/widgets/Message.qml
View File

@ -29,8 +29,6 @@ Rectangle {
property string error
property bool calendarEvent
property real logscale: 4 * Math.log10(gcd.themeScale + 1)
Connections {
target: gcd
@ -86,10 +84,10 @@ Rectangle {
Rectangle { // THIS IS JUST A PRETTY MESSAGE-HOLDING RECTANGLE
id: rectMessageBubble
height: (handle.visible ? handle.height : 0) + (10 * gcd.themeScale) + colMessageBubble.height + 8
width: colMessageBubble.width + 6
height: (handle.visible ? handle.height : 0) + colMessageBubble.height + 2 * Theme.paddingMinimal
width: colMessageBubble.width + 2 * Theme.radiusM
color: fromMe ? Theme.messageFromMeBackgroundColor : (calendarEvent ? Theme.messageFromOtherBackgroundColor : Theme.messageFromOtherBackgroundColor)
radius: 15 * logscale
radius: Theme.radiusL
anchors.left: fromMe ? undefined : (calendarEvent ? undefined : imgProfile.right) //parent.left
anchors.right: fromMe ? (calendarEvent ? undefined : parent.right) : undefined
@ -125,7 +123,6 @@ Rectangle {
bold: true
leftPadding: Theme.paddingSmall
rightPadding: Theme.paddingSmall
topPadding: Theme.paddingSmall
}
Column {

31
qml/widgets/MessageEditor.qml
View File

@ -58,7 +58,7 @@ ColumnLayout {
Opaque.EmojiDrawer {
id: emojiDrawer
Layout.fillWidth: true
size: 24 * gcd.themeScale
size: Theme.uiIconSizeM
onPicked: function(shortcode) {
if (!txtMessage.enabled) return
@ -71,7 +71,7 @@ ColumnLayout {
Layout.fillWidth: true
height: statusText.visible ? statusText.height + (4 * gcd.themeScale) : 3 * gcd.themeScale
height: statusText.visible ? statusText.height + (2 * Theme.paddingMinimal) : Theme.paddingMinimal
implicitHeight: height
color: Theme.dividerColor
@ -97,8 +97,8 @@ ColumnLayout {
Rectangle { // MESSAGE ENTRY TEXTFIELD
id: rectMessage
Layout.fillWidth: true
Layout.minimumHeight: 120 * gcd.themeScale
Layout.maximumHeight: 120 * gcd.themeScale
Layout.minimumHeight: 60 + 20 * Theme.scale
Layout.maximumHeight: 60 + 20 * Theme.scale
color: Theme.backgroundMainColor
Opaque.Flickable {
@ -109,9 +109,9 @@ ColumnLayout {
TextArea {
id: txtMessage
font.pixelSize: Theme.chatSize * gcd.themeScale
font.pointSize: Theme.chatSize
text: ""
padding: 6 * gcd.themeScale
padding: Theme.paddingSmall
wrapMode: TextEdit.Wrap
textFormat: Text.PlainText
width: rectMessage.width
@ -152,7 +152,7 @@ ColumnLayout {
ColumnLayout {
id: colRight
spacing: 0
width: 100 * gcd.themeScale
width: Theme.uiIconSizeM + 2 * Theme.paddingStandard
Layout.minimumWidth: width
Layout.preferredWidth: width
@ -162,9 +162,8 @@ ColumnLayout {
id: btnSend
source: gcd.assetPath + "core/send-24px.webp"
width: colRight.width
// floor(...) needed or else send icon won't scale properly(?!?)
height: Math.floor(50 * gcd.themeScale)
size: 36 * gcd.themeScale
height: Theme.uiIconSizeM + 2 * Theme.paddingMinimal
size: Theme.uiIconSizeM
sourceWidth: size
sourceHeight: size
@ -191,9 +190,9 @@ ColumnLayout {
id: btnEmoji
source: gcd.assetPath + "core/mood-24px.webp"
size: 25
height: 36 * gcd.themeScale
width: 48 * gcd.themeScale
size: Theme.uiIconSizeS
height: Theme.uiIconSizeS + 2 * Theme.paddingMinimal
width: colRight.width / 2
backgroundColor: enabled ? Theme.altButtonColor : Theme.altButtonDisabledColor
hilightBackgroundColor: backgroundColor
@ -206,9 +205,9 @@ ColumnLayout {
id: btnAttach
source: gcd.assetPath + "core/attach_file-24px.webp"
size: 25
height: 36 * gcd.themeScale
width: 48 * gcd.themeScale
size: Theme.uiIconSizeS
height: Theme.uiIconSizeS + 2 * Theme.paddingMinimal
width: colRight.width / 2
backgroundColor: enabled ? Theme.altButtonColor : Theme.altButtonDisabledColor
hilightBackgroundColor: backgroundColor

2
qml/widgets/ProfileList.qml
View File

@ -114,7 +114,7 @@ ColumnLayout {
badgeVisible: true
badgeContent: Image {
source: gcd.assetPath + "core/fontawesome/solid/plus.webp"
height: Theme.badgeTextSize * gcd.themeScale
height: Theme.uiIconSizeS
width: height
}
badgeColor: Theme.portraitProfileBadgeColor

2
qml/widgets/ProfileRow.qml
View File

@ -36,7 +36,7 @@ RowLayout {
badgeContent: Opaque.Icon {// Profle Type
id: profiletype
source: tag == "v1-userPassword" ? gcd.assetPath + "core/lock-24px.webp" : gcd.assetPath + "core/lock_open-24px.webp"
height: Theme.badgeTextSize * gcd.themeScale
height: Theme.uiIconSizeS
width: height
iconColor: Theme.defaultButtonTextColor

2
qml/widgets/ServerList.qml
View File

@ -104,7 +104,7 @@ ColumnLayout {
badgeVisible: true
badgeContent: Image {
source: gcd.assetPath + "core/fontawesome/solid/plus.webp"
height: Theme.badgeTextSize * gcd.themeScale
height: Theme.uiIconSizeS
width: height
}
badgeColor: Theme.defaultButtonColor

20
qml/widgets/Statusbar.qml
View File

@ -12,8 +12,8 @@ import "../const"
Rectangle {
id: statusbar
readonly property int openHeight: 25
readonly property int hideHeight: 10
readonly property int openHeight: Theme.uiIconSizeS + 2 * Theme.paddingMinimal
readonly property int hideHeight: Theme.paddingClickTarget
property bool isHover: false
@ -27,9 +27,9 @@ Rectangle {
opacity: 0
anchors.right: networkStatus.left
anchors.verticalCenter: parent.verticalCenter
anchors.rightMargin: 5 * gcd.themeScale
anchors.rightMargin: Theme.paddingMinimal
font.pixelSize: Theme.statusTextSize * gcd.themeScale
font.pixelSize: Theme.statusTextSize
}
Opaque.Icon {
@ -37,9 +37,9 @@ Rectangle {
opacity: 0
anchors.right: connectionStatus.left
anchors.verticalCenter: parent.verticalCenter
anchors.rightMargin: 5 * gcd.themeScale
height: 18
width: 18
anchors.rightMargin: Theme.paddingMinimal
height: Theme.uiIconSizeS
width: Theme.uiIconSizeS
}
@ -48,9 +48,9 @@ Rectangle {
opacity: 0
anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter
anchors.rightMargin: 10 * gcd.themeScale
height: 18 * gcd.themeScale
width: 18 * gcd.themeScale
anchors.rightMargin: Theme.paddingSmall
height: Theme.uiIconSizeS
width: Theme.uiIconSizeS
}
function changeStatus() {