Fonction GetSystem, ListSystems et listWaypointsInSyste fini

.gitignore

@@ -0,0 +1,2 @@
+index.html
+script.js

css/style.css

@@ -1,5 +0,0 @@
-canvas {
-    width: 50%;
-    border: 2px solid black;
-    border-radius: 5px;
-}

js/main.js

@@ -1,113 +0,0 @@
-let token = "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZGVudGlmaWVyIjoiQU5OTk5VTEFYMTIyNSIsInZlcnNpb24iOiJ2Mi4xLjEiLCJyZXNldF9kYXRlIjoiMjAyMy0xMS0wNCIsImlhdCI6MTcwMDIyNDU5MSwic3ViIjoiYWdlbnQtdG9rZW4ifQ.r05mWtD5FjC4s6Td-ycmHdzL7C2s75lz3q7OBmWeCqUUZ1ejPsRGQRWJDPmIh1kAqO4D9FFs3GCTPZUn1KsnQ-xmDvsIi_mqC1gJV-Q0irI7gwfsGXbfLaVCXo-Q98C_QWRh-O_xkrbhJkCcvnwdEhZm7FnZ3PL4XXKrG0XNa98JrnmG0qlz0cv8V9Q0sSIwXZbvA9BrhuV8PK7_YzPc6LZuNqgPeKiX_B-tSIHHl6Sr1EzuydnczmuS-xKQnbhmcqnpaCXzQmJr7tA8KLgu70KqpPCvA8AI6PLmBlvPWtZ20RdzezqlBh6S9SrBzQ9R0zr_9RyJxq28ws2jnHpVPw";
-let offset = {
-    x: 10,
-    y: 10
-};
-
-function initGame() {
-    const settings = {
-        async: true,
-        crossDomain: true,
-        url: 'https://api.spacetraders.io/v2/register',
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          Accept: 'application/json'
-        },
-        processData: false,
-        data: '{\n  "faction": "COSMIC",\n  "symbol": "ANNNNulax1225",\n  "email": ""\n}'
-    };
-    
-    $.ajax(settings).done(function (response) {
-        console.log(response);
-    });
-}
-
-function getAgent() {
-    const settings = {
-        async: true,
-        crossDomain: true,
-        url: 'https://api.spacetraders.io/v2/my/agent',
-        method: 'GET',
-        headers: {
-        Accept: 'application/json',
-        Authorization: `Bearer ${token}`
-        }
-    };
-    $.ajax(settings).done(function (reponse) {
-        $('.main-window').prepend(`
-        <article class="agent-card">
-            <p class="account">${reponse.data.accountId}</p>
-            <p class="symbol">${reponse.data.symbol}</p>
-            <p class="headquarters">${reponse.data.headquarters}</p>
-            <p class="credits">${reponse.data.credits}</p>
-            <p class="startingFaction">${reponse.data.startingFaction}</p>
-            <p class="shipCount">${reponse.data.shipCount}</p>
-        </article>
-        `);
-        let metaSystem = reponse.data.headquarters.split("-");
-        getSystem(metaSystem[0] + "-" + metaSystem[1]);
-    });
-}
-
-function getWayPoint(wayPoint) {
-    const settings = {
-        async: true,
-        crossDomain: true,
-        url: `https://api.spacetraders.io/v2/systems/systemSymbol/waypoints/waypointSymbol`,
-        method: 'GET',
-        headers: {
-            Accept: 'application/json'
-        }
-    };
-      
-    $.ajax(settings).done(function (response) {
-        console.log(response);
-    });
-};
-
-function getSystem(system) {
-    const settings = {
-        async: true,
-        crossDomain: true,
-        url: `https://api.spacetraders.io/v2/systems/${system}`,
-        method: 'GET',
-        headers: {
-            Accept: 'application/json'
-        }
-    };
-      
-    $.ajax(settings).done(function (response) {
-        drawSystem(response.data.waypoints);
-    });
-}
-
-function drawSystem(wayPoints) {
-    const canvas = document.getElementById("canvas");
-    let w = canvas.width;
-    let h = canvas.height; 
-    const ctx = canvas.getContext("2d");
-    wayPoints.forEach(wayPoint => {
-        switch (wayPoint.type) {
-            case "PLANET": 
-                drawWaypoint(wayPoint, ctx, w/2, h/2, 'green');
-                break;
-            case "ASTEROID": 
-                drawWaypoint(wayPoint, ctx, w/2, h/2, 'blue');
-                break;
-            case "GAS_GIANT": 
-                drawWaypoint(wayPoint, ctx, w/2, h/2, 'red');
-                break;    
-        }
-       
-    });
-}
-
-function drawWaypoint(wayPoint, ctx, w, h, color) {
-    ctx.beginPath();
-    ctx.fillStyle = color;
-    ctx.arc(wayPoint.x/offset.x + w, wayPoint.y/offset.y + h, 1, 0, 2 * Math.PI);
-    ctx.fill()
-}
-
-getAgent();

systems.js

@@ -0,0 +1,72 @@
+export async function listSystems(limit, pages){
+    let systems = [];
+
+    for(let page = 1; page <= pages; page++){
+        await $.ajax('https://api.spacetraders.io/v2/systems/', {
+            method: 'GET',
+            headers: {
+                Accept: 'application/json',
+            },
+            data: {
+                limit: limit,
+                page: page
+            },
+            success: function(response){
+                response.data.forEach(sytem => {
+                    systems.push(sytem);
+                });
+            },
+            error: function(error){
+                console.log(error);
+            }
+        });
+    }
+
+    return systems;
+}
+
+export async function getSystem(systemSymbol){
+    let system;
+    
+    await $.ajax(`https://api.spacetraders.io/v2/systems/${systemSymbol}`, {
+        method: 'GET',
+        headers: {
+            Accept: 'application/json'
+        },
+        success: function(response){
+            system = response.data;
+        },
+        error: function(error){
+            console.log(error);
+        }
+    });
+
+    return system;
+}
+
+export async function listWaypointsInSystem(limit, pages){
+    let waypoints = [];
+
+    for(let page = 1; page <= pages; page++){
+        await $.ajax('https://api.spacetraders.io/v2/systems/systemSymbol/waypoints', {
+            method: 'GET',
+            headers: {
+                Accept: 'application/json',
+            },
+            data: {
+                limit: limit,
+                page: page
+            },
+            success: function(response){
+                response.data.forEach(sytem => {
+                    systems.push(sytem);
+                });
+            },
+            error: function(error){
+                console.log(error);
+            }
+        });
+    }
+
+    return waypoints;
+}

templates/index.html

@@ -1,19 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="../css/style.css">
-    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
-    <script src="../js/main.js"></script>
-    <title>Space traders</title>
-</head>
-<body>
-    <main class="main-window">
-        <input id="token" type="text">
-        <br>
-        <canvas id="canvas"></canvas>
-    </main>
-</body>
-</html>

token

@@ -1 +0,0 @@
-eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZGVudGlmaWVyIjoiQU5OTk5VTEFYMTIyNSIsInZlcnNpb24iOiJ2Mi4xLjEiLCJyZXNldF9kYXRlIjoiMjAyMy0xMS0wNCIsImlhdCI6MTcwMDIyNDU5MSwic3ViIjoiYWdlbnQtdG9rZW4ifQ.r05mWtD5FjC4s6Td-ycmHdzL7C2s75lz3q7OBmWeCqUUZ1ejPsRGQRWJDPmIh1kAqO4D9FFs3GCTPZUn1KsnQ-xmDvsIi_mqC1gJV-Q0irI7gwfsGXbfLaVCXo-Q98C_QWRh-O_xkrbhJkCcvnwdEhZm7FnZ3PL4XXKrG0XNa98JrnmG0qlz0cv8V9Q0sSIwXZbvA9BrhuV8PK7_YzPc6LZuNqgPeKiX_B-tSIHHl6Sr1EzuydnczmuS-xKQnbhmcqnpaCXzQmJr7tA8KLgu70KqpPCvA8AI6PLmBlvPWtZ20RdzezqlBh6S9SrBzQ9R0zr_9RyJxq28ws2jnHpVPw