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=2 years)
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
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      img/contrat.jpg
  2. 35
      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

35
index.html
Unescape View File

@ -2,28 +2,28 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr" class="html-index"> <html lang="fr" class="html-index">
<head>
<head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <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.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link <link href="https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap" rel="stylesheet" />
href="https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap" <script src="https://code.jquery.com/jquery-3.7.1.min.js"
rel="stylesheet" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
/>
<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> <script type="module" src="scripts/main.js" defer></script>
<link rel="stylesheet" href="/css/global.css" /> <link rel="stylesheet" href="/css/global.css" />
<link rel="icon" href="img/logo.png" /> <link rel="icon" href="" />
<title>SkamCraft</title> <title>SkamCraft</title>
</head> <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> <body>
<header id="header"> <header id="header">
<div class="menu"> <div class="menu">
<div class="title-section"> <div class="title-section">
@ -44,11 +44,16 @@
<hr /> <hr />
</header> </header>
<main></main> <main>
</main>
<footer id="footer"> <footer id="footer">
<hr /> <hr />
<p>SkamKraft &copy; 2023</p> <p>SkamKraft &copy; 2023</p>
</footer> </footer>
</body> </body>
</html> </html>

55
scripts/main.js
Unescape View File

@ -35,9 +35,9 @@ $(document).ready(async function () {
$("#btn-contract").on("click", () => { $("#btn-contract").on("click", () => {
contract(); contract();
}); });
$("#btn-faction").on("click", () => {}); $("#btn-faction").on("click", () => { });
$("#btn-ship").on("click", () => {}); $("#btn-ship").on("click", () => { });
$("#btn-system").on("click", () => {}); $("#btn-system").on("click", () => { });
$("#btn-logout").on("click", () => { $("#btn-logout").on("click", () => {
logout(); logout();
}); });
@ -60,17 +60,50 @@ async function agent() {
} }
async function contract() { async function contract() {
const token = localStorage.getItem("token"); const token = localStorage.getItem("token");
const contracts = await SpaceTraders.Contract.list(token); const contracts = await SpaceTraders.Contract.list(token);
$("main").empty(); $('main').empty()
contracts.forEach((contract) => { contracts.forEach(contrat => {
let card = `<div class="card"> console.log(contrat);
<div class="card-title"> const card =
<h1>${contract.id}</h1> `
<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>
</div>;`; </div>
$("main").append(card); `
});
$('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(modal)
})
})
} }

1
templates/contract.html
Unescape View File

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