ajout border css + résolution bug pour passer un événement

css/style.css

@@ -7,6 +7,10 @@ body {
 	flex-direction: row;
 }
 
-#topNavBar {
-	
+div {
+	border: solid 1px red;
+}
+
+.indicator {
+	margin-right: 5rem;
 }

events.js

@@ -1,114 +1,107 @@
-const events = [
-    {
-        "nom" : "nomEvenement1",
-        "description" : "descEvenement1",
-        "lois" : [
-            {
-                "id": 0,
-                "nom": "Evenement1loi1",
-                "descriptions": [
-                    "desc1",
-                    "desc2",
-                    "desc3"
-                ],
-                "effets": {"cri": 0, "rel": 0, "eco": 0, "nob": 0, "peu": 0},
-                "niveau": 0
-            },
-            {
-                "id": 1,
-                "nom": "Evenement1loi2",
-                "descriptions": [
-                    "desc1",
-                    "desc2",
-                    "desc3"
-                ],
-                "effets": {"cri": -100, "rel": 0, "eco": 0, "nob": 0, "peu": 0},
-                "niveau": 0
-            }
-        ]
-    },
-    {
-        "nom" : "nomEvenement2",
-        "description" : "descEvenement2",
-        "lois" : [
-            {
-                "id": 0,
-                "nom": "Evenement2loi1",
-                "descriptions": [
-                    "desc1",
-                    "desc2",
-                    "desc3"
-                ],
-                "effets": {"cri": 0, "rel": 0, "eco": +100, "nob": 0, "peu": 0},
-                "niveau": 0
-            },
-            {
-                "id": 1,
-                "nom": "Evenement2loi2",
-                "descriptions": [
-                    "desc1",
-                    "desc2",
-                    "desc3"
-                ],
-                "effets": {"cri": 0, "rel": 0, "eco": 0, "nob": 0, "peu": 0},
-                "niveau": 0
-            }
-        ]
-    },
-    {
-        "nom" : "nomEvenement3",
-        "description" : "descEvenement3",
-        "lois" : [
-            {
-                "id": 0,
-                "nom": "Evenement3loi1",
-                "descriptions": [
-                    "desc1",
-                    "desc2",
-                    "desc3"
-                ],
-                "effets": {"cri": 0, "rel": 0, "eco": 0, "nob": 0, "peu": 0},
-                "niveau": 0
-            },
-            {
-                "id": 1,
-                "nom": "Evenement3loi2",
-                "descriptions": [
-                    "desc1",
-                    "desc2",
-                    "desc3"
-                ],
-                "effets": {"cri": 0, "rel": 0, "eco": 0, "nob": 0, "peu": 0},
-                "niveau": 0
-            }
-        ]
-    },
-    {
-        "nom" : "nomEvenement4",
-        "description" : "descEvenement4",
-        "lois" : [
-            {
-                "id": 0,
-                "nom": "Evenement4loi1",
-                "descriptions": [
-                    "desc1",
-                    "desc2",
-                    "desc3"
-                ],
-                "effets": {"cri": 0, "rel": 0, "eco": 0, "nob": 0, "peu": 0},
-                "niveau": 0
-            },
-            {
-                "id": 1,
-                "nom": "Evenement4loi2",
-                "descriptions": [
-                    "desc1",
-                    "desc2",
-                    "desc3"
-                ],
-                "effets": {"cri": 0, "rel": 0, "eco": 0, "nob": 0, "peu": 0},
-                "niveau": 0
-            }
-        ]
-    }
-]
+const events = [
+    {
+        nom : "Tremblement de terre",
+        description : "Un tremblement de terre vient de surgir, et beacoup des paysans se retrouvent sans toit sur leur têtes.",
+        lois : [
+            {
+                nom: "Recueil par les nobles",
+                descriptions: [
+                    "Les seigneurs ont pour obligation de recueillir dans leur château au moins le tiers le plus touché",
+                    "Les seigneurs ont pour obligation de recueillir dans leur château au moins la moitiée  la plus touchée",
+                    "Les seigneurs doivent recueillir l'ensemble de leurs paysans affectés"
+                ],
+                effets: {cri: 0, rel: 0, eco: 0, nob: -5, peu: 8},
+                niveau: 0
+            },
+            {
+                nom: "Recueil par l'église",
+                descriptions: [
+                    "L'église a pour obligation de recueillir au moins le tiers des fidèles les plus touché",
+                    "L'église a pour obligation de recueillir au moins la moitié des fidèles les plus touché",
+                    "L'église a pour obligation de recueillir la totalité des fidèles "
+                ],
+                effets: {cri: 0, rel: -3, eco: 0, nob: 0, peu: 4},
+                niveau: 0
+            }
+        ]
+    },
+    {
+        nom : "Annonce du pape",
+        description : "Le pape vient de déclarer que les criminels devaient être punis moins fortemment, en tant qu'enfants du seigneur.",
+        lois : [
+            {
+                nom: "Baisse des sentences criminelles",
+                descriptions: [
+                    "La peine de mort est réservée aux assassins.",
+                    "Les prisons sont financés par un nouvel impôt.",
+                    "Plus aucun criminel n'est puni, ils doivent seulement se repentir devant dieu."
+                ],
+                effets: {cri: 10, rel: 5, eco: -5, nob: -5, peu: -3},
+                niveau: 0
+            },
+            {
+                nom: "Transfert des criminels au vatican",
+                descriptions: [
+                    "Un centième des criminels sont désormais evoyés directement au pape.",
+                    "Un dixieme des criminels sont désormais evoyés directement au pape.",
+                    "La moitié des criminels sont désormais evoyés directement au pape.",
+                ],
+                effets: {cri: -10, rel: -3, eco: -3, nob: 2, peu: 4},
+                niveau: 0
+            }
+        ]
+    },
+    {
+        nom : "Famine",
+        description : "Les récoltes ont été pitoyables. Votre peuple se meurt de faim.",
+        lois : [
+            {
+                nom: "Baisse de la dime du clergé",
+                descriptions: [
+                    "La part de la dime réservée au clergé baisse d'un tiers.",
+                    "La part de la dime réservée au clergé baisse d'un quart.",
+                    "La part de la dime réservée au clergé baisse de moitié.",
+                ],
+                effets: {cri: 0, rel: -5, eco: 5, nob: 3, peu: 13},
+                niveau: 0
+            },
+            {
+                nom: "Baisse de la dime de la noblesse",
+                descriptions: [
+                    "La part de la dime réservée à la noblesse baisse d'un tiers.",
+                    "La part de la dime réservée à la noblesse baisse d'un quart.",
+                    "La part de la dime réservée à la noblesse baisse de moitié.",
+                ],
+                effets: {cri: 0, rel: 3, eco: 5, nob: -5, peu: 13},
+                niveau: 0
+            }
+        ]
+    },
+    {
+        nom : "Epidemie",
+        description : "Une épidémie d'une maladie inconnue s'est déclarée. Les victimes se font déjà nombreuses.",
+        lois : [
+            {
+                nom: "Loi anti importations",
+                descriptions: [
+                    "Les impots sur les importations sont augmentés de 10%",
+                    "Les impots sur les importations sont augmentés de 20%",
+                    "Les impots sur les importations sont augmentés de 30%"
+                ],
+                effets: {cri: 0, rel: -5, eco: 5, nob: 3, peu: 13},
+                niveau: 0
+            },
+            {
+                nom: "Lois sur l'hygiène",
+                descriptions: [
+                    "Contrôles sanitaires recommandés",
+                    "Contrôles sanitaires renforcés",
+                    "Contrôles sanitaires obligatoires"
+
+                ],
+                effets: {cri: 0, rel: 3, eco: 5, nob: -5, peu: 13},
+                niveau: 0
+            }
+        ]
+    }
+]

html/index.html

@@ -7,8 +7,8 @@
 
     <body>
         <div>
-             <button onclick="location.href = 'jeu.html';">Nouvelle partie</button>
+             <button onclick="location.href = '../jeu.html';">Nouvelle partie</button>
              <button onclick="location.href = 'tuto.html';">Tutoriel</button>
         </div>
     </body>
-</html>
+</html>

html/jeu.html

@@ -1,74 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<title>Tompeur</title>
-		<link rel="stylesheet" type="text/css" href="../css/style.css">
-		<meta lang="fr" charset="utf-8">
-	</head>
-	<body>
-		<!-- Barre de navigation -->
-		<div id="topNavBar" class="flexRow">
-
-			<!-- Le tour de jeu actuel -->
-			<div id="tour" class="flexRow">
-				<p>Tour : </p>
-				<p id="tourVal">0</p>
-			</div>
-
-			<!-- Les indicateurs -->
-			<div id="lsIndics" class="flexRow">
-
-				<div class="indicateur flexRow"> <!-- un indicateur particulier -->
-					<p>Crime : </p>
-					<p id="crime">0</p>
-				</div>
-
-				<div class="indicateur flexRow">
-					<p>Religion : </p>
-					<p id="religion">0</p>
-				</div>
-
-				<div class="indicateur flexRow">
-					<p>Economie : </p>
-					<p id="economie">0</p>
-				</div>
-
-				<div class="indicateur flexRow">
-					<p>Noblesse : </p>
-					<p id="noblesse">0</p>
-				</div>
-
-				<div class="indicateur flexRow">
-					<p>Peuple : </p>
-					<p id="peuple">0</p>
-				</div>
-
-			</div>
-		</div>
-
-		<!-- Liste des lois votées -->
-		<div id="lsLois">
-			<!-- Les lois seront insérées ici dynamiquement par le javascript -->
-		</div>
-		<!-- Fenetre principale -->
-		<div id="main">
-			<div id="evenement">
-				
-			</div>
-			<div id="lsChoixLois">
-				<div class="choixLoi" id="choixLoi1">
-
-				</div>
-				<div class="choixLoi" id="choixLoi2">
-
-				</div>
-			</div>
-		</div>
-
-	</body>
-	<script type="text/javascript"  src="../js/laws.js"></script>
-	<script type="text/javascript"  src="../js/events.js"></script>
-	<script type="text/javascript"  src="../js/utils.js"></script>
-	<script type="text/javascript"  src="../js/interface.js"></script>
-	<script type="text/javascript"  src="../js/main.js"></script>
-</html>

index.html

@@ -1,69 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<title>Tompeur</title>
-		<link rel="stylesheet" type="text/css" href="style.css">
-	</head>
-	<body>
-		<!-- Bar de navigation -->
-		<div id="topNavBar" class="flexRow">
-
-			<!-- Le tour de jeu actuel -->
-			<div id="tour" class="flexRow">
-				<p>Tour : </p>
-				<p id="tourVal">0</p>
-			</div>
-
-			<!-- Les indicateurs -->
-			<div id="lsIndics" class="flexRow">
-
-				<div class="indicateur flexRow"> <!-- un indicateur particulier -->
-					<p>Crime : </p>
-					<p id="crime">0</p>
-				</div>
-
-				<div class="indicateur flexRow">
-					<p>Religion : </p>
-					<p id="religion">0</p>
-				</div>
-
-				<div class="indicateur flexRow">
-					<p>Economie : </p>
-					<p id="economie">0</p>
-				</div>
-
-				<div class="indicateur flexRow">
-					<p>Noblesse : </p>
-					<p id="noblesse">0</p>
-				</div>
-
-				<div class="indicateur flexRow">
-					<p>Peuple : </p>
-					<p id="peuple">0</p>
-				</div>
-
-			</div>
-		</div>
-
-		<!-- Liste des lois votées -->
-		<div id="lsLois">
-			<!-- Les lois seront insérées ici dynamiquement par le javascript -->
-		</div>
-		<!-- Fenetre principale -->
-		<div id="main">
-			<div id="evenement">
-
-			</div>
-			<div id="lsChoixLois">
-				<div class="choixLoi" id="choixLoi1">
-
-				</div>
-				<div class="choixLoi" id="choixLoi2">
-
-				</div>
-			</div>
-		</div>
-
-	</body>
-	<script type="text/javascript"  src="main.js"></script>
-</html>

jeu.html

@@ -3,6 +3,7 @@
   <head>
     <meta charset="utf-8">
     <title>Home</title>
+    <link rel="stylesheet" type="text/css" href="css/style.css">
   </head>
   <body>
 

lawsCTRL.js

@@ -12,9 +12,6 @@ function genListeTableLaws() {
   for (var i = 0; i < tableLaws.length; i++) {
     res = res + genTableLaw(tableLaws[i][0].id, tableLaws[i][1]);
   }
-  for (var i = 0; i < tableEventsLaws.length; i++) {
-    res = res + genTableEventsLaw(tableEventsLaws[i][0], tableEventsLaws[i][1]);
-  }
   return res;
 }
 
@@ -52,26 +49,10 @@ function randLaw(selectedLaws){
   return id;
 }
 
-/* Ajouter une loi non evenementiel */
-
-function displayAddLaws(newEventId){
-  let res = "";
-
-
-  console.log(newEventId);
-  console.log("bon");
-  if (newEventId == -1) {
-    res = genListeAddLaws();
-  }
-  else {
-    res = genAddEventLaw(newEventId, 0) + genAddEventLaw(newEventId, 1);
-  }
-  return res;
-}
-
 const numberAddLaws = 3;
 
 function genListeAddLaws() {
+  console.log("genListeAddLaws");
   let selectedLaws = [];
   let res = "";
   for (var i = 0; i < numberAddLaws; i++) {

optionsCTRL.js

@@ -1,12 +1,11 @@
 var tableOptions = [["Ajouter une nouvelle loi", false],["Améliorer une loi", false],["Supprimer une loi", false]];
 
-function chooseOption(id, newEventId) {
+function chooseOption(id) {
   let listLaws = document.querySelector("#listLaws");
   listLaws.innerHTML = genListeTableLaws();
-  console.log(newEventId);
   switch (id) {
     case 0:
-      listLaws.innerHTML = displayAddLaws(newEventId);
+      listLaws.innerHTML = genListeAddLaws();
       break;
     case 1:
       listLaws.innerHTML = genListeUpgradeLaws();
@@ -17,20 +16,27 @@ function chooseOption(id, newEventId) {
     default:
       listLaws.innerHTML = genListeTableLaws();
   }
-  enableOption(id, newEventId);
+  enableOption(id);
 }
 
 function genListeOptions(newEventId) {
   console.log(newEventId);
   let element = document.querySelector("#options");
   let res = "";
-  for (var i = 0; i < tableOptions.length; i++) {
-      res = res + genOption(i, newEventId);
-    }
-  element.innerHTML = res;
+  if (newEventId == -1) {
+    for (var i = 0; i < tableOptions.length; i++) {
+        res = res + genOption(i);
+      }
+    element.innerHTML = res;
+    console.log(newEventId);
   }
+  else {
+    console.log("ca marche2");
+    element.innerHTML = genAddEventLaw(newEventId, 0) + genAddEventLaw(newEventId, 1);
+  }
+}
 
-function enableOption(id, newEventId) {
+function enableOption(id) {
   for (var i = 0; i < tableOptions.length; i++) {
     if (i == id) {
       tableOptions[i][1] = true;
@@ -39,7 +45,7 @@ function enableOption(id, newEventId) {
       tableOptions[i][1] = false;
     }
   }
-  genListeOptions(newEventId);
+  genListeOptions();
 }
 
 function resetOptions() {
@@ -49,5 +55,5 @@ function resetOptions() {
 }
 
 function genOption(id, newEventId) {
-  return "<p onClick=\"chooseOption(" + id + ","+ newEventId +")\">" + tableOptions[id][0] + "</p>";
+  return "<p onClick=\"chooseOption(" + id + ")\">" + tableOptions[id][0] + "</p>";
 }

turn.js

@@ -9,17 +9,19 @@ function turnForward() {
   if (!isFin) {
     let newEventId = randEvent();
     if (newEventId == -1) {
-      genNoEvent();
+        genNoEvent();
+        // generation d'une simple liste des lois
+        document.querySelector("#listLaws").innerHTML = genListeTableLaws();
     }
     else {
-      displayEvent(newEventId);
+        console.log("test");
+        document.querySelector("#listLaws").innerHTML = "";
+        displayEvent(newEventId);
         usedEvents.unshift(newEventId);
-      }
+    }
     genAllIndicators();
     resetOptions();
     genListeOptions(newEventId);
-    // generation d'une simple liste des lois
-    document.querySelector("#listLaws").innerHTML = genListeTableLaws();
     currentTurn = currentTurn + 1;
 
   }