From be50ab89a30d4844bbd1694aa70a054a328fa53b Mon Sep 17 00:00:00 2001
From: sheychen <sheychen.public@gmail.com>
Date: Tue, 30 Jan 2018 09:23:21 +0100
Subject: [PATCH] First and Final

---
 happy.gif | Bin 0 -> 2642 bytes
 index.php | 161 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 ok.gif    | Bin 0 -> 1612 bytes
 sad.gif   | Bin 0 -> 9213 bytes
 style.css |  34 ++++++++++++
 5 files changed, 195 insertions(+)
 create mode 100644 happy.gif
 create mode 100644 index.php
 create mode 100644 ok.gif
 create mode 100644 sad.gif
 create mode 100644 style.css

diff --git a/happy.gif b/happy.gif
new file mode 100644
index 0000000000000000000000000000000000000000..58cf1bd7deeda48c131cebacfea88ecaff93a59a
GIT binary patch
literal 2642
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

literal 0
HcmV?d00001

diff --git a/index.php b/index.php
new file mode 100644
index 0000000..a08afc8
--- /dev/null
+++ b/index.php
@@ -0,0 +1,161 @@
+<?php
+ini_set('xdebug.max_nesting_level', 20000);
+
+session_start();
+if(!isset($_SESSION['config']) || (isset($_POST['sizeX']) && isset($_POST['sizeY']) && isset($_POST['bombs']))) $_SESSION['config'] = array(
+    'sizeX' => isset($_POST['sizeX']) ? $_POST['sizeX'] : 10,
+    'sizeY' => isset($_POST['sizeY']) ? $_POST['sizeY'] : 10,
+    'bombs' => isset($_POST['bombs']) ? $_POST['bombs'] : 10
+);
+
+if(!isset($_SESSION['cases']) || isset($_POST['Reset'])){
+    $_SESSION['cases'] = array_fill(0, $_SESSION['config']['sizeX'], array_fill(0, $_SESSION['config']['sizeY'], array('bomb' => false, 'visible' => false)));
+
+    for ($i=0; $i < $_SESSION['config']['bombs']; $i++) {
+        $x; $y;
+        do{
+            $x = rand(0, count($_SESSION['cases'])-1);
+            $y = rand(0, count($_SESSION['cases'][$x])-1);
+        }while($_SESSION['cases'][$x][$y]['bomb']);
+        $_SESSION['cases'][$x][$y]['bomb'] = true;
+    }
+}
+
+$alive = true;
+
+if(isset($_POST['xPos']) && isset($_POST['yPos'])){
+    if(!$_SESSION['cases'][$_POST['xPos']][$_POST['yPos']]['visible']){
+        if($_SESSION['cases'][$_POST['xPos']][$_POST['yPos']]['bomb']){
+            $alive = false;
+            for ($x=0; $x < count($_SESSION['cases']); $x++){
+                for ($y=0; $y < count($_SESSION['cases'][$x]); $y++){
+                    $_SESSION['cases'][$x][$y]['visible'] = true;
+                }
+            }
+        }else{
+            set_visible_rec($_POST['xPos'], $_POST['yPos']);
+        }
+    }
+}
+
+$win = true;
+for ($x=0; $x < count($_SESSION['cases']) && $win; $x++){
+    for ($y=0; $y < count($_SESSION['cases'][$x]) && $win; $y++){
+        if(!$_SESSION['cases'][$x][$y]['bomb'] && !$_SESSION['cases'][$x][$y]['visible']) $win = false;
+    }
+}
+
+function get_bomb_count($x, $y){
+    $count = 0;
+    for ($i=-1; $i <= 1; $i++) { 
+        for ($j=-1; $j <= 1; $j++) { 
+            if(isset($_SESSION['cases'][$x+$i][$y+$j]) && $_SESSION['cases'][$x+$i][$y+$j]['bomb']) $count++;
+        }
+    }
+    return $count;
+}
+
+function set_visible_rec($x, $y){
+    if(!$_SESSION['cases'][$x][$y]['visible']){
+        $_SESSION['cases'][$x][$y]['visible'] = true;
+        if(get_bomb_count($x, $y) == 0){
+            for ($i=-1; $i <= 1; $i++) { 
+                for ($j=-1; $j <= 1; $j++) { 
+                    if(isset($_SESSION['cases'][$x+$i][$y+$j])) set_visible_rec($x+$i, $y+$j);
+                }
+            }
+        }
+    }
+}
+?><!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="style.css">
+    <title>Demineur</title>
+</head>
+<body>
+    <h1>Demineur</h1>
+    <nav>
+        <form method="post">
+            <input type="hidden" name="Reset">
+            <button type="submit">
+                <img id="reset" src="<?= $alive ? ($win ? 'happy' : 'ok') : 'sad' ?>.gif" />
+            </button>
+        </form>
+    </nav>
+    <table id="cases">
+    <?php for ($x=0; $x < count($_SESSION['cases']); $x++): ?>
+        <tr>
+        <?php for ($y=0; $y < count($_SESSION['cases'][$x]); $y++): ?> 
+            <td>
+            <?php
+            if($_SESSION['cases'][$x][$y]['visible']){
+                if($_SESSION['cases'][$x][$y]['bomb']){
+                    echo '*';
+                }else{
+                    $count = get_bomb_count($x, $y);
+                    if($count > 0){
+                        echo '<span style="color: ';
+                        switch ($count) {
+                            case 1:
+                                echo 'blue';
+                                break;
+
+                            case 2:
+                                echo 'green';
+                                break;
+
+                            case 3:
+                                echo 'red';
+                                break;
+
+                            case 4:
+                                echo 'darkblue';
+                                break;
+                            
+                            case 5:
+                                echo 'darkred';
+                                break;
+
+                            default:
+                                echo 'black';
+                                break;
+                        }
+                        echo '">'.$count.'</span>';
+                    }
+                }
+            }else{
+            ?>
+                 <form method="post">
+                    <input type="hidden" name="xPos" value="<?= $x ?>">
+                    <input type="hidden" name="yPos" value="<?= $y ?>">
+                    <input type="submit" value=" ">
+                </form>
+            <?php } ?>
+            </td>
+        <?php endfor ?>
+        </tr>
+    <?php endfor ?>
+    </table>
+    <div id="config">
+        <form method="post">
+            <p>
+                <label for="bombs">Bombs: </label>
+                <input type="number" name="bombs" id="bombs" value="10">
+            </p>
+            <p>
+                <label for="sizeX">Size X: </label>
+                <input type="number" name="sizeX" id="sizeX" value="<?= count($_SESSION['cases']) ?>">
+            </p>
+            <p>
+                <label for="sizeY">Size Y: </label>
+                <input type="number" name="sizeY" id="sizeY" value="<?= count($_SESSION['cases'][0]) ?>">
+            </p>
+            <input type="submit" value="Reset" name="Reset">
+        </form>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/ok.gif b/ok.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b6df3ede2f603aa584d5c1d7cb9a22c4846d762e
GIT binary patch
literal 1612
zcmeH``%hB`6vxkPFSJ|{3KT)Ka0^Pdh4G3yKr*Tzj9FeSaV{eprQALQ+S*<yF1Qrz
zfCx1_Bn$(JhE<(TftcyChb?pyp+2G{#RYjke4soB$m^~qOZFG+mu2Ut^F2SD&&ek_
z35oF$ks^0+2OB`_E*3>mF<lEYKfu$0r;i?X-?v(xPfcHWNvS>$U9ti-&ZQ;-nrgI}
z2fZd6VW|hG3IA2w=E)bYY_`W!S77EQ7>}Z>f4EJz!OCN1bA8cjpDQ)yH}?xzyUo<7
zUxtl(egW2=xK-)J=j)GWr*M|7P$-SoO7?z{$ewP8rEXZf3oSXQERAzrPnQWegEx?k
zA)oaD@2V47i(N4LGi;1-p1pj1uI|gTrwf15($1*R>nG8BJ)HyBkh$A1a|_xGbZXqc
zqk@)~#CY{1v{lkGKi(o2`VQ7ZQ*Gh$1IKPXZLu4aLdMl%^nn2xss(B4_Qslm!8)ME
zxYi2VQ6XcZ0j9o#j!N2`1&q0LMKa_2ujuo?!-CbZr-jyQq^%G6jMl-q<LEaz==^P%
zG(t_OBwzf&pLd{85`C!v%{|DN?|_Zr?Jq9FN-w5NVk~q*&t22EN9eX|v;rb(!2&kh
zqxHe9_e+twEOg!snok%TBfgrf-K#d2g$_`pGFG3kUe7JT|Ml-1;8L5C52OoY_oW^P
z4-Taxb|QDfEF(!(R7i+cs|{9@xf-Q}3>GW%LPQFAo=7SehhSK&nh=phHm;SEGJN0P
zb37q29zTSK1&4=YS;ugJTq+}RQi<~k35g5sTeKoIfhQ`&!5EgV#5MUUm736Ka8f4M
z;Cc2=BqeaU!k!6SO-SV$l2F?j1%z57S1Pc4g;++2b8!C@6=}~JyyzdY{k%LvLE;j%
zD39>Rfcpk@LZBRi-YR_i>%gSI%_)vF@toK$+ne7J4Vg@3s1I+p`r<v`@HFS$_zWwp
z7?oPUJF@1tYF{VJxrHUJL;<0hP9N)_d+lVilJKxGg5MB>@LFdiNvB+k&scXvh6n2Q
zYkpnJEU{eV8<RiFzSVrfQ0WFNJkzHjNRJ5mBbf9(dfiPJz?cZntlJq_LvnYNy-PQG
zpS{|emBnIh-o?xKlvP|j>Oef}yF8ST;^`d}VTCr`M|$QaRc0z4r?2N|+xsKTqU<u4
zl9fun(9Cag^*ExN1zsoDh?PL0uFQhQ6<uO)g)T?b;r)@reRH}y6^*o*3u(0?lg`sK
zj?Z~h+b)g^@M?{IIAU>VG;kcY^jGcw`Xqas&xg*;|EMv9r*{ch&4emrNkf!hU@wdg
z>r1OkP=m8z81Z%YV9lNvWCOm9#lBH47WL45L)6$>d3;hSLO+!5#|j%y=|1IV$S}?E
ZDm=VYdkWZxRk4`odxBiqawraa{{k`x`vm|1

literal 0
HcmV?d00001

diff --git a/sad.gif b/sad.gif
new file mode 100644
index 0000000000000000000000000000000000000000..141395f622ef1ec8c95453ffc96371913d147d77
GIT binary patch
literal 9213
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%0DJ6peE+t)&Ax_K80eR_p
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

literal 0
HcmV?d00001

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..047cae3
--- /dev/null
+++ b/style.css
@@ -0,0 +1,34 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    text-align: center;
+}
+
+#reset {
+    height: 2em;
+    width: auto;
+}
+
+#cases {
+    border-collapse: collapse;
+    margin: auto;
+}
+#cases td {
+    background-color: #ddd; 
+    border: 1px solid black;
+    width: 2em;
+    height: 2em;
+    text-align: center;
+    font-weight: bold;
+}
+#cases form, #cases input {
+    width: 100%;
+    height: 100%;
+}
+#cases input {
+    border: 4px outset grey;
+    box-sizing: border-box;
+}
\ No newline at end of file