Untitled

avatar
unknown
plain_text
2 years ago
3.9 kB
19
Indexable
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>RITS</title>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/alertify.min.css" />
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/themes/bootstrap.min.css" />
</head>

<body class="gray lighten-4 z-depth-4">
  <ul id="slide-out" class="sidenav sidenav-fixed hoverable">
    <li>
      <div class="user-view">
        <div class="background">
          <img src="../imgs/background.jpg">
        </div>
        <a href="#user"><img class="circle" src="../imgs/user.jpg"></a>
        <a href="#name"><span class="white-text name">Your name</span></a>
        <a href="#email"><span class="white-text email">youremail@email.com</span></a>
      </div>
    </li>

    <li><a href="../pages/dashboard.php">Dashboard</a></li>
    <li><a href="../pages/employees.php">Customers</a></li>
    <li><a href="../pages/items.php">Items</a></li>
    <li><a href="../pages/users.php">System Users</a></li>

    <li>
      <div class="divider"></div>
      <!-- <a class="sidenav-close grey-text" href="#">More</a> -->
      <ul class="collapsible">
        <li style="margin-left: 15px;">
          <div class="collapsible-header">Others<i class="material-icons right">arrow_drop_down</i></div>
          <div class="collapsible-body"><a class="black-text" href="../pages/departments.php">Departments</a></div>
          <div class="collapsible-body"><a class="black-text" href="../pages/positions.php">Positions</a></div>
          <div class="collapsible-body"><a class="black-text" href="../pages/locations.php">Locations</a></div>
          <div class="collapsible-body"><a class="black-text" href="#">Availability</a></div>
        </li>
      </ul>
    </li>
    <div class="divider"></div>
    <li>
      <ul class="collapsible">
        <li style="margin-left: 15px;">
          <div class="collapsible-header">Transactions<i class="material-icons right">arrow_drop_down</i></div>
          <div class="collapsible-body"><a class="black-text" href="FindItemToDeploy.php">Item Deployment</a></div>
        </li>

      </ul>
    </li>
  </ul>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      var elems = document.querySelectorAll('.sidenav-trigger');
      var instances = M.Sidenav.init(elems);
    });
  </script>
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      var elems = document.querySelectorAll('.sidenav');
      var instances = M.Sidenav.init(elems, {
        edge: 'left', // or 'right' depending on your design
        draggable: false, // To disable drag-and-drop functionality
      });
    });
  </script>

  <script>
    $(document).ready(function() {
      $('.sidenav').sidenav();
      $('.dropdown-trigger').dropdown();
    });
    document.addEventListener('DOMContentLoaded', function() {
      var collapsibles = document.querySelectorAll('.collapsible');
      M.Collapsible.init(collapsibles);
    });
  </script>
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.1/css/toastr.css" rel="stylesheet" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.1/js/toastr.js"></script>
Editor is loading...
Leave a Comment