Widget:Live2DSwitcher: Difference between revisions

(16 intermediate revisions by the same user not shown)

Line 1:

RLQ.push(function () {

RLQ.push(['jquery', function () {

$(document).ready(function() {

$('.dollLive2d').each(function() {

var containers = $('.dollLive2d');

var ul = $(~~this~~).find('ul');

if (containers.length < 1) return;

var settings = gfUtils.live2dUtils.convertSettingsFromUl(ul);

~~console~~.~~log~~(~~settings~~);

containers.each(function(idx, val) {

var container = $(val);

var doll = container.data('t-doll');

container.on("live2dloaded", function(event) {

container.find('.live2dswitcher option').remove();

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) {

if (variant == "costumeId") {

continue;

}

var id = doll + "|" + currentSettings.costumeId + "|" + variant;

var name = currentSettings[variant].name;

if (!name) {

name = currentSettings.costumeId + " - " + variant;

}

container.find('.live2dswitcher').append($('<option>', {

value: id,

text: name

}));

}

});

}]);

function ~~swap_module~~(element) {

function swap_model(element) {

var selectBox = $(element);

var containerDiv = selectBox.~~parent~~();

var containerDiv = selectBox.closest('.dollLive2d');

var selectedValue = selectBox.val();

Line 28:

Line 54:

</script>

<label>Costume:</label><select class="gf-droplist live2dswitcher" style="flex-grow: 1;" autocomplete="off" onchange="swap_model(this)" >

~~~~" selected="selected"></option~~>--~~>

<option value="" selected="selected">Loading...</option>

</select></includeonly><noinclude>

</select></div></includeonly><noinclude>

<div class="live2dsettings" style="display:none">{{:Thompson/Live2DSettings}}</div>

</div>

</noinclude>

@@ Line 1: / Line 1: @@
-<includeonly><script>
+<includeonly><div><script>
-RLQ.push(function () {
+RLQ.push(['jquery', function () {
    $(document).ready(function() {
-     $('.dollLive2d').each(function() {
+     var containers = $('.dollLive2d');
-       var ul = $(this).find('ul');
+    if (containers.length < 1) return;
-      var settings = gfUtils.live2dUtils.convertSettingsFromUl(ul);
-      console.log(settings);
+    containers.each(function(idx, val) {
+       var container = $(val);
+      var doll = container.data('t-doll');
+      container.on("live2dloaded", function(event) {
+        container.find('.live2dswitcher option').remove();
+        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) {
+            if (variant == "costumeId") {
+              continue;
+            }
+            var id = doll + "|" + currentSettings.costumeId + "|" + variant;
+            var name = currentSettings[variant].name;
+            if (!name) {
+               name = currentSettings.costumeId + " - " + variant;
+            }
+            container.find('.live2dswitcher').append($('<option>', {
+               value: id,
+               text: name
+            }));
+          }
+        }
+      });
      });
    });
-});
+}]);
-function swap_module(element) {
+function swap_model(element) {
    var selectBox = $(element);
-   var containerDiv = selectBox.parent();
+   var containerDiv = selectBox.closest('.dollLive2d');
    var selectedValue = selectBox.val();
@@ Line 28: / Line 54: @@
 </script>
-<select class="gf-droplist" 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="<!--{$defaultpaths|escape:'html'}-->" selected="selected"></option>-->
+<option value="" selected="selected">Loading...</option>
-</select></includeonly><noinclude>
+</select></div></includeonly><noinclude>
-<div class="dollLive2d" 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}}
 <div class="live2dsettings" style="display:none">{{:Thompson/Live2DSettings}}</div>
 </div>
 </noinclude>