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

www/css/main.css

@@ -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;

www/screens/nearby.html

@@ -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>";

www/screens/profile.html

@@ -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));
+                teamcolor = getTeamColorFromId(data.stats.teamid);
-                $('#player-name').css('color', '#' + getTeamColorFromId(data.stats.teamid));
+                $('#player-name').css('border-color', '#' + teamcolor);
-                $('#player-level').css('border-color', '#' + getTeamColorFromId(data.stats.teamid));
+                $('#player-name').css('color', '#' + teamcolor);
-                $('#badge-header').css('border-color', '#' + getTeamColorFromId(data.stats.teamid));
+                $('#player-level').css('border-color', '#' + teamcolor);
-                $('#badges').css('border-color', '#' + getTeamColorFromId(data.stats.teamid));
+                $('#badge-header').css('border-color', '#' + teamcolor);
-                $('.badge-img').css('border-color', '#' + getTeamColorFromId(data.stats.teamid));
+                $('#badges').css('border-color', '#' + teamcolor);
-                $('#privmsg-header').css('border-color', '#' + getTeamColorFromId(data.stats.teamid));
+                $('.badge-img').css('border-color', '#' + teamcolor);
-                $('#privmsg-container').css('border-color', '#' + getTeamColorFromId(data.stats.teamid));
+                $('#privmsg-header').css('border-color', '#' + teamcolor);
-                $('#loading-privmsgs').css('border-color', '#' + getTeamColorFromId(data.stats.teamid));
+                $('#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.');
             }