|
|
(88 intermediate revisions by the same user not shown)
|
Line 1: |
Line 1: |
| /* Any JavaScript here will be loaded for all users on every page load. */ | | /* Any JavaScript here will be loaded for all users on every page load. */ |
| | | |
− | $(document).ready(function() | + | $.when( mw.loader.using( 'oojs-ui-core', 'oojs-ui-apex' ), $.ready ).then(function() { |
− | {
| + | |
| var myElement = document.getElementById('Tutorials__'); | | var myElement = document.getElementById('Tutorials__'); |
| if (myElement == null) | | if (myElement == null) |
Line 9: |
Line 9: |
| } | | } |
| | | |
− | mw.loader.load('jquery'); | + | mw.loader.load( '/wiki/resources/lib/oojs-ui/oojs-ui-core-apex.css', 'text/css' ); |
− | mw.loader.load('oojs-ui-core');
| + | mw.loader.load( '/wiki/resources/lib/oojs-ui/oojs-ui-widgets-apex.css', 'text/css' ); |
− | mw.loader.load('oojs-ui-apex'); | |
| | | |
| myElement.innerHTML = '' | | myElement.innerHTML = '' |
Line 18: |
Line 17: |
| + '<div style="display:inline-block;">' | | + '<div style="display:inline-block;">' |
| + ' <fieldset style="float:left; ">' | | + ' <fieldset style="float:left; ">' |
− | + ' <label for="ostype">Select a OS</label>' | + | + ' <label for="ostype">Select an OS</label>' |
| + ' <div id="ostypeWrapper"></div>' | | + ' <div id="ostypeWrapper"></div>' |
| + ' </fieldset>' | | + ' </fieldset>' |
Line 24: |
Line 23: |
| + ' <label for="controlscheme"><strong>Select a control scheme</strong></label>' | | + ' <label for="controlscheme"><strong>Select a control scheme</strong></label>' |
| + ' <div id="controlschemeWrapper"></div>' | | + ' <div id="controlschemeWrapper"></div>' |
− | + ' </fieldset>' | + | + ' </fieldset>' |
− | + ' <fieldset style="float:left; margin-left: 30px;">' | + | + ' <fieldset style="float:left; margin-left: 30px;">' |
− | + ' <label for="platform">Select a platform</label>' | + | + ' <label for="platform">Select a target platform</label>' |
| + ' <div id="platformWrapper"></div>' | | + ' <div id="platformWrapper"></div>' |
| + ' </fieldset>' | | + ' </fieldset>' |
− | + ' <div style="margin:auto;text-align:center; " id="buttonWrapper" />' | + | + ' <fieldset style="float:left; margin-left: 30px;">' |
| + | + ' <label for="buttonWrapper">Click</label>' |
| + | + ' <div style="margin:auto;text-align:center; " id="buttonWrapper" />' |
| + | + ' </fieldset>' |
| + '</div>' | | + '</div>' |
| + '</form>' | | + '</form>' |
Line 38: |
Line 40: |
| var mouseKeyboardOptions = | | var mouseKeyboardOptions = |
| { | | { |
− | "PS3/USB": "ps3/USB", | + | "PS4 / USB": "ps4/USB", |
− | "PS3/BT": "ps3/BT", | + | "Xbox One / USB": "xboxone/USB", |
− | "PS4/USB": "ps4/USB", | + | "PS3 / USB": "ps3/USB", |
− | "PS4/BT": "ps4/BT", | + | "Xbox 360 / USB": "xbox360/USB", |
− | "Xbox 360": "xbox360/USB", | + | "PS4 / BT": "ps4/BT", |
− | "Xbox One": "xboxone/USB" | + | "PS3 / BT": "ps3/BT", |
| + | "Original Xbox / USB": "originalxbox/USB" |
| }; | | }; |
| | | |
| var gamepadOptions = | | var gamepadOptions = |
| { | | { |
− | "PS3/USB": "ps3/USB", | + | "PS4 / USB": "ps4/USB", |
− | "PS3/BT": "ps3/BT", | + | "Xbox One / USB": "xboxone/USB", |
− | "PS4/USB": "ps4/USB", | + | "PS3 / USB": "ps3/USB", |
− | "PS4/BT": "ps4/BT", | + | "Xbox 360 / USB": "xbox360/USB", |
− | "Xbox 360": "xbox360/USB", | + | "PS4 / BT": "ps4/BT", |
− | "Xbox One": "xboxone/USB" | + | "PS3 / BT": "ps3/BT", |
| + | "PC / USB": "pc/USB", |
| + | "Original Xbox / USB": "originalxbox/USB" |
| }; | | }; |
| | | |
| var racingWheelOptions = | | var racingWheelOptions = |
| { | | { |
− | "PS2": "ps2/USB", | + | "PS4 / USB": "ps4/USB", |
− | "PS3": "ps3/USB", | + | "PC / USB": "pc/USB", |
− | "PS4": "ps4/USB", | + | "PS3 / USB": "ps3/USB", |
− | "Xbox 360": "xbox360/USB",
| + | "PS2 / USB": "ps2/USB" |
− | "Xbox One": "xboxone/USB", | |
− | "PC": "pc/USB"
| |
| }; | | }; |
| | | |
Line 89: |
Line 92: |
| function isBluetoothApplicable() | | function isBluetoothApplicable() |
| { | | { |
− | var ostype = dropDownOsType.getMenu().findSelectedItem().data | + | var ostype = dropDownOsType.getMenu().getSelectedItem().getData(); |
| | | |
| if (ostype == "windows") | | if (ostype == "windows") |
Line 100: |
Line 103: |
| { | | { |
| var $el = dropDownPlatform; | | var $el = dropDownPlatform; |
− | var data = dropDownControlScheme.getMenu().findSelectedItem().data; | + | var data = dropDownControlScheme.getMenu().getSelectedItem().data; |
| | | |
| if (data == "Mouse") | | if (data == "Mouse") |
Line 119: |
Line 122: |
| function generateLinkFromInput() | | function generateLinkFromInput() |
| { | | { |
− | var platformValue = dropDownPlatform.getMenu().findSelectedItem().data; | + | var platformValue = dropDownPlatform.getMenu().getSelectedItem().data; |
| var splittedPlatform = platformValue.split("/"); | | var splittedPlatform = platformValue.split("/"); |
− | var ostype = dropDownOsType.getMenu().findSelectedItem().data; | + | var ostype = dropDownOsType.getMenu().getSelectedItem().data; |
− | var controlscheme = dropDownControlScheme.getMenu().findSelectedItem().data; | + | var controlscheme = dropDownControlScheme.getMenu().getSelectedItem().data; |
| | | |
− | var link = "https://gimx.fr/wiki/index.php?title=XONE_Tutorial/sandbox_final&platform=" + splittedPlatform[0] + "&connectiontype=" + splittedPlatform[1] + "&ostype=" + ostype + "&device=" + controlscheme; | + | var link = "/wiki/index.php?title=Guide&platform=" + splittedPlatform[0] + "&connectiontype=" + splittedPlatform[1] + "&ostype=" + ostype + "&device=" + controlscheme; |
| return link; | | return link; |
| } | | } |
Line 147: |
Line 150: |
| { | | { |
| data: "linux", | | data: "linux", |
− | label: "Linux" | + | label: "GNU/Linux" |
| }) | | }) |
| | | |
Line 160: |
Line 163: |
| { | | { |
| items: [ | | items: [ |
| + | new OO.ui.OptionWidget( |
| + | { |
| + | data: "SteeringWheel", |
| + | label: "Racing Wheel" |
| + | }), |
| new OO.ui.OptionWidget( | | new OO.ui.OptionWidget( |
| { | | { |
Line 169: |
Line 177: |
| data: "Pad", | | data: "Pad", |
| label: "Gamepad" | | label: "Gamepad" |
− | }),
| |
− | new OO.ui.OptionWidget(
| |
− | {
| |
− | data: "SteeringWheel",
| |
− | label: "Racing Wheel"
| |
| }), | | }), |
| | | |
Line 204: |
Line 207: |
| var clickedGo = function() | | var clickedGo = function() |
| { | | { |
− | alert(generateLinkFromInput()); | + | window.open(generateLinkFromInput(),"_self"); |
| }; | | }; |
| | | |
Line 210: |
Line 213: |
| selectFirstItem(dropDownOsType); | | selectFirstItem(dropDownOsType); |
| selectFirstItem(dropDownControlScheme); | | selectFirstItem(dropDownControlScheme); |
− | loadOptions(mouseKeyboardOptions, dropDownPlatform); // it depends on ostype and controlscheme, it's also empty by default so do it here | + | loadOptions(racingWheelOptions, dropDownPlatform); // it depends on ostype and controlscheme, it's also empty by default so do it here |
| selectFirstItem(dropDownPlatform); | | selectFirstItem(dropDownPlatform); |
| | | |