Homepage.qml

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

import Utils 1.0
import MaterialIcons 2.2
import Controls 1.0

Page {
    id: root

    onVisibleChanged: {
        logo.playing = false
        if (visible) {
            logo.playing = true
        }
    }

    MSplitView {
        id: splitView
        orientation: Qt.Horizontal
        anchors.fill: parent

        Item {
            SplitView.minimumWidth: 250
            SplitView.preferredWidth: 330
            SplitView.maximumWidth: 500

            ColumnLayout {
                id: leftColumn
                anchors.fill: parent
                spacing: 20

                AnimatedImage {
                    id: logo
                    property var ratio: sourceSize.width / sourceSize.height
                    Layout.fillWidth: true
                    fillMode: Image.PreserveAspectFit
                    // Enforce aspect ratio of the component, as the fillMode does not do the job
                    Layout.preferredHeight: width / ratio
                    smooth: true
                    source: "../img/meshroom-anim-once.gif"
                }

                ColumnLayout {
                    Layout.fillWidth: true
                    Layout.fillHeight: true
                    Layout.margins: 5
                    Layout.leftMargin: 20

                    property real buttonFontSize: 14

                    MaterialToolLabelButton {
                        id: manualButton
                        iconText: MaterialIcons.open_in_new
                        label: "Manual"
                        font.pointSize: parent.buttonFontSize
                        Layout.fillWidth: true
                        onClicked: Qt.openUrlExternally("https://meshroom-manual.readthedocs.io")
                    }

                    MaterialToolLabelButton {
                        id: releaseNotesButton
                        iconText: MaterialIcons.open_in_new
                        label: "Release Notes"
                        font.pointSize: parent.buttonFontSize
                        Layout.fillWidth: true
                        onClicked: Qt.openUrlExternally("https://github.com/alicevision/Meshroom/blob/develop/CHANGES.md")
                    }

                    MaterialToolLabelButton {
                        id: websiteButton
                        iconText: MaterialIcons.open_in_new
                        label: "Website"
                        font.pointSize: parent.buttonFontSize
                        Layout.fillWidth: true
                        onClicked: Qt.openUrlExternally("https://alicevision.org")
                    }
                }

                ColumnLayout {
                    id: sponsors
                    Layout.fillWidth: true
                    Layout.alignment: Qt.AlignHCenter
                    spacing: 5

                    Item {
                        // Empty area that expands
                        Layout.fillWidth: true
                        Layout.fillHeight: true
                    }

                    Label {
                        Layout.alignment: Qt.AlignHCenter
                        text: "Sponsors"
                    }

                    RowLayout {
                        id: brandsRow

                        Layout.fillWidth: true
                        Layout.alignment: Qt.AlignHCenter
                        spacing: 20

                        Image {
                            source: "../img/MPC.png"

                            MouseArea {
                                anchors.fill: parent
                                cursorShape: Qt.PointingHandCursor
                                onClicked: Qt.openUrlExternally("https://www.mpcvfx.com/")

                                hoverEnabled: true
                                ToolTip.visible: containsMouse
                                ToolTip.text: "MPC - Moving Picture Company"
                            }
                        }

                        Image {
                            source: "../img/MILL.png"

                            MouseArea {
                                anchors.fill: parent
                                cursorShape: Qt.PointingHandCursor
                                onClicked: Qt.openUrlExternally("https://www.themill.com/")

                                hoverEnabled: true
                                ToolTip.visible: containsMouse
                                ToolTip.text: "The Mill"
                            }
                        }

                        Image {
                            source: "../img/MIKROS.png"

                            MouseArea {
                                anchors.fill: parent
                                cursorShape: Qt.PointingHandCursor
                                onClicked: Qt.openUrlExternally("https://www.mikrosanimation.com/")

                                hoverEnabled: true
                                ToolTip.visible: containsMouse
                                ToolTip.text: "Mikros Animation"
                            }
                        }
                    }

                    RowLayout {
                        id: academicRow

                        Layout.fillWidth: true
                        Layout.alignment: Qt.AlignHCenter
                        spacing: 28

                        Image {
                            source: "../img/logo_IRIT.png"

                            MouseArea {
                                anchors.fill: parent
                                cursorShape: Qt.PointingHandCursor
                                onClicked: Qt.openUrlExternally("https://www.irit.fr/en/departement/dep-hpc-simulation-optimization/reva-team")

                                hoverEnabled: true
                                ToolTip.visible: containsMouse
                                ToolTip.text: "IRIT - Institut de Recherche en Informatique de Toulouse"
                            }
                        }

                        Image {
                            source: "../img/logo_CTU.png"

                            MouseArea {
                                anchors.fill: parent
                                cursorShape: Qt.PointingHandCursor
                                onClicked: Qt.openUrlExternally("http://aag.ciirc.cvut.cz")

                                hoverEnabled: true
                                ToolTip.visible: containsMouse
                                ToolTip.text: "CTU - Czech Technical University in Prague"
                            }
                        }

                        Image {
                            source: "../img/logo_uio.png"

                            MouseArea {
                                anchors.fill: parent
                                cursorShape: Qt.PointingHandCursor
                                onClicked: Qt.openUrlExternally("https://www.mn.uio.no/ifi/english/about/organisation/dis")

                                hoverEnabled: true
                                ToolTip.visible: containsMouse
                                ToolTip.text: "UiO - University of Oslo"
                            }
                        }

                        Image {
                            source: "../img/logo_enpc.png"

                            MouseArea {
                                anchors.fill: parent
                                cursorShape: Qt.PointingHandCursor
                                onClicked: Qt.openUrlExternally("https://imagine-lab.enpc.fr")

                                hoverEnabled: true
                                ToolTip.visible: containsMouse
                                ToolTip.text: "ENPC - Ecole des Ponts ParisTech"
                            }
                        }
                    }

                    MaterialToolLabelButton {
                        Layout.topMargin: 10
                        Layout.bottomMargin: 10
                        Layout.alignment: Qt.AlignHCenter
                        label: "Support AliceVision"
                        iconText: MaterialIcons.favorite

                        // Slightly "extend" the clickable area for the button while preserving the centered layout
                        iconItem.leftPadding: 15
                        labelItem.rightPadding: 15

                        onClicked: Qt.openUrlExternally("https://alicevision.org/association/#donate")
                    }
                }
            }
        }
        
        ColumnLayout {
            id: rightColumn
            SplitView.minimumWidth: 300
            SplitView.fillWidth: true

            TabPanel {
                id: tabPanel
                tabs: ["Pipelines", "Projects"]

                Layout.fillWidth: true
                Layout.fillHeight: true

                ListView {
                    id: pipelinesListView
                    visible: tabPanel.currentTab === 0

                    anchors.fill: parent
                    anchors.margins: 10

                    model: [{ "name": "New Empty Project", "path": null }].concat(MeshroomApp.pipelineTemplateFiles)

                    delegate: Button {
                        id: pipelineDelegate
                        padding: 10
                        width: pipelinesListView.width

                        contentItem: Label {
                            id: pipeline
                            horizontalAlignment: Text.AlignLeft
                            verticalAlignment: Text.AlignVCenter
                            text: modelData["name"]
                        }

                        Connections {
                            target: pipelineDelegate
                            function onClicked() {
                                // Open pipeline
                                mainStack.push("Application.qml")
                                _currentScene.new(modelData["path"])
                            }
                        }
                    }
                }

                GridView {
                    id: homepageGridView
                    visible: tabPanel.currentTab === 1
                    anchors.fill: parent
                    anchors.topMargin: cellHeight * 0.1

                    cellWidth: 195
                    cellHeight: cellWidth
                    anchors.margins: 10

                    model: {
                        // Request latest thumbnail paths
                        if (mainStack.currentItem instanceof Homepage)
                            MeshroomApp.updateRecentProjectFilesThumbnails()
                        return [{"path": null, "thumbnail": null, "status": null}].concat(MeshroomApp.recentProjectFiles)
                    }

                    // Update grid item when corresponding thumbnail is computed
                    Connections {
                        target: ThumbnailCache
                        function onThumbnailCreated(imgSource, callerID) {
                            let item = homepageGridView.itemAtIndex(callerID);  // item is an Image
                            if (item && item.source === imgSource) {
                                item.updateThumbnail()
                                return
                            }
                            // fallback in case the Image cellID changed
                            for (let idx = 0; idx < homepageGridView.count; idx++) {
                                item = homepageGridView.itemAtIndex(idx)
                                if (item && item.source === imgSource) {
                                    item.updateThumbnail()
                                }
                            }
                        }
                    }

                    delegate: Column {
                        id: projectContent

                        width: homepageGridView.cellWidth
                        height: homepageGridView.cellHeight

                        property var source: modelData["thumbnail"] ? Filepath.stringToUrl(modelData["thumbnail"]) : ""

                        function updateThumbnail() {
                            thumbnail.source = ThumbnailCache.thumbnail(source, homepageGridView.currentIndex)
                        }

                        onSourceChanged: updateThumbnail()

                        Button {
                            id: projectDelegate
                            height: homepageGridView.cellHeight * 0.95 - project.height
                            width: homepageGridView.cellWidth * 0.9

                            // Handle case where the file is missing
                            property bool fileExists: modelData["status"] != 0
                            opacity: fileExists ? 1.0 : 0.3

                            ToolTip.visible: hovered
                            ToolTip.text: modelData["path"] ? modelData["path"] : "Open browser to select a project file"

                            font.family: MaterialIcons.fontFamily
                            font.pointSize: 24

                            text: modelData["path"] ? (modelData["thumbnail"] ? "" : MaterialIcons.description) : MaterialIcons.folder_open
                            
                            MouseArea {
                                anchors.fill: parent
                                acceptedButtons: Qt.LeftButton | Qt.RightButton
                                hoverEnabled: true

                                onClicked: function(mouse) {

                                    if (mouse.button === Qt.RightButton) {

                                        if (!modelData["path"]) { return }

                                        projectContextMenu.x = mouse.x
                                        projectContextMenu.y = mouse.y
                                        projectContextMenu.open()
                                        return
                                        
                                    }
                                        
                                    if (!modelData["path"]) {
                                        initFileDialogFolder(openFileDialog)
                                        openFileDialog.open()
                                    } 
                                    
                                    else {
                                        // Open project
                                        mainStack.push("Application.qml")
                                        if (_currentScene.load(modelData["path"])) {
                                            MeshroomApp.addRecentProjectFile(modelData["path"])
                                        }
                                    }
                                    
                                }

                            }

                            Menu {
                                id: projectContextMenu

                                MenuItem {
                                    enabled: projectDelegate.fileExists
                                    text: "Open"
                                    onTriggered: {                                        
                                        if (_currentScene.load(modelData["path"])) {
                                            mainStack.push("Application.qml")
                                            MeshroomApp.addRecentProjectFile(modelData["path"])
                                        }
                                    }
                                }

                                MenuItem {
                                    text: "Copy Path"
                                    onTriggered: {                                        
                                        Clipboard.clear()
                                        Clipboard.setText(modelData["path"])
                                    }
                                }

                                MenuItem {
                                    text: "Delete"
                                    onTriggered: {
                                        MeshroomApp.removeRecentProjectFile(modelData["path"])
                                    }
                                }
                            }

                            Image {
                                id: thumbnail
                                visible: modelData["thumbnail"]
                                cache: false
                                asynchronous: true

                                fillMode: Image.PreserveAspectCrop

                                width: projectDelegate.width
                                height: projectDelegate.height
                            }

                            BusyIndicator {
                                anchors.centerIn: parent
                                running: homepageGridView.visible && modelData["thumbnail"] && thumbnail.status != Image.Ready
                                visible: running
                            }

                        }
                        Label {
                            id: project
                            anchors.horizontalCenter: projectDelegate.horizontalCenter
                            horizontalAlignment: Text.AlignHCenter
                            width: projectDelegate.width
                            elide: Text.ElideMiddle
                            text: modelData["path"] ? Filepath.basename(modelData["path"]) : "Open Project"
                            maximumLineCount: 1
                            font.pointSize: 10
                        }
                    }
                }
            }
        }
    }
}