Skip to content
Snippets Groups Projects
Commit 2a8ee898 authored by Aldrich Valentino Halim's avatar Aldrich Valentino Halim
Browse files

dashboard connected to controller

parent 95d63381
1 merge request!42Projekers - 13515051 - Girvandi Ilyas
Hide whitespace changes
Inline Side-by-side
css/dashboard.css
+ 33
− 0
View file @ 2a8ee898
......@@ -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
img/mail.png
+ 0
− 0
View replaced file @ 95d63381 View file @ 2a8ee898
img/mail.png

283 B | W: | H:

img/mail.png

14.4 KiB | W: | H:

img/mail.png
img/mail.png
img/mail.png
img/mail.png
  • 2-up
  • Swipe
  • Onion skin
img/phone.png
+ 0
− 0
View replaced file @ 95d63381 View file @ 2a8ee898
img/phone.png

387 B | W: | H:

img/phone.png

8.09 KiB | W: | H:

img/phone.png
img/phone.png
img/phone.png
img/phone.png
  • 2-up
  • Swipe
  • Onion skin
js/profile.js
+ 13
− 8
View file @ 2a8ee898
......@@ -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;
......
view/dashboard.php
+ 36
− 33
View file @ 2a8ee898
......@@ -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
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment