bug avec la slide bar de ships

ago%!(EXTRA string=1 year) · 83cb1bb8dd
parent 9f559a31f6
commit 83cb1bb8dd
4 changed files with 25 additions and 29 deletions
--- a/css/ship.css
+++ b/css/ship.css
@ -33,9 +33,7 @@ button:hover{
    transition: 1s;
 }

-.ships>*{
-    flex: 100px;
-}
+
 .my-modal{
    font-size:small;
 }
--- a/html/templates/ship/ship.html
+++ b/html/templates/ship/ship.html
@ -4,16 +4,14 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/ship.css">
-    <script src="/js/test/jsShip.js"></script>


    <title>Ship</title>
  </head>
  <body class="test">
    <div class="block-ships">
-      <a class="prev" onclick="plusSlides(-1)">❮</a>
-      <a class="next" onclick="plusSlides(1)">❯</a>
+      <a class="prev">❮</a>
+      <a class="next">❯</a> 
    </div>
-
  </body>
 </html>
--- a/js/controllers/ships.js
+++ b/js/controllers/ships.js
@ -140,7 +140,6 @@ export default (temp_engine) => {
        ships.forEach(ship =>{
          if(ship.symbol==id_ship)
          {
-            console.log("ok")
          }
        })

@ -150,6 +149,28 @@ export default (temp_engine) => {
    temp_engine.add_event(".btn-close", "click", () => {
      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");
--- a/js/test/jsShip.js
+++ b/js/test/jsShip.js
@ -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";  
-}