anulax
/
skamkraft.anulax.ch
1
0
Fork 0
Code Issues Pull Requests Packages project_board Releases Wiki Activity

Affichage des infos des contrats

Browse Source
ruben
Ruben Tome ago%!(EXTRA string=1 year)
parent 542d1dfd88
commit 608a59ebf3
4 changed files with 95 additions and 58 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      img/contrat.jpg
  2. 97
      index.html
  3. 55
      scripts/main.js
  4. 1
      templates/contract.html

BIN
img/contrat.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

97
index.html
Unescape View File

@ -2,53 +2,58 @@
<!DOCTYPE html>
<html lang="fr" class="html-index">
<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="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap"
rel="stylesheet"
/>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous"
></script>
<script type="module" src="scripts/main.js" defer></script>
<link rel="stylesheet" href="/css/global.css" />
<link rel="icon" href="img/logo.png" />
<title>SkamCraft</title>
</head>
<body>
<header id="header">
<div class="menu">
<div class="title-section">
<img src="img/Skamkraft.png" alt="Logo AppleTech.svg" />
<p>SkamCraft</p>
<div class="page-change-button">
<button id="btn-contract">Mes contracts</button>
<button id="btn-faction">Ma faction</button>
<button id="btn-ship">Mes vaisseaux</button>
<button id="btn-system">Systeme</button>
</div>
</div>
<div class="title-section">
<p id="credits">N/A Credtis</p>
<button id="btn-logout">Se deconnecter</button>
<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="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script type="module" src="scripts/main.js" defer></script>
<link rel="stylesheet" href="/css/global.css" />
<link rel="icon" href="" />
<title>SkamCraft</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</head>
<body>
<header id="header">
<div class="menu">
<div class="title-section">
<img src="img/Skamkraft.png" alt="Logo AppleTech.svg" />
<p>SkamCraft</p>
<div class="page-change-button">
<button id="btn-contract">Mes contracts</button>
<button id="btn-faction">Ma faction</button>
<button id="btn-ship">Mes vaisseaux</button>
<button id="btn-system">Systeme</button>
</div>
</div>
<hr />
</header>
<div class="title-section">
<p id="credits">N/A Credtis</p>
<button id="btn-logout">Se deconnecter</button>
</div>
</div>
<hr />
</header>
<main>
</main>
<main></main>
<footer id="footer">
<hr />
<p>SkamKraft &copy; 2023</p>
</footer>
</body>
<footer id="footer">
<hr />
<p>SkamKraft &copy; 2023</p>
</footer>
</body>
</html>
</html>

55
scripts/main.js
Unescape View File

@ -35,9 +35,9 @@ $(document).ready(async function () {
$("#btn-contract").on("click", () => {
contract();
});
$("#btn-faction").on("click", () => {});
$("#btn-ship").on("click", () => {});
$("#btn-system").on("click", () => {});
$("#btn-faction").on("click", () => { });
$("#btn-ship").on("click", () => { });
$("#btn-system").on("click", () => { });
$("#btn-logout").on("click", () => {
logout();
});
@ -60,17 +60,50 @@ async function agent() {
}
async function contract() {
const token = localStorage.getItem("token");
const contracts = await SpaceTraders.Contract.list(token);
$("main").empty();
$('main').empty()
contracts.forEach(contrat => {
console.log(contrat);
const card =
`
<div class="card" style="width: 20rem;">
<img src="/img/contrat.jpg" class="card-img-top" alt="">
<div class="card-body">
<h5 style="color:white" class="card-title">${contrat.factionSymbol}</h5>
<p style="color:white" class="card-text">${contrat.accepted}</p>
<button id="btn-infos" contratID="${contrat.id}" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">Infos</button>
<button id="btn-accepter" class="btn-modify btn btn-primary" data-toggle="modal" data-target="#Modify" >Accepter</button>
</div>
</div>
`
contracts.forEach((contract) => {
let card = `<div class="card">
<div class="card-title">
<h1>${contract.id}</h1>
$('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 = `
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">${contrat.id}</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>;`;
$("main").append(card);
});
</div>`
$('main').append(modal)
})
})
}

1
templates/contract.html
Unescape View File

@ -1 +0,0 @@
<div class="contrats"></div>
Write Preview
Loading…
Cancel
Save