From 670655326ec305797b2c460b42e7ee53b057082e Mon Sep 17 00:00:00 2001
From: Frederick Yin <fkfd@fkfd.me>
Date: Tue, 5 Apr 2022 17:18:14 +0800
Subject: Add basic canvas API request and related config

---
 contents/ui/main.qml | 33 ++++++++++++++++++++++++++++++---
 1 file changed, 30 insertions(+), 3 deletions(-)

(limited to 'contents/ui/main.qml')

diff --git a/contents/ui/main.qml b/contents/ui/main.qml
index c78ba5e..33c12b6 100644
--- a/contents/ui/main.qml
+++ b/contents/ui/main.qml
@@ -2,6 +2,7 @@ import QtQuick 2.15
 import QtQuick.Layouts 1.15
 import QtQuick.Controls 2.15
 
+import org.kde.plasma.plasmoid 2.0
 import org.kde.plasma.core 2.0 as PlasmaCore
 import org.kde.plasma.components 2.0 as PlasmaComponents
 import org.kde.plasma.components 3.0 as PlasmaComponents3
@@ -11,11 +12,31 @@ Item {
     width: PlasmaCore.Units.gridUnit * 20
     height: PlasmaCore.Units.gridUnit * 40
 
+    readonly property string canvasUrl: plasmoid.configuration.canvasUrl
+    readonly property string apiEndpoint: `${canvasUrl.replace(/\/$/, "")}/api/v1`
+    readonly property string oauth2Token: plasmoid.configuration.oauth2Token
+    readonly property string authHeader: `Bearer ${oauth2Token}`
+
     function syncCanvas() {
-        // TODO: networking
-        for (let i = 0; i < 8; i++) {
-            announcementsModel.append({course: `VZ${i}01`, title: "Something"})
+        let xhr = new XMLHttpRequest()
+        xhr.open("GET", `${apiEndpoint}/courses`)
+        xhr.setRequestHeader("Authorization", authHeader)
+        xhr.onload = function () {
+            if (xhr.status == 200) {
+                try {
+                    let courses = JSON.parse(xhr.responseText)
+                    for (let c of courses) {
+                        announcementsModel.append({course: c.name, title: ""})
+                    }
+                } catch (e) {
+                    if (e instanceof SyntaxError) { console.error("Cannot parse JSON:") }
+                    else { throw e }
+                }
+            } else {
+                console.error("XHR failed")
+            }
         }
+        xhr.send()
     }
 
     Timer {
@@ -25,9 +46,15 @@ Item {
         onTriggered: syncCanvas();
     }
 
+    Plasmoid.preferredRepresentation: Plasmoid.fullRepresentation
+
+    Plasmoid.fullRepresentation: main
+
     ColumnLayout {
         id: main
         anchors.fill: parent
+        width: PlasmaCore.Units.gridUnit * 20
+        height: PlasmaCore.Units.gridUnit * 40
 
         PlasmaExtras.Heading {
             level: 1
-- 
cgit v1.2.3