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

Items can now be given to nearby players

Browse Source
This commit is contained in:
Skylar Ittner 2016-10-11 16:04:01 -06:00
parent 5a80d20a26
commit 3e49d0d928
4 changed files with 108 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
config.xml
View File

@ -1,5 +1,5 @@
<?xml version='1.0' encoding='utf-8'?>
<widget android-versionCode="106011" id="com.netsyms.terranquest.TerranQuest" version="1.6.1.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0" xmlns:gap="http://phonegap.com/ns/1.0">
<widget android-versionCode="106020" id="com.netsyms.terranquest.TerranQuest" version="1.6.2" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0" xmlns:gap="http://phonegap.com/ns/1.0">
<name>TerranQuest</name>
<description>
Augmented Reality fantasy game

4
www/css/main.css
View File

@ -428,7 +428,7 @@ body {
background: linear-gradient(to bottom, #009444 0%, rgba(255,255,255,0) 100%);
}
#shopmessage {
.menumessage {
position: fixed;
z-index: 9999;
background: rgba(0, 0, 0, .85);
@ -451,7 +451,7 @@ body {
display: none;
}
#shopmessagecontent {
.menumessagecontent {
font-size: 120%;
text-align: center;
margin-bottom: 10px;

105
www/screens/inventory.html
View File

@ -23,7 +23,99 @@
</div>
</div>
<div class="menumessage" id="invmessage">
<div id="hugecheckmark" class="hugesymbol">
<i class="fa fa-5x fa-fw fa-check-circle" style="color: green;"></i>
</div>
<div id="hugetimessign" class="hugesymbol">
<i class="fa fa-5x fa-fw fa-times-circle" style="color: red;"></i>
</div>
<div class="menumessagecontent" id="invmessagecontent">
</div>
<div class="btn btn-wide btn-default" onclick="$('#invmessage').css('display', 'none')">
OK
</div>
</div>
<div class="menumessage" id="giveitemmessage">
<div class="menumessagecontent" id="giveitemmessagecontent">
Give one <span id="giveitemname">item</span> to: <br />
<select class="form-control" id="nearby-players-dropdown"></select>
</div>
<div style="margin-bottom: 5px;" class="btn btn-wide btn-success" onclick="giveitem($('#giveitem-uuid').text(), $('#nearby-players-dropdown').val())">
Give
</div>
<div class="btn btn-wide btn-danger" onclick="$('#giveitemmessage').css('display', 'none')">
Cancel
</div>
<span style="display: none;" id="giveitem-uuid"></span>
</div>
<script>
function showInvMessage(msg, iserror) {
if (iserror) {
$('#invmessage #hugetimessign').css('display', 'block');
$('#invmessage #hugecheckmark').css('display', 'none');
} else {
$('#invmessage #hugetimessign').css('display', 'none');
$('#invmessage #hugecheckmark').css('display', 'block');
}
$('#invmessagecontent').text(msg);
$('#invmessage').css('display', 'block');
}
function askgiveitem(uuid) {
$('#invitem-' + uuid).prop('onclick', null).off('click');
$('#giveitem-uuid').text(uuid);
$("#giveitemname").html($('#item-' + uuid).find(".itemname").text());
// Load the list of nearby players
$.getJSON(mkApiUrl('nearby'), {
lat: latitude,
long: longitude
}, function (data) {
var content = "";
if (data.status === 'OK') {
var people = data.people;
people.forEach(function (person) {
if (person.name !== username) {
content += "<option name='" + person.name + "'>" + person.name + "</option>\n";
}
});
} else {
content = "";
}
if (content == '') {
showInvMessage("There is nobody nearby to give an item to.", true);
} else {
$('#nearby-players-dropdown').html(content);
$('#giveitemmessage').css('display', 'block');
}
});
}
function giveitem(uuid, playername) {
$('#giveitemmessage').css('display', 'none');
if (playername === '') {
return;
}
$.getJSON(mkApiUrl('giveitem', 'gs'), {
giveto: playername,
itemuuid: uuid
}, function (data) {
if (data.status === 'OK') {
loadinventory();
syncStats();
showInvMessage("Transferred!", false);
} else {
showInvMessage(data.message, true);
}
}).fail(function () {
showInvMessage("Cannot give item. Try again.", true);
});
}
function useitem(uuid) {
$('#invitem-' + uuid).prop('onclick', null).off('click');
$.getJSON(mkApiUrl('useitem', 'gs'), {
@ -33,10 +125,10 @@
loadinventory();
syncStats();
} else {
navigator.notification.alert(data.message, null, "Error", 'OK');
showInvMessage(data.message, true);
}
}).fail(function () {
navigator.notification.alert("Cannot use item. Try again.", null, "Error", 'OK');
showInvMessage(data.message, true);
});
}
@ -49,6 +141,15 @@
+ "Use Item"
+ "</span>";
}
if (item.itemid < 9000) {
// only allow item gifting for non-promo/paid items,
// so Apple doesn't get upset
itemhtml += "<span class='btn btn-info' style='margin-left: 5px;' onclick=\"askgiveitem('" + item.itemuuid + "')\">"
+ "Give Item"
+ "</span>";
}
itemhtml += "<span class='itemid' style='display: none;'>" + item.itemid + "</span>"
+ "<span class='itemclassid' style='display: none;'>" + item.classid + "</span>"
+ "<span class='itemjson' style='display: none;'>" + item.itemjson + "</span>"

4
www/screens/shop.html
View File

@ -36,14 +36,14 @@
</div>
<div id="shopmessage">
<div class="menumessage" id="shopmessage">
<div id="hugecheckmark" class="hugesymbol">
<i class="fa fa-5x fa-fw fa-check-circle" style="color: green;"></i>
</div>
<div id="hugetimessign" class="hugesymbol">
<i class="fa fa-5x fa-fw fa-times-circle" style="color: red;"></i>
</div>
<div id="shopmessagecontent">
<div class="menumessagecontent" id="shopmessagecontent">
</div>
<div class="btn btn-wide btn-default" onclick="$('#shopmessage').css('display', 'none')">