ScreenPlay/Content/widget_xkcd/main.qml

// SPDX-License-Identifier: BSD-3-Clause

import QtQuick
import QtQuick.Controls
import QtQuick.Effects
import QtQuick.Particles

Item {
    id: root
    implicitWidth: 360
    implicitHeight: 360

    Image {
        id: img
        anchors.fill: parent
        onStatusChanged: {
            if (img.status !== Image.Ready)
                return
            if(img.sourceSize.width === 0 || img.sourceSize.height === 0)
                return
            root.implicitHeight = img.sourceSize.height
            root.implicitWidth = img.sourceSize.width
        }

        fillMode: Image.PreserveAspectCrop
    }

    Component.onCompleted: {
        request("http://xkcd.com/info.0.json", function (o) {
            if (o.status === 200) {
                var d = eval('new Object(' + o.responseText + ')')
                console.log(o.responseText)
                img.source = d.img
            } else {
                console.log("Some error has occurred")
            }
        })
    }

    function request(url, callback) {
        var xhr = new XMLHttpRequest()
        xhr.onreadystatechange = (function (myxhr) {
            return function () {
                if (myxhr.readyState === 4)
                    callback(myxhr)
            }
        })(xhr)
        xhr.open('GET', url)
        xhr.send('')
    }
}