added dashboard view

231fee0f · Aldrich Valentino Halim · dafd130a · 231fee0f · 231fee0f
Commit 231fee0f authored 7 years ago by Aldrich Valentino Halim
--- a/css/dashboard.css
+++ b/css/dashboard.css
+.header {
+    font-size: 0;
+}
+.logo, .logout-panel {
+    width: 50%;
+    display: inline-block;
+    vertical-align: top;
+}
+.logout-panel {
+    font-size: initial;
+    text-align: right;
+}
+.menu {
+    width: 100%;
+    font-size: 0;
+}
+.submenu {
+    padding: 15px;
+    text-align: center;
+    display: inline-block;
+    box-sizing: border-box;
+    width: 33.33%;
+    border: 1px solid #000;
+    font-size: 2rem;
+    font-weight: bold;
+}
+.selected {
+    background-color: #215118;
+    color: #FFF;
+}
+.sub-header {
+    font-size: 0;
+}
+.sub-header-heading, .edit-icon {
+    display: inline-block;
+    font-size: initial;
+    width: 50%;
+}
+.edit-icon {
+    text-align: right;
+}
+.user-profile {
+    width: 100%;
+    text-align: center;
+}
\ No newline at end of file
--- a/view/dashboard.php
+++ b/view/dashboard.php
+<html>
+<head>
+    <title>User Dashboard</title>
+    <link href="../css/primary.css" type="text/css" rel="stylesheet" />
+    <link href="../css/dashboard.css" type="text/css" rel="stylesheet" />
+</head>
+<body>
+    <div class="header">
+        <div class="logo"><img src="../img/logo.png" /></div>
+        <div class="logout-panel">
+            <div id="username"></div>
+            <a href="index.html">Logout</a>
+        </div>
+    </div>
+    <div class="menu">
+        <div class="submenu">ORDER</div>
+        <div class="submenu">HISTORY</div>
+        <div class="submenu selected">PROFILE</div>
+    </div>
+    <div class="sub-header">
+        <div class="sub-header-heading"><h1>MY PROFILE</h1></div>
+        <div class="edit-icon"><img src="../img/pencil.png" /></div>
+    </div>
+    <div class="user-profile">
+        <div id="user-image">a</div>
+        <h1 id="username">a</h1>
+        <div id="name">a</div>
+        <div id="driver-stats">a</div>
+        <img src="../img/mail.png" /><div id="email">a@gmail</div>
+        <img src="../img/phone.png" /><div id="phone">08080</div>
+    </div>
+    <div class="sub-header">
+        <div class="sub-header-heading"><h1>PREFERRED LOCATION</h1></div>
+        <div class="edit-icon"><img src="../img/pencil.png" /></div>
+    </div>
+    <div class="user-location">
+        <ul type="square" id="user-location">
+            <li>a</li>
+            <li>b</li>
+            <li>c</li>
+        </ul>
+    </div>
+</body>
+</html>
\ No newline at end of file