We are searching for new editors to keep track of Girls' Frontline 2 content, as well as veteran players to complete the data of Girls' Frontline and Project Neural Cloud characters.
You can contribute without an account. Learn how to contribute and join our Discord server.
Widget:Live2DSwitcher: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
Added document-ready wait functionality as the MediaWiki does not wait for DOM |
||
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<includeonly><div><script> | <includeonly><div><script> | ||
RLQ.push(function () { | RLQ.push(['jquery', function () { | ||
$(document).ready(function() { | $(document).ready(function() { | ||
var containers = $('.dollLive2d'); | var containers = $('.dollLive2d'); | ||
| Line 8: | Line 8: | ||
var container = $(val); | var container = $(val); | ||
var doll = container.data('t-doll'); | var doll = container.data('t-doll'); | ||
container.on("live2dloaded", function(event) { | |||
var | container.find('.live2dswitcher option').remove(); | ||
var settings = gfUtils.live2dUtils.convertSettingsFromUl( | var settingsContainer = container.find('.live2dsettings').first(); | ||
var settings = gfUtils.live2dUtils.convertSettingsFromUl(settingsContainer); | |||
for (var idx=0; idx<settings.length; idx++) { | |||
var currentSettings = settings[idx]; | |||
for (variant in currentSettings) { | |||
var id = doll + "|" + | if (variant == "costumeId") { | ||
var name = variant.name; | continue; | ||
} | |||
var id = doll + "|" + currentSettings.costumeId + "|" + variant; | |||
var name = currentSettings[variant].name; | |||
if (!name) { | if (!name) { | ||
name = | name = currentSettings.costumeId + " - " + variant; | ||
} | } | ||
container.find('.live2dswitcher').append($('<option>', { | container.find('.live2dswitcher').append($('<option>', { | ||
| Line 27: | Line 31: | ||
} | } | ||
} | } | ||
}); | }); | ||
}); | }); | ||
}); | }); | ||
}); | }]); | ||
function | function swap_model(element) { | ||
var selectBox = $(element); | var selectBox = $(element); | ||
var containerDiv = selectBox. | var containerDiv = selectBox.closest('.dollLive2d'); | ||
var selectedValue = selectBox.val(); | var selectedValue = selectBox.val(); | ||
| Line 51: | Line 54: | ||
</script> | </script> | ||
<select class="gf-droplist live2dswitcher" style="flex-grow: 1;" autocomplete="off" onchange="swap_model(this)" > | <label>Costume:</label><select class="gf-droplist live2dswitcher" style="flex-grow: 1;" autocomplete="off" onchange="swap_model(this)" > | ||
<option value="" selected="selected">Loading...</option> | |||
</select></div></includeonly><noinclude> | </select></div></includeonly><noinclude> | ||
<div class="dollLive2d" data-t-doll="Thompson" style="height: 800px; width: 700px;"> | <div class="dollLive2d" data-live2d-needed="true" data-t-doll="Thompson" data-costume="costume1" style="height: 800px; width: 700px;"> | ||
{{#widget:Live2DSwitcher}} | {{#widget:Live2DSwitcher}} | ||
<div class="live2dsettings" style="display:none">{{:Thompson/Live2DSettings}}</div> | <div class="live2dsettings" style="display:none">{{:Thompson/Live2DSettings}}</div> | ||
</div> | </div> | ||
</noinclude> | </noinclude> | ||
