GeneralChart.init();

Distribyted.dashboard = {
    _cacheChart: new CacheChart("main-cache-chart", "Cache disk"),
    loadView: function () {
        fetch('/api/status')
            .then(function (response) {
                if (response.ok) {
                    return response.json();
                } else {
                    Distribyted.message.error('Error getting data from server. Response: ' + response.status)
                }
            }).then(function (stats) {
                var download = stats.torrentStats.downloadedBytes / stats.torrentStats.timePassed;
                var upload = stats.torrentStats.uploadedBytes / stats.torrentStats.timePassed;

                GeneralChart.update(download, upload);

                Distribyted.dashboard._cacheChart.update(stats.cacheFilled, stats.cacheCapacity - stats.cacheFilled);

                document.getElementById("general-download-speed").innerText =
                    Humanize.ibytes(download, 1024) + "/s";

                document.getElementById("general-upload-speed").innerText =
                    Humanize.ibytes(upload, 1024) + "/s";
            })
            .catch(function (error) {
                Distribyted.message.error('Error getting status info: ' + error.message)
            });
    }
}