We are searching for editors to complete gameplay topics in all games. You can contribute without an account. Learn how to contribute and join our Discord server.
Widget:costumeSwitcher: Difference between revisions
Jump to navigation
Jump to search
m It was a typo in function keyword... |
Added document-ready wait functionality as the MediaWiki does not wait for DOM |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<includeonly><script> | <includeonly><script> | ||
RLQ.push(['jquery', function () { | |||
$(document).ready(function() { | |||
// Let's make sure the correct values are shown | |||
$('.modswitcher').change(); | |||
}); | |||
}]); | |||
function swap_mod(element) { | function swap_mod(element) { | ||
var selectBox = $(element); | var selectBox = $(element); | ||
| Line 7: | Line 14: | ||
var statContainer = selectBox.closest('.stattable'); | var statContainer = selectBox.closest('.stattable'); | ||
tdollData = updateCalculatedValues(tdollData); | |||
for (var key in tdollData) { | for (var key in tdollData) { | ||
if (tdollData.hasOwnProperty(key)) { | if (tdollData.hasOwnProperty(key)) { | ||
statContainer.find('*[data-tdoll-stat-id="' + key + '"]') | var valField = statContainer.find('*[data-tdoll-stat-id="' + key + '"]'); | ||
var newValue = tdollData[key]; | |||
valField.text(newValue); | |||
} | } | ||
} | } | ||
// ToDo: find a better way of finding out if it's a mod | |||
// ToDo: find a better way of telling which skills are available with which mod | |||
var isMod = selectBox.find(':selected').text().indexOf('MOD') >= 0; | |||
statContainer.find('.skillform .tabButtonLane button').last().toggle(isMod); | |||
// With mod-change the visible skillbuttons might change, too, so trigger the last visible one | |||
// For now it only has to be set if we change to Base, as it has only one skill | |||
if (!isMod) { | |||
statContainer.find('.skillform .tabButtonLane button:visible').last().click(); | |||
} | |||
} | |||
function updateCalculatedValues(data) { | |||
var ret = data; | |||
// Calculating Max HP for full dummied T-Doll | |||
if (ret.hasOwnProperty("max_hp_t")) { | |||
ret.hpmaxwd = ret.max_hp_t * 5; | |||
} | |||
return ret; | |||
} | } | ||
| Line 42: | Line 75: | ||
selectBox.closest('.costumeContainer').find('.chibiAnimation,.live2dAnimation,.artTab').trigger("costume_changed", chibiCostumeName); | selectBox.closest('.costumeContainer').find('.chibiAnimation,.live2dAnimation,.artTab').trigger("costume_changed", chibiCostumeName); | ||
var basePath = " | var basePath = "https://en.gfwiki.com/images/"; // ToDo: find a better way to find out the base path | ||
var tdollId = selectBox.closest('.costumeContainer').find('.tdoll_chibi').data('tdollId'); | var tdollId = selectBox.closest('.costumeContainer').find('.tdoll_chibi').data('tdollId'); | ||
var costumeId = tdollId + chibiCostumeName; | var costumeId = tdollId + chibiCostumeName; | ||
| Line 71: | Line 104: | ||
</script> | </script> | ||
<div style="display:flex"> | <div style="display:flex"> | ||
<!--{if $moddable neq ''}--><select class="gf-droplist" style="padding-left: 2px;padding-right: 8px;margin-right: 2px;" autocomplete="off" onchange="swap_mod(this)"> | <!--{if $moddable neq ''}--><select class="gf-droplist modswitcher" style="padding-left: 2px;padding-right: 8px;margin-right: 2px;" autocomplete="off" onchange="swap_mod(this)"> | ||
<option value='<!--{$defaultstats|escape:'html'}-->'>BASE</option> | <option value='<!--{$defaultstats|escape:'html'}-->'>BASE</option> | ||
<option value='<!--{$mod1stats|escape:'html'}-->'>MOD1</option> | <option value='<!--{$mod1stats|escape:'html'}-->'>MOD1</option> | ||
Latest revision as of 15:07, 14 October 2019
test
