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

bug avec la slide bar de ships

Browse Source
Daniel-alias-la-puissance
Melro Serdoura Daniel ago%!(EXTRA string=2 years)
parent 9f559a31f6
commit 83cb1bb8dd
4 changed files with 25 additions and 29 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. 4
      css/ship.css
  2. 6
      html/templates/ship/ship.html
  3. 23
      js/controllers/ships.js
  4. 21
      js/test/jsShip.js

4
css/ship.css
Unescape View File

@ -33,9 +33,7 @@ button:hover{
transition: 1s; transition: 1s;
} }
.ships>*{
flex: 100px;
}
.my-modal{ .my-modal{
font-size:small; font-size:small;
} }

6
html/templates/ship/ship.html
Unescape View File

@ -4,16 +4,14 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/ship.css"> <link rel="stylesheet" href="css/ship.css">
<script src="/js/test/jsShip.js"></script>
<title>Ship</title> <title>Ship</title>
</head> </head>
<body class="test"> <body class="test">
<div class="block-ships"> <div class="block-ships">
<a class="prev" onclick="plusSlides(-1)">❮</a> <a class="prev">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a> <a class="next">❯</a>
</div> </div>
</body> </body>
</html> </html>

23
js/controllers/ships.js
Unescape View File

@ -140,7 +140,6 @@ export default (temp_engine) => {
ships.forEach(ship =>{ ships.forEach(ship =>{
if(ship.symbol==id_ship) if(ship.symbol==id_ship)
{ {
console.log("ok")
} }
}) })
@ -150,6 +149,28 @@ export default (temp_engine) => {
temp_engine.add_event(".btn-close", "click", () => { temp_engine.add_event(".btn-close", "click", () => {
modal.close(); modal.close();
}); });
let slideIndex = 1;
function plusSlides(n) {
showSlides(slideIndex += n);
}
temp_engine.add_event(".prev", "click", () => {
plusSlides(-1);
});
temp_engine.add_event(".next", "click", () => {
plusSlides(1);
});
function showSlides(n) {
let i;
let slides = document.getElementsByClassName("ships-list");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[slideIndex-1].style.display = "block";
}
}); });
temp_engine.render("templates/ship/ship.html"); temp_engine.render("templates/ship/ship.html");

21
js/test/jsShip.js
Unescape View File

@ -1,21 +0,0 @@
let slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
let i;
let slides = document.getElementsByClassName("ships-list");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[slideIndex-1].style.display = "block";
}
Write Preview
Loading…
Cancel
Save