This repository has been archived on 2021-06-24. You can view files and clone it, but cannot push or open issues or pull requests.
ui/qml/widgets/ServerList.qml

116 lines
3.3 KiB
QML

import QtGraphicalEffects 1.0
import QtQuick 2.7
import QtQuick.Controls 2.4
import QtQuick.Controls.Material 2.0
import QtQuick.Layouts 1.3
import "../opaque" as Opaque
import "../opaque/theme"
ColumnLayout {
id: root
MouseArea {
anchors.fill: parent
onClicked: {
forceActiveFocus()
}
}
Opaque.Flickable { // Profile List
id: sv
Layout.minimumHeight: 100
Layout.fillHeight: true
Layout.minimumWidth: parent.width
Layout.maximumWidth: parent.width
contentWidth: colContacts.width
contentHeight: colContacts.height
ColumnLayout {
id: colContacts
width: sv.width
spacing: 0
Connections { // ADD/REMOVE CONTACT ENTRIES
target: gcd
onLoaded: function() {
gcd.requestServers();
}
onAddServer: function(handle, displayName, image, status) {
// don't add duplicates
for (var i = 0; i < serversModel.count; i++) {
if (serversModel.get(i)["_handle"] == handle) {
return
}
}
// find index for insert (sort by onion)
var index = serversModel.count
for (var i = 0; i < serversModel.count; i++) {
if (serversModel.get(i)["_handle"] > handle) {
index = i
break
}
}
serversModel.insert(index,
{
_handle: handle,
_displayName: displayName,
_image: image,
_status: status,
})
}
onResetServerList: function() {
serversModel.clear()
}
}
ListModel { // Profile OBJECTS ARE STORED HERE ...
id: serversModel
}
Repeater {
id: serverList
model: serversModel // ... AND DISPLAYED HERE
delegate: ServerRow {
handle: _handle
displayName: _displayName
image: _image
status: _status
Layout.fillWidth: true
}
}
Opaque.PortraitRow {
Layout.fillWidth: true
handle: ""
displayName: qsTr("add-new-profile-btn")
nameColor: Theme.mainTextColor
image: "/fontawesome/regular/user.svg"
tag: ""
portraitBorderColor: Theme.portraitOnlineBorderColor
portraitColor: Theme.portraitOnlineBackgroundColor
badgeVisible: true
badgeContent: Image {
source: gcd.assetPath + "/fontawesome/solid/plus.svg"
height: Theme.badgeTextSize * gcd.themeScale
width: height
}
badgeColor: Theme.defaultButtonColor
onClicked: function(handle) { serverAddEditPane.reset(); parentStack.pane = parentStack.addEditServerPane }
}
}
}
}