Projects/Vocaluxe
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement upload changed profile

Browse Source
This commit is contained in:
lukeIam committed 2013-12-13 17:35:04 +01:00
1 parent d0ebe70ae4
commit 08261d4e77
2 files changed
+38 -5
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Vocaluxe/Website/index.html
+1
View File
@@ -96,6 +96,7 @@
<option value="1">Normal</option> <option value="1">Normal</option>
<option value="2">Hard</option> <option value="2">Hard</option>
</select> </select>
<br />
<a data-role="button" id="playerSaveButton">Save and upload</a> <a data-role="button" id="playerSaveButton">Save and upload</a>
</div> </div>
<!-- /content --> <!-- /content -->
Vocaluxe/Website/js/main.js
+37 -5
View File
@@ -31,12 +31,12 @@ function initPageLoadHandler() {
var promise = $.ajax({ var promise = $.ajax({
url: "getProfile?profileId=" + profileIdRequest url: "getProfile?profileId=" + profileIdRequest
}).done(function (result) { }).done(function (result) {
$('#playerName').attr("value", result.PlayerName); $('#playerName').prop("value", result.PlayerName);
if (result.Avatar && result.Avatar.base64Data) { if (result.Avatar && result.Avatar.base64Data) {
$('#playerAvatar').attr("src", result.Avatar.base64Data); $('#playerAvatar').prop("src", result.Avatar.base64Data);
} }
$('#playerType').attr("value", result.Type); $('#playerType').prop("value", result.Type);
$('#playerDifficulty').attr("value", result.Difficulty); $('#playerDifficulty').prop("value", result.Difficulty);
if (result.IsEditable) { if (result.IsEditable) {
$('#playerAvatar').click(function () { $('#playerAvatar').click(function () {
if ($('#captureContainer').length > 0) { if ($('#captureContainer').length > 0) {
@@ -50,7 +50,7 @@ function initPageLoadHandler() {
var file = eventData.target.files[0]; var file = eventData.target.files[0];
var reader = new FileReader(); var reader = new FileReader();
reader.onloadend = function (e) { reader.onloadend = function (e) {
$('#playerAvatar').attr("src", e.target.result); $('#playerAvatar').prop("src", e.target.result);
$('#playerAvatar').data("changed", true); $('#playerAvatar').data("changed", true);
$('#captureContainer').remove(); $('#captureContainer').remove();
}; };
@@ -60,11 +60,43 @@ function initPageLoadHandler() {
$('#capture').click(); $('#capture').click();
}); });
$('#playerSaveButton').click(function () {
var dataToUpload = {};
dataToUpload["ProfileId"] = profileIdRequest;
dataToUpload["PlayerName"] = $('#playerName').prop("value");
dataToUpload["Type"] = $('#playerType').prop("value");
dataToUpload["Difficulty"] = $('#playerDifficulty').prop("value");
dataToUpload["Avatar"] = $('#playerAvatar').data("changed") ? { "base64Data": $('#playerAvatar').prop("src") } : null;
$('#content').wrap('<div class="overlay" />');
$.mobile.loading('show', {
text: 'Uploading profile...',
textVisible: true
});
$.ajax({
url: "sendProfile",
dataType: "json",
contentType: "application/json;charset=utf-8",
type: "POST",
data: JSON.stringify(dataToUpload),
success: function (msg) {
}
}).always(function () {
$.mobile.loading('hide');
$('#content').unwrap();
});
});
} }
else { else {
$('#playerName').prop('disabled', true); $('#playerName').prop('disabled', true);
$('#playerType').prop('disabled', true); $('#playerType').prop('disabled', true);
$('#playerDifficulty').prop('disabled', true); $('#playerDifficulty').prop('disabled', true);
$('#playerSaveButton').hide();
$('#playerAvatar').unbind("click"); $('#playerAvatar').unbind("click");
} }
}); });