Widget:Live2DSwitcher: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<includeonly><script> | <includeonly><div><script> | ||
RLQ.push(function () { | RLQ.push(function () { | ||
$(document).ready(function() { | $(document).ready(function() { | ||
Line 5: | Line 5: | ||
if (containers.length < 1) return; | if (containers.length < 1) return; | ||
containers.each(function() { | containers.each(function(idx, val) { | ||
var container = $( | var container = $(val); | ||
var doll = container.data('t-doll'); | var doll = container.data('t-doll'); | ||
mw.loader.using('ext.gadget.live2d').then(function() { | mw.loader.using('ext.gadget.live2d').then(function() { | ||
var ul = container.find('ul'); | var ul = container.find('ul'); | ||
var settings = gfUtils.live2dUtils.convertSettingsFromUl(ul); | var settings = gfUtils.live2dUtils.convertSettingsFromUl(ul); | ||
console.log("Filling the select...", container, ul, settings); | |||
for (costume in settings) { | for (costume in settings) { | ||
for (variant in costume) { | for (variant in costume) { | ||
Line 50: | Line 51: | ||
<select class="gf-droplist live2dswitcher" style="flex-grow: 1;" autocomplete="off" onchange="swap_model(this)" > | <select class="gf-droplist live2dswitcher" style="flex-grow: 1;" autocomplete="off" onchange="swap_model(this)" > | ||
<!--<option value="<!--{$defaultpaths|escape:'html'}-->" selected="selected"></option>--> | <!--<option value="<!--{$defaultpaths|escape:'html'}-->" selected="selected"></option>--> | ||
</select></includeonly><noinclude> | </select></div></includeonly><noinclude> | ||
<div class="dollLive2d" data-t-doll="Thompson" style="height: 800px; width: 700px;"> | <div class="dollLive2d" data-t-doll="Thompson" style="height: 800px; width: 700px;"> | ||
{{#widget:Live2DSwitcher}} | {{#widget:Live2DSwitcher}} |