meteo + parameter

    Rectangle{
        id:meteoContainer
        x:35
        y:35
        width: 350
        height: 200
        color: "#243665"
        opacity: 0
        radius : 20
        Rectangle {
            id : hideButtoncontainer
            width: 130
            height : 25
            x :(meteoContainer.width/2 - hideButton.width/2)
            y : -hideButton.height -5
            radius : 5
            color: "#243665"

            Text {
                id: desaffichermeteo
                x: 8
                y: 2
                width: 105
                height: 25
                text: "Enlever météo"
                color: "white"
            }
            Image {
                id: upArrow
                source: "qrc:/Images/move-to-next.png"
                x : 105
                y : 0
                rotation: 270
                width: 25
                height: 25
                fillMode: Image.PreserveAspectFit


            }
        }

        Button{
            id: hideButton
            width: 130
            height : 25
            x :(meteoContainer.width/2 - hideButton.width/2)
            y : -hideButton.height - 5
            opacity: 0


            /*Rectangle{
                radius : 10
                color:"#243665"
                opacity: 0.9
            }*/

            onClicked:{
                animationOFFopacity.running = true;
                animationOFFx.running = true;
                animationOFFopacity2.running = true;

            }
        }
        WeatherAddon{
            id:element
        }
        PropertyAnimation {
            id: animationOFFx;
            target: meteoContainer;
            property: "y";
            to: 35;
            duration: 400
        }
        PropertyAnimation{
            id : animationOFFopacity
            target: meteoContainer
            property: "opacity"
            to : 0
            duration: 200
        }
    }


    Rectangle {
        id: rectangleparameter
        x: 35
        y: 35
        width: 350
        height: 390
        color: "#243665"
        opacity: 0.9
        radius : 20

        Keys.onPressed: {
            if(event.key === Qt.Key_Enter){
                valider.validate();
            }
        }

        PropertyAnimation{
            id : animationOFFopacity2
            target: showButtoncontainer
            property: "opacity"
            to : 1
            duration: 200
        }

        PropertyAnimation{
            id : animationONopacity2
            target: showButtoncontainer
            property: "opacity"
            to : 0
            duration: 200
        }

        Rectangle {
            id : showButtoncontainer
            width: 75
            height : 25
            x :(rectangleparameter.width/2 - showButton.width/2)
            y : rectangleparameter.height + 5
            radius : 5
            color: "#243665"

            Text {
                id: affichermeteo
                x: 8
                y: 2
                width: 50
                height: 25
                text: "météo"
                color: "white"
            }
            Image {
                id: downArrow
                source: "qrc:/Images/move-to-next.png"
                x : 50
                y : 0
                rotation: 90
                width: 25
                height: 25
                fillMode: Image.PreserveAspectFit


            }
        }


        Button{
            id: showButton
            width: 75
            height : 25
            x :(rectangleparameter.width/2 - showButton.width/2)
            y : rectangleparameter.height + 5
            opacity : 0
            onClicked:{
                animationONopacity.running = true;
                animationONx.running = true;
                animationONopacity2.running = true;
            }
        }

        PropertyAnimation {
            id: animationONx;
            target: meteoContainer;
            property: "y";
            to: 550;
            duration: 400
        }
        PropertyAnimation{
            id : animationONopacity
            target: meteoContainer
            property: "opacity"
            to : 0.9
            duration: 400
        }