TerranQuest/App
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add sending private messages from profile page, nearby list links to profiles

Browse Source
This commit is contained in:
Skylar Ittner 2016-11-09 11:46:07 -07:00
parent 9ab1fe4bf8
commit 17279e7a5b
3 changed files with 61 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
www/css/main.css
View File

@ -313,6 +313,18 @@ body {
margin-top: -10px;
}
#sendmsg-header {
padding-top: 5px;
border-top: 1px solid white;
border-right: 1px solid white;
}
#sendmsg-container {
border-right: 1px solid white;
padding-top: 10px;
margin-top: -10px;
}
#badge-header {
padding-top: 5px;
border-top: 1px solid white;

2
www/screens/nearby.html
View File

@ -26,7 +26,7 @@
<script>
function getpeoplehtmlfromjson(person) {
var peoplehtml = "<div class='list-group-item nearby-item' id='nearby-person-" + person.uuid + "'>"
var peoplehtml = "<div class='list-group-item nearby-item' id='nearby-person-" + person.uuid + "' onclick='openProfile(\"" + person.name + "\");'>"
+ "<h4 class='nearbyname'>" + person.name + "</h4>"
+ "<p class='nearbyteam' style='color: #" + getTeamColorFromId(person.team) + ";'>" + getTeamNameFromId(person.team) + "</p>"
+ "</div>";

57
www/screens/profile.html
View File

@ -37,6 +37,19 @@
</div>
</div>
</div>
<div style="display: none;" id="sendmsg-box">
<div class="h5" id="sendmsg-header">Private Message</div>
<div class="container" id="sendmsg-container">
<form id="sendprivmsgform">
<div class="input-group">
<input type="text" class="form-control" id="privmsgbox" placeholder="Send message" />
<div class="input-group-btn">
<button type="submit" class="btn btn-success" id="sendprivmsg"><i class="fa fa-paper-plane"></i></button>
</div>
</div>
</form>
</div>
</div>
<script>
function popBadge(name, desc) {
navigator.notification.alert(desc, null, name, "Close");
@ -48,9 +61,32 @@
loadPlayerStats(user);
if (user == username) {
loadPrivmsgs();
} else {
$('#sendmsg-box').css('display', 'block');
}
}
$("#sendprivmsgform").submit(function (event) {
var message = $('#privmsgbox').val();
var toplayer = $('#player-name').text();
if (message !== '') {
$.post(mkApiUrl('privmsgs'), {
msg: message,
to: toplayer
}, function (data) {
if (data.status === 'OK') {
$('#privmsgbox').val("");
$("#privmsgbox").attr("placeholder", "Message sent!");
setTimeout(function () {
$("#privmsgbox").attr("placeholder", "Send message");
}, 2000);
}
}, "json");
}
event.preventDefault();
return false;
});
function loadPlayerStats(user) {
$.getJSON(mkApiUrl('getstats'), {
user: user
@ -61,15 +97,18 @@
} else {
$('#player-level').text('Player does not exist.');
}
$('#player-name').css('border-color', '#' + getTeamColorFromId(data.stats.teamid));
$('#player-name').css('color', '#' + getTeamColorFromId(data.stats.teamid));
$('#player-level').css('border-color', '#' + getTeamColorFromId(data.stats.teamid));
$('#badge-header').css('border-color', '#' + getTeamColorFromId(data.stats.teamid));
$('#badges').css('border-color', '#' + getTeamColorFromId(data.stats.teamid));
$('.badge-img').css('border-color', '#' + getTeamColorFromId(data.stats.teamid));
$('#privmsg-header').css('border-color', '#' + getTeamColorFromId(data.stats.teamid));
$('#privmsg-container').css('border-color', '#' + getTeamColorFromId(data.stats.teamid));
$('#loading-privmsgs').css('border-color', '#' + getTeamColorFromId(data.stats.teamid));
teamcolor = getTeamColorFromId(data.stats.teamid);
$('#player-name').css('border-color', '#' + teamcolor);
$('#player-name').css('color', '#' + teamcolor);
$('#player-level').css('border-color', '#' + teamcolor);
$('#badge-header').css('border-color', '#' + teamcolor);
$('#badges').css('border-color', '#' + teamcolor);
$('.badge-img').css('border-color', '#' + teamcolor);
$('#privmsg-header').css('border-color', '#' + teamcolor);
$('#privmsg-container').css('border-color', '#' + teamcolor);
$('#loading-privmsgs').css('border-color', '#' + teamcolor);
$('#sendmsg-header').css('border-color', '#' + teamcolor);
$('#sendmsg-container').css('border-color', '#' + teamcolor);
} else {
$('#player-level').text('Cannot load player stats.');
}