From 2a8ee89857998e8f8c40058a49127634e84c38c7 Mon Sep 17 00:00:00 2001
From: aldrichvalentino <aldrich.vh97@gmail.com>
Date: Sat, 30 Sep 2017 10:51:06 +0700
Subject: [PATCH] dashboard connected to controller

---
 css/dashboard.css  |  33 ++++++++++++++++++++++
 img/mail.png       | Bin 283 -> 14793 bytes
 img/phone.png      | Bin 387 -> 8283 bytes
 js/profile.js      |  21 ++++++++------
 view/dashboard.php |  69 +++++++++++++++++++++++----------------------
 5 files changed, 82 insertions(+), 41 deletions(-)

diff --git a/css/dashboard.css b/css/dashboard.css
index 680c989d..5c6f990f 100644
--- a/css/dashboard.css
+++ b/css/dashboard.css
@@ -65,4 +65,37 @@
 .user-profile {
     width: 100%;
     text-align: center;
+    margin: 20px 0;
+}
+
+.user-profile img {
+    display: inline-block;
+    width: 30px;
+    margin: 0 5px;
+    vertical-align: top;
+}
+
+/* id selectors */
+#user-image {
+    display: inline-block;
+    background: no-repeat center;
+    background-size: cover;
+    height: 100px;
+    width: 100px;
+    border-radius: 1000px;
+    border: 3px solid #000;
+}
+
+#profile-username {
+    font-size: 1.8rem;
+    margin: 5px 0;
+}
+
+#name {
+    font-size: 1.8rem;
+}
+
+#email, #phone {
+    font-size: 1.5rem;
+    display: inline-block;
 }
\ No newline at end of file
diff --git a/img/mail.png b/img/mail.png
index df8381c11f83f8a7871a35142b031748643703a6..62533ed1b1c98f48d4aa496fc5197d568d84d96d 100644
GIT binary patch
literal 14793
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

literal 283
zcmeAS@N?(olHy`uVBq!ia0vp^B0$W;!3HFgc;@~FQk(@Ik;M!Q+(IDCc<FB4AE4k_
zPZ!4!jq}NW{{OdUW@bKI&-SXJ*@q{DEyR2R>*^QFlX-LnD|znAUY2<B({O41zFh}5
ze3+qi_)zXlo?9n`j^8ej{L%67oi<zB>FILDb0Y8bsQqkFJfAJbd{|qs&Hu$Ooz)*I
zEjt!k&X|Aj$dcZN7I)T&@^q>(@>orsEZOAo$w=e{%M^n*!8Z?VSft*cc-)(_t$vjf
zkLT<21~*RGrDZ4|cVGhoySWT)CUYAayHnlPaQ?n5+QzHhXSnCk>d?stjn7VV6w^&K
e=KD2=iQ%u2!*uQ?R~vyIWAJqKb6Mw<&;$T&j&6Pc

diff --git a/img/phone.png b/img/phone.png
index 6baa68c58f3a99a771d733d3078f2663baf82a35..d941d8d6d914787d3878817de9c0020a2e77da71 100644
GIT binary patch
literal 8283
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
NnveBVtCX$7{tK*T4od(4

literal 387
zcmV-}0et?6P)<h;3K|Lk000e1NJLTq000jF000aK1^@s6y+Y^Y00009a7bBm000XT
z000XT0n*)m`~Uy}HAzH4R4C8Il08eqU=)R)6j2AU2-2x81<}DQMiGSK=4y2@lT?Ry
z%O4OoNq<BJ1()dJ$LcBsL~-h%i(uYPB~THE>T+Dvn(Cy3XS<*0-g~YiN&FH8{(ynJ
zX=%)@a-8$6adN%Q#1F-e^r+<UjOJ69cDqBRG{$o-WrR-qp0QGi;n5jZ{6&hru^mz-
zF~(3^s#3@@TsI?%A~M${%L-JNY8YdfB*ppKSCW*3@;pz$&aT4P>MLv<YIi4)=XnZ~
zTu9F6we1CamtB^p?>IObWPAd!8L#UbOx>O{ys$;JfANnlNf;`XWaD~|AqiEFt)x_8
zKdq#mRFw)vpzIq68dxli0E}M-id1-@_5IostwT0V!fb7Zp?ArSqbugk+Pg$AG*53>
hjP~)%{l)+BVQ&iEyZwEB^J4%2002ovPDHLkV1k4atC0Wz

diff --git a/js/profile.js b/js/profile.js
index 5b27ba0c..598f8fad 100644
--- a/js/profile.js
+++ b/js/profile.js
@@ -2,15 +2,20 @@ function getUserProfile(){
     var xmlhttp = new XMLHttpRequest();
     xmlhttp.onreadystatechange = function () {
         if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
-            var $result = xmlhttp.responseXML;
+            var result = xmlhttp.responseXML;
+            console.log(result);
+            var username = result.getElementsByTagName('username')[0].childNodes[0].nodeValue;
+            var name = result.getElementsByTagName('name')[0].childNodes[0].nodeValue;
+            var email = result.getElementsByTagName('email')[0].childNodes[0].nodeValue;
+            var phone = result.getElementsByTagName('phone')[0].childNodes[0].nodeValue;
+            var image =result.getElementsByTagName('image')[0].childNodes[0].nodeValue;
 
-            var $user = $result.getElementsByTagName('user');
-            for(i = 0; i < $user.length; i++){
-                
-
-            }
-
-            document.getElementById('profile-username').innerHTML = "woy ini";
+            document.getElementById('username').innerHTML = 'Hi, ' + username + '!';
+            document.getElementById('profile-username').innerHTML = '@' + username;
+            document.getElementById('name').innerHTML = name;
+            document.getElementById('email').innerHTML = email;
+            document.getElementById('phone').innerHTML = phone;
+            document.getElementById('user-image').style.backgroundImage = 'url(../img/' + image + ')';
         }
     };
     //var userid = 1;
diff --git a/view/dashboard.php b/view/dashboard.php
index b3405df9..d66bca8a 100644
--- a/view/dashboard.php
+++ b/view/dashboard.php
@@ -6,40 +6,43 @@
     <script src="../js/profile.js"></script>
 </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 class="container">
+        <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">
+            <button class="submenu" id="order">ORDER</button>
+            <button class="submenu" id="history">HISTORY</button>
+            <button class="submenu selected" id="profile" onclick="getUserProfile()">PROFILE</button>
+        </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"></div>
+            <h1 id="profile-username"></h1>
+            <div id="name"></div>
+            <div id="driver-stats"></div>
+            <img src="../img/mail.png" /><div id="email"></div><br />
+            <img src="../img/phone.png" /><div id="phone"></div><br />
+        </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>
     </div>
-    <div class="menu">
-        <button class="submenu" id="order">ORDER</button>
-        <button class="submenu" id="history">HISTORY</button>
-        <button class="submenu selected" id="profile" onclick="getUserProfile()">PROFILE</button>
-    </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="profile-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
-- 
GitLab