@@ -208,6 +208,29 @@ table.plateau tr td img {

 /*

+ * ZONE DES TUILES RESTANTES

+ */

+.zone-moi-tuilesrestantes {

+  display: inline-block;

+  border: 3px solid black;

+  margin: 0px auto 0px 10px;

+  width: 360px; /* 60 x 3 x 2 */

+}

+

+.zone-moi-tuilesrestantes table tr td {

+  position: relative;

+}

+

+.zone-moi-tuilesrestantes table tr td img {

+  position: absolute;

+  left: 0;

+  top: 0;

+}

+

+

+

+

+/*

  * BAS DE L'ECRAN

  */

 .bas-btn {

@@ -92,6 +92,29 @@ class PartieInfos {

     return $piocheTxt;

   }

+  public function tuilesRestantesJson() {

+    if(!$this->_exist) return false;

+

+    $tuilesTab = [];

+

+    for($i = 0 ; $i < count($this->pioche) ; $i++) {

+      if( !$tuilesTab[ $this->pioche[$i] ] )

+        $tuilesTab[ $this->pioche[$i] ] = 1;

+      else

+        $tuilesTab[ $this->pioche[$i] ]++;

+    }

+

+    $tuilesJson = '';

+    $first = true;

+    foreach($tuilesTab as $t => $nb) {

+      if($first) $first = false;

+      else $tuilesJson .= ', ';

+      $tuilesJson .= '"'.$t.'":'.$nb;

+    }

+

+    return $tuilesJson;

+  }

+

   public function nouvelle() {

     global $db, $__CONF;

@@ -141,10 +141,76 @@ var scInput_JeuNom = '<?php echo $__CONF['nom']; ?>';

   <div class="zone-moi-plateau">

     <?php affichePlateauJoueur($scMoi); ?>

   </div>

+

+<?php

+

+function afficheTuilesRestantes($t, $p) {

+  echo '<td class="zone-moi-tuilesrestantes-nbr" id="TuileRestante_'.$t.$p.'">';

+  echo '</td>';

+

+  echo '<td class="zone-moi-tuilesrestantes-tuile">';

+  echo '<img src="src/tuile_'.$t.'" />';

+  if($p) echo '<img src="src/tuile_'.$p.'" />';

+  echo '</td>';

+}

+

+?>

+

+

+  <div class="zone-moi-tuilesrestantes">

+    <table>

+      <tr>

+<?php afficheTuilesRestantes('1', ''); ?>

+<?php afficheTuilesRestantes('1', 'd'); ?>

+<?php afficheTuilesRestantes('1', 'o'); ?>

+      </tr>

+      <tr>

+<?php afficheTuilesRestantes('2', ''); ?>

+<?php afficheTuilesRestantes('2', 'd'); ?>

+<?php afficheTuilesRestantes('2', 'o'); ?>

+      </tr>

+      <tr>

+<?php afficheTuilesRestantes('3', ''); ?>

+<?php afficheTuilesRestantes('4', ''); ?>

+<?php afficheTuilesRestantes('4', 'd'); ?>

+      </tr>

+      <tr>

+<?php afficheTuilesRestantes('5', ''); ?>

+<?php afficheTuilesRestantes('6', ''); ?>

+<?php afficheTuilesRestantes('7', ''); ?>

+      </tr>

+      <tr>

+<?php afficheTuilesRestantes('8', 'd'); ?>

+<?php afficheTuilesRestantes('9', ''); ?>

+<?php afficheTuilesRestantes('9', 'd'); ?>

+      </tr>

+      <tr>

+<?php afficheTuilesRestantes('10', ''); ?>

+<?php afficheTuilesRestantes('10', 'd'); ?>

+        <td colspan=2 rowspan=2>Tuiles restantes dans la pioche (dont la tuile en cours)</td>

+      </tr>

+      <tr>

+<?php afficheTuilesRestantes('11', ''); ?>

+<?php afficheTuilesRestantes('11', 'd'); ?>

+      </tr>

+    </table>

+  </div>

+

+

+

+

+

 </div>

+

+

+

+

+

+

+

 <div class="bas-btn" id="basBoutons">

   <div class="bas-btn-terminer jeu-btn" id="basBoutonTerminer">Terminer la partie</div>

 </div>

@@ -182,6 +182,8 @@ echo '"pioche":"'.$scPartie->pioche[0].'", ';

 echo '"nbpioche":'.(count($scPartie->pioche) - 1).', ';

 echo '"tresor":'.JsonTab( $scPartie->nextTresor() ).', ';

+echo '"tuilesrestantes":{'.$scPartie->tuilesRestantesJson().'}, ';

+

 //  * Joueurs

 echo '"joueur":{';

 echo JsonJoueur( $scMoi );

@@ -144,6 +144,13 @@ $(document).ready(function() {

         $('#zoneInfosTemple' + (t + 1)).html( data['tresor'][t] );

+      // AFFICHAGE DU NBR DE TUILES RESTANTES

+      if( !lastData || lastData['nbpioche'] != data['nbpioche'] ) {

+        var listeTuilesRestantes = ['1', '1d', '1o', '2', '2d', '2o', '3', '4', '4d', '5', '6', '7', '8d', '9', '9d', '10', '10d', '11', '11d'];

+        for(var t = 0 ; t < listeTuilesRestantes.length ; t++)

+          $( '#TuileRestante_' + listeTuilesRestantes[t] ).html( ( data['tuilesrestantes'][ listeTuilesRestantes[t] ] ? data['tuilesrestantes'][ listeTuilesRestantes[t] ] : '0' ) + 'x' );

+      }

+

     }

     // FIN DE PARTIE : statut > 10

     else if(data['statut'] >= 10) {