Database/HEADER.php at master · dollychu/Database · 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

<?php session_start() ?>

<nav class="navbar navbar-expand-md navbar-light fixed-top" style="background-color: #E3F2FD;">
  <div class="ml-1 container-fluid row">
    <div class="navbar-header col-md-1 row justify-content-between">
      <a class="navbar-brand" href='./'> MUlody</a>
      <button type='button' class="navbar-toggler" data-toggle='collapse' data-target='#navbarsMain' aria-controls='navbarsMain' aria-expanded='false'>
        <span class='navbar-toggler-icon'></span>
      </button>
    </div><!--./navbar-header-->

    <div class="collapse navbar-collapse col-md-11" id="navbarsMain">
      <div class="container-fluid row" >
        <ul class="navbar-nav col-md-1">
          <li class="nav-item active"><a class="nav-link" href="./">HOME<span class="sr-only">(current)</span></a></li>
        </ul>

        <form class="form-inline col-md-4 ml-auto" type='search' action="./searchResult.php" method="GET">
          <div class="container row justify-content-center">
            <div class="col-8-fluid"><input class="form-control" type="text" placeholder="Search" name="search_str"></div>
            <div class="col-4-fluid"><button class="btn btn-default ml-sm-2" type="submit">GO</button></div>
          </div>
        </form>

        <ul class="navbar-nav col-md-3 ml-md-auto">
          <div class="row">
            <div class="col-md"><li class="nav-item"><a class="nav-link" href="upload.php">UPLOAD</a></li></div>
            <div class="col-md-fluid ml-1"><li class="nav-item">
              <?php
                if(isset($_SESSION['UserName'])){
                  echo "<a class='nav-link' href='settings.php'>".$_SESSION['UserName']."</a>";
                }
                else{
                  echo "<a class='nav-link' href='sign_in.html'>SIGN IN</a>";
                }
              ?>
            </li></div>
            <div class="col-md">
              <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                   ELSE
                </a>
                <div class="dropdown-menu">
                  <a class="dropdown-item" href="#">About us</a>
                    <a class="dropdown-item" href="./settings.php">Settings</a>
                    <div class='dropdown-divider'></div>
                    <a class="dropdown-item" href="php/logout.php">Sign out</a>
                </div>
              </li>
            </div>
          </div>
        </ul>

      </div><!--End of inner row-->
    </div><!--End of collapse navbar-->
  </div><!-- ./container-fluid -->
</nav>