mirror of
https://github.com/moonlight-stream/moonlight-qt
synced 2024-11-16 16:27:59 +00:00
392 lines
13 KiB
QML
392 lines
13 KiB
QML
import QtQuick 2.9
|
|
import QtQuick.Controls 2.2
|
|
import QtQuick.Layouts 1.3
|
|
|
|
import ComputerModel 1.0
|
|
|
|
import ComputerManager 1.0
|
|
import StreamingPreferences 1.0
|
|
import SdlGamepadKeyNavigation 1.0
|
|
|
|
CenteredGridView {
|
|
property ComputerModel computerModel : createModel()
|
|
|
|
id: pcGrid
|
|
focus: true
|
|
activeFocusOnTab: true
|
|
topMargin: 20
|
|
bottomMargin: 5
|
|
cellWidth: 310; cellHeight: 330;
|
|
objectName: qsTr("Computers")
|
|
|
|
Component.onCompleted: {
|
|
// Don't show any highlighted item until interacting with them.
|
|
// We do this here instead of onActivated to avoid losing the user's
|
|
// selection when backing out of a different page of the app.
|
|
currentIndex = -1
|
|
}
|
|
|
|
// Note: Any initialization done here that is critical for streaming must
|
|
// also be done in CliStartStreamSegue.qml, since this code does not run
|
|
// for command-line initiated streams.
|
|
StackView.onActivated: {
|
|
// Setup signals on CM
|
|
ComputerManager.computerAddCompleted.connect(addComplete)
|
|
|
|
// This is a bit of a hack to do this here as opposed to main.qml, but
|
|
// we need it enabled before calling getConnectedGamepads() and PcView
|
|
// is never destroyed, so it should be okay.
|
|
SdlGamepadKeyNavigation.enable()
|
|
|
|
// Highlight the first item if a gamepad is connected
|
|
if (currentIndex == -1 && SdlGamepadKeyNavigation.getConnectedGamepads() > 0) {
|
|
currentIndex = 0
|
|
}
|
|
}
|
|
|
|
StackView.onDeactivating: {
|
|
ComputerManager.computerAddCompleted.disconnect(addComplete)
|
|
}
|
|
|
|
function pairingComplete(error)
|
|
{
|
|
// Close the PIN dialog
|
|
pairDialog.close()
|
|
|
|
// Display a failed dialog if we got an error
|
|
if (error !== undefined) {
|
|
errorDialog.text = error
|
|
errorDialog.helpText = ""
|
|
errorDialog.open()
|
|
}
|
|
}
|
|
|
|
function addComplete(success, detectedPortBlocking)
|
|
{
|
|
if (!success) {
|
|
errorDialog.text = qsTr("Unable to connect to the specified PC.")
|
|
|
|
if (detectedPortBlocking) {
|
|
errorDialog.text += "\n\n" + qsTr("This PC's Internet connection is blocking Moonlight. Streaming over the Internet may not work while connected to this network.")
|
|
}
|
|
else {
|
|
errorDialog.helpText = qsTr("Click the Help button for possible solutions.")
|
|
}
|
|
|
|
errorDialog.open()
|
|
}
|
|
}
|
|
|
|
function createModel()
|
|
{
|
|
var model = Qt.createQmlObject('import ComputerModel 1.0; ComputerModel {}', parent, '')
|
|
model.initialize(ComputerManager)
|
|
model.pairingCompleted.connect(pairingComplete)
|
|
model.connectionTestCompleted.connect(testConnectionDialog.connectionTestComplete)
|
|
return model
|
|
}
|
|
|
|
Row {
|
|
anchors.centerIn: parent
|
|
spacing: 5
|
|
visible: pcGrid.count === 0
|
|
|
|
BusyIndicator {
|
|
id: searchSpinner
|
|
visible: StreamingPreferences.enableMdns
|
|
}
|
|
|
|
Label {
|
|
height: searchSpinner.height
|
|
elide: Label.ElideRight
|
|
text: StreamingPreferences.enableMdns ? qsTr("Searching for PCs with NVIDIA GameStream enabled...")
|
|
: qsTr("Automatic PC discovery is disabled. Add your PC manually.")
|
|
font.pointSize: 20
|
|
verticalAlignment: Text.AlignVCenter
|
|
wrapMode: Text.Wrap
|
|
}
|
|
}
|
|
|
|
model: computerModel
|
|
|
|
delegate: NavigableItemDelegate {
|
|
width: 300; height: 320;
|
|
grid: pcGrid
|
|
|
|
Image {
|
|
id: pcIcon
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
source: "qrc:/res/desktop_windows-48px.svg"
|
|
sourceSize {
|
|
width: 200
|
|
height: 200
|
|
}
|
|
}
|
|
|
|
Image {
|
|
// TODO: Tooltip
|
|
id: stateIcon
|
|
anchors.horizontalCenter: pcIcon.horizontalCenter
|
|
anchors.verticalCenter: pcIcon.verticalCenter
|
|
anchors.verticalCenterOffset: -15
|
|
visible: !model.statusUnknown && (!model.online || !model.paired)
|
|
source: !model.online ? "qrc:/res/baseline-warning-24px.svg" : "qrc:/res/baseline-lock-24px.svg"
|
|
sourceSize {
|
|
width: 75
|
|
height: 75
|
|
}
|
|
}
|
|
|
|
BusyIndicator {
|
|
id: statusUnknownSpinner
|
|
anchors.horizontalCenter: pcIcon.horizontalCenter
|
|
anchors.verticalCenter: pcIcon.verticalCenter
|
|
anchors.verticalCenterOffset: -15
|
|
width: 75
|
|
height: 75
|
|
visible: model.statusUnknown
|
|
}
|
|
|
|
Label {
|
|
id: pcNameText
|
|
text: model.name
|
|
|
|
width: parent.width
|
|
anchors.top: pcIcon.bottom
|
|
anchors.bottom: parent.bottom
|
|
font.pointSize: 36
|
|
horizontalAlignment: Text.AlignHCenter
|
|
wrapMode: Text.Wrap
|
|
elide: Text.ElideRight
|
|
}
|
|
|
|
NavigableMenu {
|
|
id: pcContextMenu
|
|
NavigableMenuItem {
|
|
parentMenu: pcContextMenu
|
|
text: qsTr("View Apps")
|
|
onTriggered: {
|
|
var component = Qt.createComponent("AppView.qml")
|
|
var appView = component.createObject(stackView, {"computerIndex": index, "objectName": model.name})
|
|
stackView.push(appView)
|
|
}
|
|
visible: model.online && model.paired
|
|
}
|
|
NavigableMenuItem {
|
|
parentMenu: pcContextMenu
|
|
text: qsTr("View Hidden Apps")
|
|
onTriggered: {
|
|
var component = Qt.createComponent("AppView.qml")
|
|
var appView = component.createObject(stackView, {"computerIndex": index, "objectName": model.name, "showHiddenGames": true})
|
|
stackView.push(appView)
|
|
}
|
|
visible: model.online && model.paired
|
|
}
|
|
NavigableMenuItem {
|
|
parentMenu: pcContextMenu
|
|
text: qsTr("Wake PC")
|
|
onTriggered: computerModel.wakeComputer(index)
|
|
visible: !model.online && model.wakeable
|
|
}
|
|
NavigableMenuItem {
|
|
parentMenu: pcContextMenu
|
|
text: qsTr("Test Network")
|
|
onTriggered: {
|
|
computerModel.testConnectionForComputer(index)
|
|
testConnectionDialog.open()
|
|
}
|
|
}
|
|
|
|
NavigableMenuItem {
|
|
parentMenu: pcContextMenu
|
|
text: qsTr("Rename PC")
|
|
onTriggered: {
|
|
renamePcDialog.pcIndex = index
|
|
renamePcDialog.originalName = model.name
|
|
renamePcDialog.open()
|
|
}
|
|
}
|
|
NavigableMenuItem {
|
|
parentMenu: pcContextMenu
|
|
text: qsTr("Delete PC")
|
|
onTriggered: {
|
|
deletePcDialog.pcIndex = index
|
|
// get confirmation first, actual closing is called from the dialog
|
|
deletePcDialog.open()
|
|
}
|
|
}
|
|
}
|
|
|
|
onClicked: {
|
|
if (model.online) {
|
|
if (model.paired) {
|
|
// go to game view
|
|
var component = Qt.createComponent("AppView.qml")
|
|
var appView = component.createObject(stackView, {"computerIndex": index, "objectName": model.name})
|
|
stackView.push(appView)
|
|
}
|
|
else {
|
|
if (!model.busy) {
|
|
var pin = computerModel.generatePinString()
|
|
|
|
// Kick off pairing in the background
|
|
computerModel.pairComputer(index, pin)
|
|
|
|
// Display the pairing dialog
|
|
pairDialog.pin = pin
|
|
pairDialog.open()
|
|
}
|
|
else {
|
|
// cannot pair while something is streaming or attempting to pair
|
|
errorDialog.text = qsTr("You cannot pair while a previous session is still running on the host PC. Quit any running games or reboot the host PC, then try pairing again.")
|
|
errorDialog.helpText = ""
|
|
errorDialog.open()
|
|
}
|
|
}
|
|
} else if (!model.online) {
|
|
// Using open() here because it may be activated by keyboard
|
|
pcContextMenu.open()
|
|
}
|
|
}
|
|
|
|
onPressAndHold: {
|
|
// popup() ensures the menu appears under the mouse cursor
|
|
if (pcContextMenu.popup) {
|
|
pcContextMenu.popup()
|
|
}
|
|
else {
|
|
// Qt 5.9 doesn't have popup()
|
|
pcContextMenu.open()
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
acceptedButtons: Qt.RightButton;
|
|
onClicked: {
|
|
parent.onPressAndHold()
|
|
}
|
|
}
|
|
|
|
Keys.onMenuPressed: {
|
|
// We must use open() here so the menu is positioned on
|
|
// the ItemDelegate and not where the mouse cursor is
|
|
pcContextMenu.open()
|
|
}
|
|
}
|
|
|
|
ErrorMessageDialog {
|
|
id: errorDialog
|
|
|
|
// Using Setup-Guide here instead of Troubleshooting because it's likely that users
|
|
// will arrive here by forgetting to enable GameStream or not forwarding ports.
|
|
helpUrl: "https://github.com/moonlight-stream/moonlight-docs/wiki/Setup-Guide"
|
|
}
|
|
|
|
NavigableMessageDialog {
|
|
id: pairDialog
|
|
|
|
// Pairing dialog must be modal to prevent double-clicks from triggering
|
|
// pairing twice
|
|
modal: true
|
|
closePolicy: Popup.CloseOnEscape
|
|
|
|
// don't allow edits to the rest of the window while open
|
|
property string pin : "0000"
|
|
text:qsTr("Please enter %1 on your GameStream PC. This dialog will close when pairing is completed.").arg(pin)
|
|
standardButtons: Dialog.Cancel
|
|
onRejected: {
|
|
// FIXME: We should interrupt pairing here
|
|
}
|
|
}
|
|
|
|
NavigableMessageDialog {
|
|
id: deletePcDialog
|
|
// don't allow edits to the rest of the window while open
|
|
property int pcIndex : -1;
|
|
text:qsTr("Are you sure you want to remove this PC?")
|
|
standardButtons: Dialog.Yes | Dialog.No
|
|
|
|
function deletePc() {
|
|
console.log("deleting PC pairing for PC at index: " + pcIndex)
|
|
computerModel.deleteComputer(pcIndex);
|
|
}
|
|
|
|
onAccepted: deletePc()
|
|
}
|
|
|
|
NavigableMessageDialog {
|
|
id: testConnectionDialog
|
|
closePolicy: Popup.CloseOnEscape
|
|
standardButtons: Dialog.Ok
|
|
|
|
onAboutToShow: {
|
|
testConnectionDialog.text = qsTr("Moonlight is testing your network connection to determine if NVIDIA GameStream is blocked.") + "\n\n" + qsTr("This may take a few seconds…")
|
|
showSpinner = true
|
|
}
|
|
|
|
function connectionTestComplete(result, blockedPorts)
|
|
{
|
|
if (result === -1) {
|
|
text = qsTr("The network test could not be performed because none of Moonlight's connection testing servers were reachable from this PC. Check your Internet connection or try again later.")
|
|
imageSrc = "qrc:/res/baseline-warning-24px.svg"
|
|
}
|
|
else if (result === 0) {
|
|
text = qsTr("This network does not appear to be blocking Moonlight. If you still have trouble connecting, check your PC's firewall settings.") + "\n\n" + qsTr("If you are trying to stream over the Internet, install the Moonlight Internet Hosting Tool on your gaming PC and run the included Internet Streaming Tester to check your gaming PC's Internet connection.")
|
|
imageSrc = "qrc:/res/baseline-check_circle_outline-24px.svg"
|
|
}
|
|
else {
|
|
text = qsTr("Your PC's current network connection seems to be blocking Moonlight. Streaming over the Internet may not work while connected to this network.") + "\n\n" + qsTr("The following network ports were blocked:") + "\n"
|
|
text += blockedPorts
|
|
imageSrc = "qrc:/res/baseline-error_outline-24px.svg"
|
|
}
|
|
|
|
// Stop showing the spinner and show the image instead
|
|
showSpinner = false
|
|
}
|
|
}
|
|
|
|
NavigableDialog {
|
|
id: renamePcDialog
|
|
property string label: qsTr("Enter the new name for this PC:")
|
|
property string originalName
|
|
property int pcIndex : -1;
|
|
|
|
standardButtons: Dialog.Ok | Dialog.Cancel
|
|
|
|
onOpened: {
|
|
// Force keyboard focus on the textbox so keyboard navigation works
|
|
editText.forceActiveFocus()
|
|
}
|
|
|
|
onClosed: {
|
|
editText.clear()
|
|
}
|
|
|
|
onAccepted: {
|
|
if (editText.text) {
|
|
computerModel.renameComputer(pcIndex, editText.text)
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
Label {
|
|
text: renamePcDialog.label
|
|
font.bold: true
|
|
}
|
|
|
|
TextField {
|
|
id: editText
|
|
placeholderText: renamePcDialog.originalName
|
|
Layout.fillWidth: true
|
|
focus: true
|
|
|
|
Keys.onReturnPressed: {
|
|
renamePcDialog.accept()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
ScrollBar.vertical: ScrollBar {}
|
|
}
|