moment/harmonyqml/components/Chat/RoomHeader.qml

import QtQuick 2.7
import QtQuick.Controls 2.2
import QtQuick.Layouts 1.4
import "../Base" as Base

Base.HGlassRectangle {
    property string displayName: ""
    property string topic: ""

    id: root
    Layout.fillWidth: true
    Layout.minimumHeight: 36
    Layout.maximumHeight: Layout.minimumHeight
    color: Base.HStyle.chat.roomHeader.background

    RowLayout {
        id: row
        spacing: 12
        anchors.fill: parent

        Base.HAvatar {
            id: avatar
            Layout.alignment: Qt.AlignTop
            dimension: root.Layout.minimumHeight
            name: displayName
        }

        Base.HLabel {
            id: roomName
            text: displayName
            font.pixelSize: Base.HStyle.fontSize.big
            elide: Text.ElideRight
            maximumLineCount: 1
            Layout.maximumWidth:
                row.width - row.spacing * (row.children.length - 1) -
                avatar.width
        }

        Base.HLabel {
            id: roomTopic
            text: topic
            font.pixelSize: Base.HStyle.fontSize.small
            elide: Text.ElideRight
            maximumLineCount: 1
            Layout.maximumWidth:
                row.width -
                row.spacing * (row.children.length - 1) -
                avatar.width -
                roomName.width
        }

        Item { Layout.fillWidth: true }
    }
}
Initial commit 2019-03-22 14:28:14 +11:00			`import QtQuick 2.7`
			`import QtQuick.Controls 2.2`
			`import QtQuick.Layouts 1.4`
Capitalize all component folders 2019-04-29 02:45:12 +10:00			`import "../Base" as Base`
Initial commit 2019-03-22 14:28:14 +11:00
Restyle the chat UI 2019-04-29 01:01:38 +10:00			`Base.HGlassRectangle {`
Capitalization, list model and room header work - Standardized capitalization for variables and file names everywhere in QML and JS, get rid of mixed camelCase/snakeCase, use camelCase like everywhere in Qt - ListModel items are now stored and returned as real QObjects with PyQt properties and signals. This makes dynamic property binding a lot easier and eliminates the need for many hacks. - New update(), updateOrAppendWhere() methods and roles property for ListModel - RoomHeader now properly updates when the room title or topic changes - Add Backend.pdb(), to make it easier to start the debugger from QML 2019-04-21 07:36:21 +10:00			`property string displayName: ""`
			`property string topic: ""`

Remove quotes from id: properties As suggested in the Qt Quick coding style 2019-04-21 07:45:51 +10:00			`id: root`
Initial commit 2019-03-22 14:28:14 +11:00			`Layout.fillWidth: true`
Reorganize sidePane, accounts and rooms - Accordion design for accounts and rooms (not finished) - Toolbar and account/room lists reduce correctly, buttons become hamburger menu if not enough width - Can set status using the "Set status message" account fields - Uniformized avatar sizes for sidePane, roomHeader and SendBox 2019-03-26 18:19:55 +11:00			`Layout.minimumHeight: 36`
Initial commit 2019-03-22 14:28:14 +11:00			`Layout.maximumHeight: Layout.minimumHeight`
Restyle the chat UI 2019-04-29 01:01:38 +10:00			`color: Base.HStyle.chat.roomHeader.background`
Initial commit 2019-03-22 14:28:14 +11:00
Change toolbar model 2019-03-26 09:29:46 +11:00			`RowLayout {`
Remove quotes from id: properties As suggested in the Qt Quick coding style 2019-04-21 07:45:51 +10:00			`id: row`
Change toolbar model 2019-03-26 09:29:46 +11:00			`spacing: 12`
			`anchors.fill: parent`
Initial commit 2019-03-22 14:28:14 +11:00
Add missing H prefix to some base componants 2019-04-29 01:21:19 +10:00			`Base.HAvatar {`
Remove quotes from id: properties As suggested in the Qt Quick coding style 2019-04-21 07:45:51 +10:00			`id: avatar`
Change toolbar model 2019-03-26 09:29:46 +11:00			`Layout.alignment: Qt.AlignTop`
Update and improve HAvatar code 2019-04-29 01:32:02 +10:00			`dimension: root.Layout.minimumHeight`
Capitalization, list model and room header work - Standardized capitalization for variables and file names everywhere in QML and JS, get rid of mixed camelCase/snakeCase, use camelCase like everywhere in Qt - ListModel items are now stored and returned as real QObjects with PyQt properties and signals. This makes dynamic property binding a lot easier and eliminates the need for many hacks. - New update(), updateOrAppendWhere() methods and roles property for ListModel - RoomHeader now properly updates when the room title or topic changes - Add Backend.pdb(), to make it easier to start the debugger from QML 2019-04-21 07:36:21 +10:00			`name: displayName`
Change toolbar model 2019-03-26 09:29:46 +11:00			`}`

Organize project files Put QML components into folders, remove unused ones, split __init__.py with engine.py. 2019-03-26 20:52:43 +11:00			`Base.HLabel {`
Remove quotes from id: properties As suggested in the Qt Quick coding style 2019-04-21 07:45:51 +10:00			`id: roomName`
Capitalization, list model and room header work - Standardized capitalization for variables and file names everywhere in QML and JS, get rid of mixed camelCase/snakeCase, use camelCase like everywhere in Qt - ListModel items are now stored and returned as real QObjects with PyQt properties and signals. This makes dynamic property binding a lot easier and eliminates the need for many hacks. - New update(), updateOrAppendWhere() methods and roles property for ListModel - RoomHeader now properly updates when the room title or topic changes - Add Backend.pdb(), to make it easier to start the debugger from QML 2019-04-21 07:36:21 +10:00			`text: displayName`
Add login page and forget room system 2019-04-27 06:02:20 +10:00			`font.pixelSize: Base.HStyle.fontSize.big`
Change toolbar model 2019-03-26 09:29:46 +11:00			`elide: Text.ElideRight`
			`maximumLineCount: 1`
Capitalization, list model and room header work - Standardized capitalization for variables and file names everywhere in QML and JS, get rid of mixed camelCase/snakeCase, use camelCase like everywhere in Qt - ListModel items are now stored and returned as real QObjects with PyQt properties and signals. This makes dynamic property binding a lot easier and eliminates the need for many hacks. - New update(), updateOrAppendWhere() methods and roles property for ListModel - RoomHeader now properly updates when the room title or topic changes - Add Backend.pdb(), to make it easier to start the debugger from QML 2019-04-21 07:36:21 +10:00			`Layout.maximumWidth:`
			`row.width - row.spacing * (row.children.length - 1) -`
			`avatar.width`
Change toolbar model 2019-03-26 09:29:46 +11:00			`}`
Initial commit 2019-03-22 14:28:14 +11:00
Organize project files Put QML components into folders, remove unused ones, split __init__.py with engine.py. 2019-03-26 20:52:43 +11:00			`Base.HLabel {`
Remove quotes from id: properties As suggested in the Qt Quick coding style 2019-04-21 07:45:51 +10:00			`id: roomTopic`
Capitalization, list model and room header work - Standardized capitalization for variables and file names everywhere in QML and JS, get rid of mixed camelCase/snakeCase, use camelCase like everywhere in Qt - ListModel items are now stored and returned as real QObjects with PyQt properties and signals. This makes dynamic property binding a lot easier and eliminates the need for many hacks. - New update(), updateOrAppendWhere() methods and roles property for ListModel - RoomHeader now properly updates when the room title or topic changes - Add Backend.pdb(), to make it easier to start the debugger from QML 2019-04-21 07:36:21 +10:00			`text: topic`
Add login page and forget room system 2019-04-27 06:02:20 +10:00			`font.pixelSize: Base.HStyle.fontSize.small`
Change toolbar model 2019-03-26 09:29:46 +11:00			`elide: Text.ElideRight`
			`maximumLineCount: 1`
Organize project files Put QML components into folders, remove unused ones, split __init__.py with engine.py. 2019-03-26 20:52:43 +11:00			`Layout.maximumWidth:`
			`row.width -`
			`row.spacing * (row.children.length - 1) -`
			`avatar.width -`
			`roomName.width`
Initial commit 2019-03-22 14:28:14 +11:00			`}`
Change toolbar model 2019-03-26 09:29:46 +11:00
			`Item { Layout.fillWidth: true }`
Initial commit 2019-03-22 14:28:14 +11:00			`}`
			`}`