fanny-app/qml/Forms/EventForm.qml

import QtQuick 2.9
import QtQuick.Controls 2.2
import QtGraphicalEffects 1.0
import "../Components"

Page {
    id: root
    //anchors.fill: parent
    property string day
    title: qsTr("Vertretungsplan")
    property string icon: "qrc:/graphics/FannyLogo_small.png"
    property string link: "http://www.fanny-leicht.de/j34"
    property int status: -1

    signal opened()

    onOpened: {
    }

    //    Image{
    //        source: "qrc:/graphics/chat_background.jpg";
    //        height: parent.height
    //        width: parent.width
    //        fillMode: Image.Tile
    //        horizontalAlignment: Image.AlignLeft
    //        verticalAlignment: Image.AlignTop
    //    }
    //    LinearGradient {
    //        anchors.fill: parent
    //        start: Qt.point(0, 0)
    //        end: Qt.point(0, parent.height)
    //        gradient: Gradient {
    //            GradientStop { position: 0.0; color: "#4db2b3" }
    //            GradientStop { position: 1.0; color: "#8f4dae" }
    //        }
    //    }

    Loader {
        id: pageLoader

        property string newSource: ""

        onNewSourceChanged: {
            oldItemAnimation.start()
        }

        anchors.fill: parent
        source: "./LoadingForm.qml"

        onSourceChanged: newItemAnimation.start()

        NumberAnimation {
            id: newItemAnimation
            target: pageLoader.item
            property: "opacity"
            from: 0
            to: 1
            duration: 200
            easing.type: Easing.InExpo
        }

        NumberAnimation {
            id: oldItemAnimation
            target: pageLoader.item
            property: "opacity"
            from: 1
            to: 0
            duration: 200
            easing.type: Easing.InExpo

            onRunningChanged: {
                if(!running){
                    pageLoader.source = pageLoader.newSource
                }
            }
        }

        Connections {
            target: pageLoader.item
            onRefresh: {
                pageLoader.newSource = "./LoadingForm.qml"
                loadTimer.start()
            }
        }
    }

    Timer {
        id: loadTimer
        interval: 500
        running: true
        repeat: false
        onTriggered: {
            status = serverConn.getEvents(day)
            pageLoader.newSource = "../Components/EventView.qml"
        }
    }

    InfoArea {
        id: infoArea

        anchors {
            left: parent.left
            right: parent.right
            top: parent.top
            margins: app.landscape() ? parent.width * 0.4:parent.width * 0.3
            topMargin: parent.height*( status === 901 ? 0.6:0.5) - height * 0.8
        }

        errorCode: status
    }
}