Bonjour à tous.

Je travaille actuellement sur un projet qui est donc de récupérer des commandes qui proviennent d'une base de donnée mssql.

J'affiche donc les numéros de commandes ainsi que si elles sont préparés ou non.

Je souhaiterais c'est pourvoir sur 3 lignes comme il est présent sur le screen , pouvoir mettre a coté de le nom de la commande afin que cela fasse quelque chose de propre et épuré

Voici mon code :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="refresh" content="5" />
    <link rel="stylesheet" type="text/css" href="css/tests.css">
    <title></title>
</head>
<body>
    <center>
        <div class="TH">
            <br><br>
                    <ul class='list-column'>
                        <li><?php
                            $dsn="";
                            $user="";
                            $password="";
                            $conn=odbc_connect($dsn,$user, $password);
 
                            //REQUETES
                            $sql = <<<EOF
                            SELECT enc_id, enc_cmd_num, enc_paye, enc_prepared, enc_ext_ref, enc_heure_fab_deb, enc_heure_fab_fin, Client.cli_civilite,Client.cli_nom, Client.cli_prenom FROM Client RIGHT JOIN encaissement ON Client.cli_id = encaissement.enc_client WHERE enc_etat<>4 AND enc_date= '20221229' AND ((DATEDIFF(n,enc_heure_fab_fin, getDate()) < 3 AND enc_prepared <> 0) OR enc_prepared = 0) AND enc_emporte <> 1 ORDER BY encaissement.enc_heure_fab_deb ASC
                    EOF;
                            
                            $results = odbc_exec($conn,$sql);
       
                            while($resultrow = odbc_fetch_array($results)){ 
                            echo "<span class='cmdnum'>".$resultrow["enc_cmd_num"]."</span>" ; }
 
 
                        $results = odbc_exec($conn,$sql);
 
                        if( $results )
                        {
                            while($resultrow = odbc_fetch_array($results))
                            {
                                switch($resultrow['enc_prepared'])
                                {
                                    case 0:
                                        echo"<p class='ENCOURS'>EN PREPARATION<p/>\r \n";
                                        break;
                                    case 1:
                                        echo "<p class='PRETE'>COMMANDE PRÊTE<p/>\r\n";
                                        break;
                                }
                            }
                        }
 
                        ?>
                    </ul>
                      </li>

Et mon code css :

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
/*FONTS*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,300&display=swap');
 
 
body{
    background-color: black;
}
 
.list-column {
    column-count: 3;
    column-gap: 70px;
    padding-left: 0;
}
 
 
.cmdnum{
    font-family: 'Montserrat';
    color: white;
    font-weight: bold;
    font-size: 30px;
    margin-left: 40px;
    background-color: red;
}
 
 
.ENCOURS{
        font-family: 'Montserrat';
        color:orange;
            font-weight: bold;
                font-size: 30px;
                margin-left: 40px;
 
 
}
 
.PRETE{
        font-family: 'Montserrat';
    color: green;
        font-weight: bold;
        animation-duration: .8s;
    animation-name: clignoter;
    animation-iteration-count: infinite;
    transition: none;
        font-size: 30px;
        margin-left: 20px;
 
 
 
}

Nom : Capture.PNG Affichages : 67 Taille : 11,5 Ko