diff --git a/css/ship.css b/css/ship.css index 4015026..c5e5834 100644 --- a/css/ship.css +++ b/css/ship.css @@ -33,9 +33,7 @@ button:hover{ transition: 1s; } -.ships>*{ - flex: 100px; -} + .my-modal{ font-size:small; } diff --git a/html/templates/ship/ship.html b/html/templates/ship/ship.html index 1a406af..2fd8bde 100644 --- a/html/templates/ship/ship.html +++ b/html/templates/ship/ship.html @@ -4,16 +4,14 @@ - Ship
- - + +
- \ No newline at end of file diff --git a/js/controllers/ships.js b/js/controllers/ships.js index b6a0d3b..eeb38ad 100644 --- 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"); diff --git a/js/test/jsShip.js b/js/test/jsShip.js deleted file mode 100644 index 22578d9..0000000 --- a/js/test/jsShip.js +++ /dev/null @@ -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"; -} \ No newline at end of file