+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ SkamCraft
+
+
+
+
+
+
+
+
+
-
-
\ No newline at end of file
+
+
+
+
diff --git a/js/api.js b/js/api.js
new file mode 100644
index 0000000..6e65e08
--- /dev/null
+++ b/js/api.js
@@ -0,0 +1,170 @@
+// Copyright © 2023 Entreprise SkamKraft
+
+"use strict";
+
+const spacetradersApiUrl = "https://api.spacetraders.io/v2/";
+
+const REQUEST = async (url, method, headers, data) => {
+ try {
+ const response = await $.ajax(url, {
+ method,
+ headers,
+ data,
+ });
+
+ return response.data;
+ } catch (error) {
+ console.log(error);
+ return error;
+ }
+};
+
+export default {
+ Agent: {
+ create: (symbol, faction) => {
+ const url = `${spacetradersApiUrl}register`;
+ const headers = { "Content-Type": "application/json" };
+ const data = JSON.stringify({ symbol, faction });
+
+ return REQUEST(url, "POST", headers, data);
+ },
+
+ get: (token) => {
+ const url = `${spacetradersApiUrl}my/agent`;
+ const headers = {
+ Accept: "application/json",
+ Authorization: `Bearer ${token}`,
+ };
+
+ return REQUEST(url, "GET", headers);
+ },
+
+ getPublic: (symbol) => {
+ const url = `${spacetradersApiUrl}agents/${symbol}`;
+ const headers = { Accept: "application/json" };
+
+ return REQUEST(url, "GET", headers);
+ },
+
+ list: (limit, page) => {
+ const url = `${spacetradersApiUrl}agents`;
+ const headers = { Accept: "application/json" };
+ const data = { limit, page };
+
+ return REQUEST(url, "GET", headers, data);
+ },
+ },
+
+ Faction: {
+ list: (limit, page) => {
+ const url = `${spacetradersApiUrl}factions`;
+ const headers = { Accept: "application/json" };
+ const data = { limit, page };
+
+ return REQUEST(url, "GET", headers, data);
+ },
+ },
+
+ System: {
+ list: (limit, page) => {
+ const url = `${spacetradersApiUrl}systems/`;
+ const headers = { Accept: "application/json" };
+ const data = { limit, page };
+
+ return REQUEST(url, "GET", headers, data);
+ },
+
+ get: (symbol) => {
+ const url = `${spacetradersApiUrl}systems/${symbol}`;
+ const headers = { Accept: "application/json" };
+
+ return REQUEST(url, "GET", headers);
+ },
+ },
+
+ Waypoint: {
+ list: (limit, page, systemSymbol) => {
+ const url = `${spacetradersApiUrl}systems/${systemSymbol}/waypoints`;
+ const headers = { Accept: "application/json" };
+ const data = { limit, page };
+
+ return REQUEST(url, "GET", headers, data);
+ },
+
+ get: (systemSymbol, waypointSymbol, token) => {
+ const url = `${spacetradersApiUrl}systems/${systemSymbol}/waypoints/${waypointSymbol}/market`;
+ const headers = {
+ Accept: "application/json",
+ Authorization: `Bearer ${token}`,
+ };
+
+ return REQUEST(url, "GET", headers);
+ },
+ },
+
+ Ships: {
+ list: (token) => {
+ const url = `${spacetradersApiUrl}my/ships`;
+ const headers = {
+ Accept: "application/json",
+ Authorization: `Bearer ${token}`,
+ };
+
+ return REQUEST(url, "GET", headers);
+ },
+
+ get: (token, symbol) => {
+ const url = `${spacetradersApiUrl}my/ships/${symbol}`;
+ const headers = {
+ Accept: "application/json",
+ Authorization: `Bearer ${token}`,
+ };
+
+ return REQUEST(url, "GET", headers);
+ },
+
+ getPosition: (token, symbol) => {
+ const url = `${spacetradersApiUrl}my/ships/${symbol}/nav`;
+ const headers = {
+ Accept: "application/json",
+ Authorization: `Bearer ${token}`,
+ };
+
+ return REQUEST(url, "GET", headers);
+ },
+
+ travel: (token, shipSymbol, waypointSymbol) => {
+ const url = `${spacetradersApiUrl}my/ships/${shipSymbol}/navigate`;
+ const headers = {
+ "Content-Type": "application/json",
+ Accept: "application/json",
+ Authorization: `Bearer ${token}`,
+ };
+ const data = JSON.stringify({ waypointSymbol });
+
+ return REQUEST(url, "POST", headers, data);
+ },
+ },
+
+ Contract: {
+ list: (token) => {
+ const url = `${spacetradersApiUrl}my/contracts/`;
+ const headers = {
+ Accept: "application/json",
+ Authorization: `Bearer ${token}`,
+ };
+
+ return REQUEST(url, "GET", headers);
+ },
+
+ get: async (contratId, token) => {
+ const url = `${spacetradersApiUrl}my/contracts/${contratId}`;
+ const headers = {
+ Accept: "application/json",
+ Authorization: `Bearer ${token}`,
+ };
+
+ return REQUEST(url, "GET", headers);
+ },
+ },
+};
diff --git a/js/auth.js b/js/auth.js
new file mode 100644
index 0000000..5fd96b6
--- /dev/null
+++ b/js/auth.js
@@ -0,0 +1,83 @@
+// Copyright © 2023 Entreprise SkamCraft
+
+"use strict";
+
+import SpaceTraders from "./api.js";
+
+const $inputToken = $("#input-token");
+const $inputSymbol = $("#input-symbol");
+const $inputFaction = $("#input-faction");
+const $alert = document.querySelector("#box-alert");
+const $error = $("#error-message");
+
+const showError = (message) => {
+ $alert.removeAttribute("hidden");
+ $error.text(message);
+};
+
+const redirectToIndex = () => {
+ window.location.href = "/index.html";
+};
+
+export default {
+ login: async () => {
+ const token = $inputToken.val();
+
+ if (!token) {
+ showError("Token manquant");
+ return;
+ }
+
+ try {
+ await SpaceTraders.Agent.get(token);
+ localStorage.setItem("token", token);
+ redirectToIndex();
+ } catch {
+ showError("Token invalide");
+ }
+ },
+
+ register: async () => {
+ const symbol = $inputSymbol.val();
+
+ if (!symbol) {
+ showError("Symbol manquant");
+ return;
+ }
+
+ const faction = $inputFaction.val();
+
+ console.log(faction);
+
+ if (!faction) {
+ showError("Faction manquante");
+ return;
+ }
+
+ try {
+ const agent = await SpaceTraders.Agent.create(symbol, faction);
+
+ if (agent.token !== undefined) {
+ localStorage.setItem("token", agent.token);
+ redirectToIndex();
+ } else {
+ showError("Symbol ou faction invalide");
+ }
+ } catch {
+ showError("Erreur lors de l'inscription");
+ }
+ },
+
+ isLogin: async () => {
+ const token = localStorage.getItem("token");
+
+ if (!token) return false;
+
+ try {
+ await SpaceTraders.Agent.get(token);
+ return true;
+ } catch {
+ return false;
+ }
+ },
+};
diff --git a/js/main.js b/js/main.js
new file mode 100644
index 0000000..a8532f1
--- /dev/null
+++ b/js/main.js
@@ -0,0 +1,126 @@
+// Copyright © 2023 Entreprise SkamCraft
+"use strict";
+
+import AUTH from "./auth.js";
+import SpaceTraders from "./api.js";
+
+$(document).ready(async function () {
+ //Auth
+ if (document.URL.includes("login.html")) {
+ $("#btn-login").on("click", () => {
+ AUTH.login();
+ });
+ return;
+ }
+
+ if (document.URL.includes("register.html")) {
+ const factions = await SpaceTraders.Faction.list(10, 1);
+ factions.forEach((faction) => {
+ const option = ``;
+ $("#group-faction").append(option);
+ });
+
+ $("#btn-register").on("click", () => {
+ AUTH.register();
+ });
+ return;
+ }
+
+ if (!(await AUTH.isLogin())) window.location.href = "login.html";
+
+ agent();
+
+ //Buttons
+ $("#btn-contract").on("click", () => {
+ contract();
+ });
+ $("#btn-faction").on("click", () => {});
+ $("#btn-ship").on("click", () => {
+ ship();
+ });
+ $("#btn-system").on("click", () => {});
+ $("#btn-logout").on("click", () => {
+ logout();
+ });
+});
+
+function loadPage(page) {
+ $("main").load(`templates/${page}.html`);
+}
+
+function logout() {
+ localStorage.removeItem("token");
+ window.location.href = "login.html";
+}
+
+async function agent() {
+ let token = localStorage.getItem("token");
+ let agent = await SpaceTraders.Agent.get(token);
+
+ $("#credits").text(agent.credits.toLocaleString() + " $");
+}
+
+async function contract() {
+ const token = localStorage.getItem("token");
+ const contracts = await SpaceTraders.Contract.list(token);
+
+ $("main").empty();
+
+ contracts.forEach((contract) => {
+ let card = `Skamkraft
+
+
+
+
+
+
+
+
+
+
+
+ Skamkraft
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ SkamCraft
+ +
+
+ N/A Credtis
++
+
;`;
+ $("main").append(card);
+ });
+}
+
+async function ship() {
+ const token = localStorage.getItem("token");
+ const ships = await SpaceTraders.Ships.list(token);
+ $("main").empty();
+ ships.forEach((ship) => {
+ let img = "/img/Skamkraft.png";
+ const card = `
+
+
+ ${contract.id}
+
+ 
+
+ `;
+ $("main").append(card);
+
+ $("#btn-infos").on("click", async function () {
+ const token = localStorage.getItem("token");
+ const contrat = await SpaceTraders.Contract.get(
+ $(this).attr("contratID"),
+ token
+ );
+ const modal = `
+ `;
+ $("main").append(modal);
+ });
+ });
+}
diff --git a/js/test.js b/js/test.js
deleted file mode 100644
index c15b1ae..0000000
--- a/js/test.js
+++ /dev/null
@@ -1,200 +0,0 @@
-//Copyright © space tarders 2023
-
-'use strict'
-
-const canvas = document.getElementById("canvas");
-let w = canvas.width = canvas.offsetWidth;
-let h = canvas.height = canvas.offsetHeight;
-const widhtRect = 6;
-const heightRect = 6;
-const ctx = canvas.getContext("2d");
-let planets = [];
-let ships=[];
-let focusShips;
-//lister vaisseau
-const token="Bearer eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZGVudGlmaWVyIjoiREFOSUVMIiwidmVyc2lvbiI6InYyLjEuNCIsInJlc2V0X2RhdGUiOiIyMDIzLTEyLTAyIiwiaWF0IjoxNzAyMDM4NTcwLCJzdWIiOiJhZ2VudC10b2tlbiJ9.cSeOMFA6by3J3mElGL1xKg0p--C7Dcir6VARIs27QmHqTy2hM-pkJosADSLuo-bXHhXSESLlCcmSzS3BIa4T4v6HI0PH4QFpVNjHBSg7-lt1Hjhm4KkRUnmXdBEAeAXq18cbd6xScfRq0rpRNFzJZg5dRit3fjBZ3MSdmlRVroUs4hJaeSu0HLxD3GGRxXRFtvvHgMuFu6vqE1rq0PxTYQksuhu-GGpheCcIuQHNNIGnd0E2z-xzRAJYrRBjdctMDMv_u-RUeM4A6OwAFEczMYM3yDkZJP4qpVKAtriRUxJVkRsqHFLfEzWx7VikwLijN72gbhVzoIJzKh75-1kcyg"
-// Fonction pour obtenir la position de la souris par rapport au centre du canvas
-function getMousePosition(e, canvas) {
- let rect = canvas.offset();
- return {
- x: e.clientX - rect.left,
- y: e.clientY - rect.top
- };
-}
-$('#ships').on('click',".btn",function(e){
- focusShips = $(e.target).attr("data-id");
- getShipPosition();
-})
-
-const ListMyShips = {
- async: true,
- crossDomain: true,
- url: 'https://api.spacetraders.io/v2/my/ships',
- method: 'GET',
- headers: {
- Accept: 'application/json',
- Authorization: token
- },
- };
- $.ajax(ListMyShips).done(function (response) {
- ships.push(response);
- response.data.forEach(data =>{
- const card=``
- $("#ships").append(card)
- })
- });
-
-//recuperer le systeme ou on est
-function getShipPosition(){
- const settings = {
- async: true,
- crossDomain: true,
- url: `https://api.spacetraders.io/v2/my/ships/${focusShips}/nav`,
- method: 'GET',
- headers: {
- Accept: 'application/json',
- Authorization:token
- }
- };
-
- $.ajax(settings).done(function (response) {
- console.log(ships)
- planets.forEach(planet => {
- if(planet.symbol == response.data.waypointSymbol)
- {
- let xPlanet=planet.x
- let yPlanet=planet.y
- drawShip(xPlanet,yPlanet)
- }
- })
- });
-}
-
-
-function drawShip(x,y){
- ctx.fillStyle = "rgb(3,67,210)";
- ctx.fillRect(x / 3 + w / 2, y / 3 + h / 2, 10, 10);
-}
-function getListWaypoint(system, page) {
- return new Promise((resolve, reject) => {
- const settings = {
- async: true,
- crossDomain: true,
- url: `https://api.spacetraders.io/v2/systems/${system}/waypoints`,
- method: 'GET',
- headers: {
- Accept: 'application/json'
- },
- data: {
- limit: 20,
- page: page
- }
- };
-
- $.ajax(settings).done(function (response) {
- const waypoints = response.data;
-
- waypoints.forEach(waypoint => {
- ctx.fillStyle = "rgb(0,0,0)";
- ctx.fillRect(waypoint.x / 3 + w / 2, waypoint.y / 3 + h / 2, widhtRect, heightRect);
- });
-
- resolve(waypoints);
- }).fail(function (error) {
- reject(error);
- });
- });
-}
-
-function getAllWaypoints(system) {
- const promises = [];
-
- for (let i = 1; i < 5; i++) {
- promises.push(getListWaypoint(system, i));
- }
- return Promise.all(promises);
-}
-
-function getSystem() {
- const settings = {
- async: true,
- crossDomain: true,
- url: 'https://api.spacetraders.io/v2/my/agent',
- method: 'GET',
- headers: {
- Accept: 'application/json',
- Authorization: token
- }
- };
-
- $.ajax(settings).done(function (reponse) {
- let metaSystem = reponse.data.headquarters.split("-");
- getAllWaypoints(metaSystem[0] + "-" + metaSystem[1])
- .then(waypointsArray => {
- planets = [].concat(...waypointsArray);
- console.log('Planets:', planets);
-
- })
- .catch(error => {
- console.error(error);
- });
- });
-}
-
-getSystem();
-
-
-
-function travelToPlanet(planet) {
- const travelShip = {
- async: true,
- crossDomain: true,
- url: `https://api.spacetraders.io/v2/my/ships/${focusShips}/navigate`,
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json',
- Accept: 'application/json',
- Authorization: token
- },
- processData: false,
- data: JSON.stringify({
- waypointSymbol: planet.symbol
- })
- };
-
- $.ajax(travelShip).done(function (response) {
- alert(`Voyage vers ${planet.symbol} en cours...`);
- }).fail(function (error) {
- alert(error.responseJSON.error.message);
- });
-}
-
-// Événement de clic sur le canvas
-$('#canvas').on('click', function (e) {
- const mousePosition = getMousePosition(e, $('#canvas'));
- checkClickedPlanet(mousePosition);
-});
-
- // Fonction pour vérifier si une planète a été cliquée
-function checkClickedPlanet(mousePosition) {
- console.log(mousePosition.x)
- planets.forEach(waypoint => {
- // Vérifier si la position de la souris est à l'intérieur de la zone de la planète
- if (
- mousePosition.x >= waypoint.x / 3 + w / 2 &&
- mousePosition.x <= waypoint.x / 3 + w / 2 + widhtRect &&
- mousePosition.y >= waypoint.y / 3 + h / 2 &&
- mousePosition.y <= waypoint.y / 3 + h / 2 + heightRect
-
- ) {
- const confirmation = confirm(`Voulez-vous voyager vers ${waypoint.symbol}?`);
- if (confirmation) {
- travelToPlanet(waypoint);
- } else {
- alert('Voyage annulé.');
- }
- }
- });
-}
-
-
diff --git a/login.html b/login.html
new file mode 100644
index 0000000..945bcfc
--- /dev/null
+++ b/login.html
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+ ${ship}
+Location : ${ship.nav.waypointSymbol}
+Status : ${ship.nav.status}
+ +
+ 
+
+
+
+ Skamkraft
+
+
+
+
+ Bienvenue sur Skamkraft,
Entrez votre token pour continuer +
+
+
+ Entrez votre token pour continuer +
+ Sign Up
+
+
+
+
+
diff --git a/register.html b/register.html
new file mode 100644
index 0000000..d82c868
--- /dev/null
+++ b/register.html
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+
+
+ Quelque chose s'est mal passé
+
+
+
+
+
+
+
+
+ Skamkraft
+
+
+
+
+ Bienvenue sur Skamkraft,
+ Entrez votre symbol pour continuer +
+
+
+
+ + Entrez votre symbol pour continuer +
+ Login
+
+
+
+
+
diff --git a/templates/contract.html b/templates/contract.html
new file mode 100644
index 0000000..ee9d8d9
--- /dev/null
+++ b/templates/contract.html
@@ -0,0 +1 @@
+
diff --git a/templates/faction.html b/templates/faction.html
new file mode 100644
index 0000000..c5b5593
--- /dev/null
+++ b/templates/faction.html
@@ -0,0 +1 @@
+
+
+
+ Quelque chose s'est mal passé
+
+
+
+