76 lines
2.1 KiB
QML
76 lines
2.1 KiB
QML
|
// Auto-generated by `bin/console make:bridge:window Todo`,
|
||
|
|
// then customised to embed a read-only TodoList. Independently subscribed
|
||
|
|
// to the same Mercure topic — proves the multi-window test in PLAN.md §13.
|
||
|
|
|
||
|
|
import QtQuick
|
||
|
|
import QtQuick.Controls
|
||
|
|
import QtQuick.Layouts
|
||
|
|
import QtQuick.Window
|
||
|
|
import PhpQml.Bridge
|
||
|
|
|
||
|
|
ApplicationWindow {
|
||
|
|
id: todoWindow
|
||
|
|
width: 480
|
||
|
|
height: 520
|
||
|
|
visible: true
|
||
|
|
title: "Todos (mirror)"
|
||
|
|
|
||
|
|
ReactiveListModel {
|
||
|
|
id: mirrorModel
|
||
|
|
baseUrl: BackendConnection.url
|
||
|
|
token: BackendConnection.token
|
||
|
|
source: "/api/todos"
|
||
|
|
topic: "app://model/todo"
|
||
|
|
}
|
||
|
|
|
||
|
|
AppShell {
|
||
|
|
anchors.fill: parent
|
||
|
|
|
||
|
|
ColumnLayout {
|
||
|
|
anchors.fill: parent
|
||
|
|
anchors.margins: 16
|
||
|
|
spacing: 12
|
||
|
|
|
||
|
|
Label {
|
||
|
|
text: "Mirror window"
|
||
|
|
font.pixelSize: 16
|
||
|
|
font.bold: true
|
||
|
|
}
|
||
|
|
Label {
|
||
|
|
text: "Read-only view of the same /api/todos. Edits in the main window propagate here within ~50 ms via Mercure."
|
||
|
|
wrapMode: Text.Wrap
|
||
|
|
opacity: 0.7
|
||
|
|
Layout.fillWidth: true
|
||
|
|
}
|
||
|
|
|
||
|
|
Frame {
|
||
|
|
Layout.fillWidth: true
|
||
|
|
Layout.fillHeight: true
|
||
|
|
padding: 0
|
||
|
|
ListView {
|
||
|
|
anchors.fill: parent
|
||
|
|
clip: true
|
||
|
|
model: mirrorModel
|
||
|
|
|
||
|
|
delegate: ItemDelegate {
|
||
|
|
required property string title
|
||
|
|
required property bool done
|
||
|
|
required property bool pending
|
||
|
|
|
||
|
|
width: ListView.view.width
|
||
|
|
opacity: pending ? 0.5 : 1.0
|
||
|
|
text: (done ? "✓ " : " ") + title
|
||
|
|
}
|
||
|
|
|
||
|
|
Label {
|
||
|
|
anchors.centerIn: parent
|
||
|
|
visible: parent.count === 0 && mirrorModel.ready
|
||
|
|
text: "(empty)"
|
||
|
|
opacity: 0.5
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|