app/resources/qml/Widgets/ProfileWidget.qml

/*
    blueROCK - for digital rock
    Copyright (C) 2019  Dorian Zedler

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

import QtQuick 2.9
import QtQuick.Controls 2.4
import QtQuick.Controls.Material 2.3
import QtGraphicalEffects 1.0

import "../Components"

Page {
    id: control

    title: widgetData["firstname"] + " " + widgetData["lastname"]
    property bool titleIsPageTitle: true
    property bool ready
    property int status: -1

    property int perId: -1

    property var widgetData: currentWidgetData

    Component.onCompleted: {
        control.ready = true
        control.status = 200
    }

    ScrollView {
        id: mainSv

        anchors.fill: parent
        anchors.margins: 20

        contentWidth: parent.width - anchors.margins * 2

        ScrollBar.vertical.policy: ScrollBar.AlwaysOff

        Column {
            id: mainCol

            width: parent.width

            Row {
                height: control.height * 0.3
                width: parent.width

                spacing: photoContainerItem.width * 0.1

                Item {
                    id: photoContainerItem
                    anchors.verticalCenter: parent.verticalCenter

                    height: parent.height * 0.9
                    width: photo.status === Image.Null || photo.status === Image.Error ? 0:parent.width * 0.4

                    RectangularGlow {
                        id: effect
                        visible: photo.ready
                        anchors.fill: photo
                        glowRadius: 1
                        opacity: 0.4
                        color: "black"
                        cornerRadius:  photo.width * 0.2
                    }

                    Image {
                        id: photo

                        property bool ready: photo.status === Image.Ready

                        anchors.centerIn: parent
                        height: parent.height * 0.9
                        width: height * 0.7

                        fillMode: Image.PreserveAspectCrop
                        mipmap: true

                        source: widgetData["photo"] === undefined ?
                                    "":
                                    widgetData["photo"].replace("https", "http")
                        asynchronous: true

                        FancyBusyIndicator {
                            height: width
                            anchors.centerIn: parent
                            opacity: photo.status === Image.Loading
                        }

                        layer.enabled: true
                        layer.effect: OpacityMask {
                            maskSource: Item {
                                width: photo.width
                                height: photo.height
                                Rectangle {
                                    anchors.centerIn: parent
                                    width: photo.width
                                    height: photo.height
                                    radius: photo.width * 0.2
                                }
                            }
                        }
                    }
                }

                Column {

                    anchors.verticalCenter: parent.verticalCenter

                    height: parent.height * 0.9
                    width: parent.width - photoContainerItem.width * 1.1

                    Label {

                        height: parent.height * 0.2
                        width: parent.width

                        font.pixelSize: height * 0.6
                        font.bold: true
                        minimumPixelSize: 1

                        fontSizeMode: Text.Fit

                        verticalAlignment: Text.AlignVCenter
                        horizontalAlignment: Text.AlignHCenter

                        text: widgetData["firstname"] + " " + widgetData["lastname"]
                    }

                    Label {
                        height: parent.height * 0.2
                        width: parent.width

                        font.pixelSize: height * 0.6
                        font.bold: false
                        minimumPixelSize: 1

                        fontSizeMode: Text.Fit

                        verticalAlignment: Text.AlignVCenter
                        horizontalAlignment: Text.AlignHCenter

                        text: widgetData["nation"]
                    }

                    Label {
                        height: parent.height * 0.15
                        width: parent.width

                        font.pixelSize: height * 0.6
                        font.bold: false
                        minimumPixelSize: 1

                        fontSizeMode: Text.Fit

                        verticalAlignment: Text.AlignVCenter
                        horizontalAlignment: Text.AlignHCenter

                        text: "<html><a href='" + widgetData["fed_url"] + "'>" + widgetData["federation"] + "</a>"

                        onLinkActivated: {
                            Qt.openUrlExternally(link)
                        }
                    }

                    Label {
                        height: parent.height * 0.15
                        width: parent.width

                        font.pixelSize: height * 0.6
                        font.bold: false
                        minimumPixelSize: 1

                        fontSizeMode: Text.Fit

                        verticalAlignment: Text.AlignVCenter
                        horizontalAlignment: Text.AlignHCenter

                        //% "Age"
                        text: qsTrId("age") + ": " + widgetData["age"]
                    }

                    Label {
                        height: parent.height * 0.15
                        width: parent.width

                        font.pixelSize: height * 0.6
                        font.bold: false
                        minimumPixelSize: 1

                        fontSizeMode: Text.Fit

                        verticalAlignment: Text.AlignVCenter
                        horizontalAlignment: Text.AlignHCenter

                        //% "Year of birth"
                        text:  qsTrId("yearOfBirth") + ": " + widgetData["birthdate"]
                    }

                    Label {
                        height: parent.height * 0.15
                        width: parent.width

                        font.pixelSize: height * 0.6
                        font.bold: false
                        minimumPixelSize: 1

                        fontSizeMode: Text.Fit

                        verticalAlignment: Text.AlignVCenter
                        horizontalAlignment: Text.AlignHCenter

                        //% "City"
                        text:  qsTrId("city") + ": " + widgetData["city"]
                    }
                }

            }

            Label {
                anchors.horizontalCenter: parent.horizontalCenter

                visible: bestResultsRep.model > 0

                width: parent.width

                wrapMode: Label.Wrap

                text: widgetData["freetext"] === undefined ?
                          "":
                          (widgetData["freetext"] + "<br>")

            }

            Rectangle {
                id: separatorLine

                anchors.horizontalCenter: parent.horizontalCenter

                height: 1
                width: parent.width

                color: Material.foreground

            }

            Button {
                id: toggleAllResultsBt
                anchors.horizontalCenter: parent.horizontalCenter

                visible: bestResultsRep.model > 0

                flat: true

                text: bestResultsRep.showAllResults ?
                          //% "Show best results"
                          qsTrId("showBestResults"):
                          //% "Show all results"
                          qsTrId("showAllResults")

                onClicked: {
                    bestResultsRep.showAllResults = !bestResultsRep.showAllResults
                }

                Behavior on text {
                    FadeAnimation {
                        target: toggleAllResultsBt
                        fadeDuration: 150
                    }
                }

            }

            Repeater {
                id: bestResultsRep

                property var bestResults: showAllResults ? getAllResults() : getBestResults()
                property bool showAllResults: false

                function getBestResults(){

                    var allResults = control.widgetData["results"]

                    allResults.sort(function(a, b) {
                        // sort results by weight
                        var year = new Date().getFullYear();
                        var weightA = a.rank/2 + (year-parseInt(a.date)) + 4*!a.nation;
                        var weightB = b.rank/2 + (year-parseInt(b.date)) + 4*!b.nation;
                        return weightA - weightB;
                    });

                    var bestResults = allResults.slice(0,12)

                    bestResults.sort(function(a, b) {
                        // sort results by date
                        var aTs = Date.fromLocaleString(Qt.locale(), a["date"], "yyyy-MM-dd").getTime()
                        var bTs = Date.fromLocaleString(Qt.locale(), b["date"], "yyyy-MM-dd").getTime()
                        return bTs - aTs;
                    });

                    return bestResults
                }

                function getAllResults() {
                    var allResults = control.widgetData["results"]

                    allResults.sort(function(a, b) {
                        // sort results by date
                        var aTs = Date.fromLocaleString(Qt.locale(), a["date"], "yyyy-MM-dd").getTime()
                        var bTs = Date.fromLocaleString(Qt.locale(), b["date"], "yyyy-MM-dd").getTime()
                        return bTs - aTs;
                    });

                    return allResults
                }

                width: parent.width

                model: bestResults.length

                delegate: Row {
                    id: bestResultRow

                    property var thisData: bestResultsRep.bestResults[index]

                    width: parent.width
                    height: 50
                    spacing: width * 0.05

                    opacity: 0
                    scale: 0.9

                    onThisDataChanged: {
                        fadeInPa.start()
                    }

                    ParallelAnimation {
                        id: fadeInPa
                        NumberAnimation { target: bestResultRow; property: "opacity"; from: 0; to: 1.0; duration: 400 }
                        NumberAnimation { target: bestResultRow; property: "scale"; from: 0.8; to: 1.0; duration: 400 }
                    }

                    Label {
                        id: bestResultRankLa

                        width: parent.width * 0.1
                        height: parent.height

                        verticalAlignment: Text.AlignVCenter
                        horizontalAlignment: Text.AlignLeft

                        fontSizeMode: Text.Fit
                        minimumPixelSize: 1

                        font.pixelSize: height * 0.6

                        text: bestResultsRep.bestResults[index]["rank"]
                    }

                    Label {
                        id: bestResultCompLa

                        width: parent.width * 0.6
                        height: parent.height

                        verticalAlignment: Text.AlignVCenter
                        horizontalAlignment: Text.AlignLeft

                        fontSizeMode: Text.Fit
                        minimumPixelSize: height * 0.3

                        font.pixelSize: height * 0.3

                        elide: "ElideRight"

                        text: "<html><a href='#'>" + bestResultsRep.bestResults[index]["name"] + "</a></html>"

                        onLinkActivated: {
                            app.openWidget( { comp: bestResultsRep.bestResults[index]["WetId"], cat: bestResultsRep.bestResults[index]["GrpId"] } )
                        }
                    }

                    Label {
                        id: bestResultDateLa

                        width: parent.width * 0.2
                        height: parent.height

                        scale: 0.8

                        verticalAlignment: Text.AlignVCenter
                        horizontalAlignment: Text.AlignRight

                        fontSizeMode: Text.Fit
                        minimumPixelSize: 1

                        font.pixelSize: height * 0.6

                        text: bestResultsRep.bestResults[index]["date"]
                    }
                }
            }

        }
    }
}