working ish website

statics/selfservice/student.html

@@ -0,0 +1,94 @@
+<!-- FILEPATH: /D:/Git/satitm-sso-node/statics/selfservice/student.html -->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<style>
+    .student-box {
+        background-color: #f2f2f2;
+        border-radius: 10px;
+        padding: 20px;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        max-width: 400px;
+        margin: 0 auto;
+    }
+
+    .inner-box {
+        margin-bottom: 20px;
+    }
+
+    h2 {
+        font-size: 20px;
+        margin-bottom: 10px;
+    }
+
+    p {
+        margin: 5px 0;
+    }
+
+    .linked-parent {
+        margin-bottom: 20px;
+    }
+
+    button {
+        background-color: #4CAF50;
+        color: white;
+        border: none;
+        padding: 10px 20px;
+        text-align: center;
+        text-decoration: none;
+        display: inline-block;
+        font-size: 16px;
+        border-radius: 5px;
+        cursor: pointer;
+    }
+
+    #generate-token-btn {
+        background-color: #007bff;
+        margin-right: 10px;
+    }
+
+    #logout-btn {
+        background-color: #dc3545;
+    }
+</style>
+
+<div class="student-box">
+    <div class="inner-box">
+        <h2>Student Information</h2>
+        <p><span id="student-name">Name:</span> </p>
+        <p><span id="student-surname">Surname:</span> </p>
+        <p><span id="student-email">Email:</span> </p>
+    </div>
+    
+    <div class="linked-parent">
+        <h2>Linked Parent</h2>
+        <p><span id="linked-parent-info"></span></p>
+    </div>
+    
+    <button id="generate-token-btn">Generate Parent Link Token</button>
+    
+    <a href="/selfservice/api/logout" style="text-decoration: none;">
+        <button id="logout-btn">Logout</button>
+    </a>
+</div>
+
+<script>
+    // Get student information on page load
+    // Student information is at /selfservice/api/student/${upn}
+    // UPN can be obtained from /selfservice/api/whoami
+    $(document).ready(function() {
+        $.get('/selfservice/api/whoami')
+            .done(function(response) {
+                $.get(`/selfservice/api/student/${response.upn}`)
+                    .done(function(student) {
+                        $('#student-name').text(`Name: ${student.first_name}`);
+                        $('#student-surname').text(`Surname: ${student.last_name}`);
+                        $('#student-email').text(`Email: ${student.username}`);
+                    })
+                    .fail(function() {
+                        alert('Failed to get student information');
+                    });
+            })
+            .fail(function() {
+                alert('Failed to get user information');
+            });
+    });
+</script>