atouce/docs.php at master · ig1na/atouce · GitHub

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<?php include("../phpinc/includes/connexionDB.php"); ?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/static-menu.css">
    <link rel="stylesheet" href="css/main-content-docs.css">
    <link href="https://fonts.googleapis.com/css?family=Titillium+Web|Patua+One|Lato|Palanquin+Dark|Open+Sans" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Les documents du CE</title>
  </head>
  <body>
    <div class="entire-body">
      <header class="header-wrapper">
        <h1 class="header-text">atou'ce</h1>

        <div class="logo-wrapper">
          <img src="images/atouce.png" alt="logo atouce"/>
        </div>
      </header>

      <nav class="menu">
        <div class="menu-button">
          <a class="threelines-button" href="#menu">
          </a>
        </div>
        <ul>
          <?php
            $menu_request = 'SELECT * FROM menu';

            foreach($db->query($menu_request) as $row) {
          ?>

          <li>
            <a href='<?php echo $row["link"]; ?>'>
              <p>
                <?php echo $row['name']; ?>
              </p>
            </a>
          </li>

          <?php
            }
          ?>
        </ul>
      </nav>

      <div class="page-wrap">

        <div class="page-header">
          <h1>Les documents <span class="light-text">du CE</span></h1>
          <h3>visualiser et télécharger les informations du CE</h3>
        </div>
      </div>

      <div class="checkbox-menu">
        <form action="">
          <ul>
            <?php
              $radio_btn_menu = 'SELECT * FROM docs_toggle_menu';

              foreach($db->query($radio_btn_menu) as $row) {
            ?>

              <li>
                <span><?php echo $row['cat']; ?></span>
                <input type="checkbox" class="doc-type" id="doc-type-<?php echo $row['cat']; ?>" name="file-type" cat="<?php echo $row['cat']; ?>">
                <label for="doc-type-<?php echo $row['cat']; ?>"></label>
              </li>

            <?php
              }
            ?>

            <li>
              <span>autres</span>
              <input type="checkbox" class="doc-type" id="doc-type-all" name="file-type" value="all" checked>
              <label for="doc-type-all"></label>
            </li>

          </ul>
        </form>
      </div>

      <div class="docs-list">

        <?php
          $docs = 'SELECT * FROM docs';

          foreach($db->query($docs) as $row) {
        ?>

        <div class="doc" cat="<?php echo $row['cat']; ?>" id="doc-<?php echo $row['cat']; ?>-<?php echo $row['id']; ?>">
          <img class="file-icon" src="icones/<?php echo $row['filetype']; ?>.svg" />
          <h2><?php echo $row['titre']; ?></h2>
          <p><?php echo $row['description']; ?></p>
          <img class="download-icon" src="icones/download.png">
        </div>

        <?php
          }
        ?>

      </div>

    </div>

    <footer>
      <div class="mini-footer">
        <ul>
          <li>NOM DU CE</li>
          <li>Adresse</li>
          <li>Ville</li>
          <li>Téléphone</li>
        </ul>

        <p class="mini-foot-r">atou'CE, un produit atoucom</p>
      </div>
    </footer>

    <script
			  src="https://code.jquery.com/jquery-3.2.1.min.js"
			  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
			  crossorigin="anonymous"></script>
    <script src="js/mobile-menu.js"></script>
    <script src="js/page-docs.js"></script>
  </body>
</html>