345 lines
11 KiB
JavaScript
345 lines
11 KiB
JavaScript
/*
|
|
* @Author: printempw
|
|
* @Date: 2016-07-19 10:46:38
|
|
* @Last Modified by: printempw
|
|
* @Last Modified time: 2016-09-10 17:07:04
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
$(document).ready(function() {
|
|
swal.setDefaults({
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消'
|
|
});
|
|
});
|
|
|
|
$('#page-select').on('change', function() {
|
|
// if has query strings
|
|
if (getQueryString('filter') != "" || getQueryString('sort') != "") {
|
|
if (getQueryString('page') == "")
|
|
window.location = location.href + "&page=" + $(this).val();
|
|
else
|
|
window.location = "?filter="+getQueryString('filter')+"&sort="+getQueryString('sort')+"&page="+$(this).val();
|
|
} else {
|
|
window.location = "?page=" + $(this).val();
|
|
}
|
|
|
|
});
|
|
|
|
$('#private').on('ifToggled', function() {
|
|
$(this).prop('checked') ? $('#msg').show() : $('#msg').hide();
|
|
});
|
|
|
|
$('#type-skin').on('ifToggled', function() {
|
|
$(this).prop('checked') ? $('#skin-type').show() : $('#skin-type').hide();
|
|
});
|
|
|
|
function addToCloset(tid) {
|
|
$.getJSON('./info/'+tid, function(json) {
|
|
swal({
|
|
title: '给你的皮肤起个名字吧~',
|
|
inputValue: json.name,
|
|
input: 'text',
|
|
showCancelButton: true,
|
|
inputValidator: function(value) {
|
|
return new Promise(function(resolve, reject) {
|
|
if (value) {
|
|
resolve();
|
|
} else {
|
|
reject('你还没有填写名称哦');
|
|
}
|
|
});
|
|
}
|
|
}).then(function(result) {
|
|
ajaxAddToCloset(tid, result);
|
|
});
|
|
});
|
|
}
|
|
|
|
function ajaxAddToCloset(tid, name) {
|
|
// remove interference of modal which is hide
|
|
$('.modal').each(function() {
|
|
if ($(this).css('display') == "none")
|
|
$(this).remove();
|
|
});
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "../user/closet/add",
|
|
dataType: "json",
|
|
data: { 'tid': tid, 'name': name },
|
|
success: function(json) {
|
|
if (json.errno == 0) {
|
|
swal({
|
|
type: 'success',
|
|
html: json.msg
|
|
});
|
|
|
|
$('.modal').modal('hide');
|
|
$('a[tid='+tid+']').attr('href', 'javascript:removeFromCloset('+tid+');').attr('title', '从衣柜中移除').addClass('liked');
|
|
$('#'+tid).attr('href', 'javascript:removeFromCloset('+tid+');').html('从衣柜中移除');
|
|
$('#likes').html(parseInt($('#likes').html()) + 1);
|
|
} else {
|
|
toastr.warning(json.msg);
|
|
}
|
|
},
|
|
error: showAjaxError
|
|
});
|
|
}
|
|
|
|
function removeFromCloset(tid) {
|
|
swal({
|
|
text: '确定要从衣柜中移除此材质吗？',
|
|
type: 'warning',
|
|
showCancelButton: true,
|
|
cancelButtonColor: '#3085d6',
|
|
confirmButtonColor: '#d33'
|
|
}).then(function() {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "../user/closet/remove",
|
|
dataType: "json",
|
|
data: { 'tid' : tid },
|
|
success: function(json) {
|
|
if (json.errno == 0) {
|
|
swal({
|
|
type: 'success',
|
|
html: json.msg
|
|
});
|
|
|
|
$('a[tid='+tid+']').attr('href', 'javascript:addToCloset('+tid+');').attr('title', '添加至衣柜').removeClass('liked');
|
|
$('#'+tid).attr('href', 'javascript:addToCloset('+tid+');').html('添加至衣柜');
|
|
$('#likes').html(parseInt($('#likes').html()) - 1);
|
|
} else {
|
|
toastr.warning(json.msg);
|
|
}
|
|
},
|
|
error: showAjaxError
|
|
});
|
|
});
|
|
|
|
}
|
|
|
|
function init3dCanvas() {
|
|
if ($(window).width() < 800) {
|
|
var canvas = MSP.get3dSkinCanvas($('#skinpreview').width(), $('#skinpreview').width());
|
|
$("#skinpreview").append($(canvas).prop("id", "canvas3d"));
|
|
} else {
|
|
var canvas = MSP.get3dSkinCanvas(350, 350);
|
|
$("#skinpreview").append($(canvas).prop("id", "canvas3d"));
|
|
}
|
|
}
|
|
|
|
// Change 3D preview status
|
|
$('.fa-pause').click(function(){
|
|
MSP.setStatus('movements', !MSP.getStatus('movements'));
|
|
|
|
if ($(this).hasClass('fa-pause'))
|
|
$(this).removeClass('fa-pause').addClass('fa-play');
|
|
else
|
|
$(this).removeClass('fa-play').addClass('fa-pause');
|
|
// stop rotation when pause
|
|
MSP.setStatus('rotation', !MSP.getStatus('rotation'));
|
|
});
|
|
$('.fa-forward').click(function(){
|
|
MSP.setStatus('running', !MSP.getStatus('running'));
|
|
});
|
|
$('.fa-repeat').click(function(){
|
|
MSP.setStatus('rotation', !MSP.getStatus('rotation'));
|
|
});
|
|
|
|
$('body').on('change', '#file', function() {
|
|
var files = $('#file').prop('files');
|
|
var type = ($('#type').val() == "cape") ? "cape" : "skin";
|
|
handleFiles(files, type);
|
|
}).on('ifToggled', '#type-cape', function() {
|
|
MSP.clear();
|
|
var files = $('#file').prop('files');
|
|
var type = $('#type-cape').prop('checked') ? "cape" : "skin";
|
|
handleFiles(files, type);
|
|
});
|
|
|
|
// Real-time preview
|
|
function handleFiles(files, type) {
|
|
if (files.length > 0) {
|
|
var file = files[0];
|
|
if (file.type === "image/png") {
|
|
var reader = new FileReader();
|
|
reader.onload = function(e) {
|
|
var img = new Image();
|
|
img.onload = function() {
|
|
(type == "skin") ? MSP.changeSkin(img.src) : MSP.changeCape(img.src);
|
|
if ($('#name').val() == "")
|
|
$('#name').val(file.name.split('.png')[0])
|
|
};
|
|
img.onerror = function() {
|
|
toastr.warning('错误：这张图片编码不对哦');
|
|
};
|
|
img.src = this.result;
|
|
};
|
|
reader.readAsDataURL(file);
|
|
} else {
|
|
toastr.warning('错误：皮肤文件必须为 PNG 格式');
|
|
}
|
|
}
|
|
};
|
|
|
|
function upload() {
|
|
var form_data = new FormData();
|
|
form_data.append('name', $('#name').val());
|
|
form_data.append('file', $('#file').prop('files')[0]);
|
|
form_data.append('public', !$('#private').prop('checked'));
|
|
|
|
if ($('#type-skin').prop('checked')) {
|
|
form_data.append('type', $('#skin-type').val());
|
|
} else if ($('#type-cape').prop('checked')) {
|
|
form_data.append('type', 'cape');
|
|
} else {
|
|
toastr.info('请选择材质的类型'); return;
|
|
}
|
|
|
|
// quick fix for browsers which don't support FormData.get()
|
|
if ($('#file').prop('files')[0] == 'undefined') {
|
|
toastr.info('你还没有上传任何文件哦');
|
|
$('#file').focus();
|
|
} else if ($('#name').val() == "") {
|
|
toastr.info('给你的材质起个名字吧');
|
|
$('#name').focus();
|
|
} else if ($('#file').prop('files')[0].type !== "image/png") {
|
|
toastr.warning('请选择 PNG 格式的图片');
|
|
$('#file').focus();
|
|
} else {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "./upload",
|
|
contentType: false,
|
|
dataType: "json",
|
|
data: form_data,
|
|
processData: false,
|
|
beforeSend: function() {
|
|
$('#upload-button').html('<i class="fa fa-spinner fa-spin"></i> 上传中').prop('disabled', 'disabled');
|
|
},
|
|
success: function(json) {
|
|
if (json.errno == 0) {
|
|
swal({
|
|
type: 'success',
|
|
html: json.msg
|
|
}).then(function() {
|
|
toastr.info('正在跳转...');
|
|
window.setTimeout('window.location = "./show?tid='+json.tid+'"', 1000);
|
|
});
|
|
} else {
|
|
swal({
|
|
type: 'warning',
|
|
html: json.msg
|
|
}).then(function() {
|
|
$('#upload-button').html('确认上传').prop('disabled', '');
|
|
});
|
|
}
|
|
},
|
|
error: function(json) {
|
|
$('#upload-button').html('确认上传').prop('disabled', '');
|
|
showAjaxError(json);
|
|
}
|
|
});
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function changeTextureName(tid) {
|
|
swal({
|
|
text: '请输入新的材质名称：',
|
|
input: 'text',
|
|
showCancelButton: true,
|
|
inputValidator: function(value) {
|
|
return new Promise(function(resolve, reject) {
|
|
if (value) {
|
|
resolve();
|
|
} else {
|
|
reject('你还没有填写名称哦');
|
|
}
|
|
});
|
|
}
|
|
}).then(function(new_name) {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "./rename",
|
|
dataType: "json",
|
|
data: { 'tid': tid, 'new_name': new_name },
|
|
success: function(json) {
|
|
if (json.errno == 0) {
|
|
$('#name').text(new_name);
|
|
toastr.success(json.msg);
|
|
} else {
|
|
toastr.warning(json.msg);
|
|
}
|
|
},
|
|
error: showAjaxError
|
|
});
|
|
});
|
|
}
|
|
|
|
$('.private-label').click(function() {
|
|
var object = $(this);
|
|
swal({
|
|
text: '要将此材质设置为公开吗？',
|
|
type: 'warning',
|
|
showCancelButton: true
|
|
}).then(function() {
|
|
changePrivacy(object.attr('tid'));
|
|
object.remove();
|
|
});
|
|
});
|
|
|
|
function changePrivacy(tid) {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "./privacy/" + tid,
|
|
dataType: "json",
|
|
success: function(json) {
|
|
if (json.errno == 0) {
|
|
toastr.success(json.msg);
|
|
if (json.public == "0")
|
|
$('a:contains("设为隐私")').html('设为公开');
|
|
else
|
|
$('a:contains("设为公开")').html('设为隐私');
|
|
} else {
|
|
toastr.warning(json.msg);
|
|
}
|
|
},
|
|
error: showAjaxError
|
|
});
|
|
}
|
|
|
|
function deleteTexture(tid) {
|
|
swal({
|
|
text: '真的要删除此材质吗？积分将会被返还',
|
|
type: 'warning',
|
|
showCancelButton: true
|
|
}).then(function() {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "./delete",
|
|
dataType: "json",
|
|
data: { 'tid': tid },
|
|
success: function(json) {
|
|
if (json.errno == 0) {
|
|
swal({
|
|
type: 'success',
|
|
html: json.msg
|
|
}).then(function() {
|
|
window.location = "./";
|
|
});
|
|
} else {
|
|
swal({
|
|
type: 'warning',
|
|
html: json.msg
|
|
});
|
|
}
|
|
},
|
|
error: showAjaxError
|
|
});
|
|
});
|
|
}
|