clementinecomputing
/
Popufare-Admin-Web-UI


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
							<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Popufare Admin UI</title>

  <link href="/static/css/bootstrap.min.css" rel="stylesheet">
  <link href="/static/css/simple-sidebar.css" rel="stylesheet">

</head>

<body>

  <div class="d-flex" id="wrapper">

    <div class="bg-light border-right" id="sidebar-wrapper">
      <div class="sidebar-heading"><b>Popufare Admin UI</b></div>
      <div class="list-group list-group-flush">
        <a href="/manage_card" class="list-group-item list-group-item-action bg-light">Manage Card</a>
        <a href="/manage_user" class="list-group-item list-group-item-action bg-light">Manage User</a>
        <a href="/reissue_card" class="list-group-item list-group-item-action bg-light">Re-Issue</a>
        <a href="/recycle_card" class="list-group-item list-group-item-action bg-light">Recycle Card</a>
        <a href="/add_card_block" class="list-group-item list-group-item-action bg-light">Add Card Block</a>
        <a href="/process_pending_card" class="list-group-item list-group-item-action bg-light">Pending</a>
        <a href="/search" class="list-group-item list-group-item-action bg-light">Search</a>
      </div>
    </div>

    <div id="page-content-wrapper">

      <nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom">

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">

          <ul class="navbar-nav ml-auto mt-2 mt-lg-0">

            <!--
            <li class="nav-item"> <div class='nav-link disabled'> [ {{ user.username }} ] </div> </li>
            <li class="nav-item"> <button type='button' class='btn btn-link'>Logout</button> </li>
            -->

            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                [ {{ user.username }} ]
              </a>
              <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" href="#">Help</a>
                <a class="dropdown-item" href="#">Settings</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">Sign out</a>
              </div>
            </li>


          </ul>


        </div>

      </nav>

      <div class="container-fluid">

        {% block content %}{% endblock %}

        <!--
        <h1 class="mt-4">Simple Sidebar</h1>
        <p>The starting state of the menu will appear collapsed on smaller screens, and will appear non-collapsed on larger screens. When toggled using the button below, the menu will change.</p>
        <p>Make sure to keep all page content within the <code>#page-content-wrapper</code>. The top navbar is optional, and just for demonstration. Just create an element with the <code>#menu-toggle</code> ID which will toggle the menu when clicked.</p>
        -->

      </div>

    </div>
    <!-- /#page-content-wrapper -->

  </div>
  <!-- /#wrapper -->

  <script src="/static/js/jquery.min.js"></script>
  <script src="/static/js/bootstrap.bundle.min.js"></script>

</body>

</html>