buzzcode2007/joydance-improved
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

changed website

Browse source 
- IP address is now shown even when not required.
- Pairing code is set to number type.
- Changed options.
This commit is contained in:
Saw, Hansly Kendrich 2022-09-18 14:18:17 +08:00
parent e65c722cd9
commit f2316ce96b
1 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

16
static/js/app.js
View file

@ -85,13 +85,13 @@ class PairingMethodPicker extends Component {
return html` return html`
<label for="stacked-state">Pairing Method</label> <label for="stacked-state">Pairing Method</label>
<select id="stacked-state" onChange=${this.onChange} value=${props.pairing_method}> <select id="stacked-state" onChange=${this.onChange} value=${props.pairing_method}>
<optgroup label="JD 2020 and later"> <optgroup label="Just Dance 2020 and later">
<option value="${PairingMethod.DEFAULT}">Default: All platforms except Stadia</option> <option value="${PairingMethod.DEFAULT}">Default (all, except Stadia)</option>
<option value="${PairingMethod.FAST}">Fast: Xbox One/PlayStation/Nintendo Switch</option> <option value="${PairingMethod.FAST}">Fast (Xbox, PlayStation, Nintendo Switch)</option>
<option value="${PairingMethod.STADIA}">Stadia: for Stadia, obviously</option> <option value="${PairingMethod.STADIA}">Stadia</option>
</optgroup> </optgroup>
<optgroup label="JD 2016-2019"> <optgroup label="Just Dance 2016 to Just Dance 2019">
<option value="${PairingMethod.OLD}">Old: All platforms (incl. PC)</option> <option value="${PairingMethod.OLD}">Old (all platforms, including PCs)</option>
</optgroup> </optgroup>
</select> </select>
` `
@ -154,7 +154,7 @@ class PrivateIpAddress extends Component {
</label> </label>
${(pairing_method == PairingMethod.STADIA) && html` ${(pairing_method == PairingMethod.STADIA) && html`
<input readonly id="ipAddr" type="text" size="15" placeholder="Not Required" /> <input readonly id="ipAddr" type="text" size="15" placeholder="Not Required (${addr})" />
`} `}
${(pairing_method == PairingMethod.DEFAULT && state.lock_host) && html` ${(pairing_method == PairingMethod.DEFAULT && state.lock_host) && html`
@ -193,7 +193,7 @@ class PairingCode extends Component {
return html` return html`
<label>Pairing Code</label> <label>Pairing Code</label>
${[PairingMethod.DEFAULT, PairingMethod.STADIA].indexOf(pairing_method) > -1 && html` ${[PairingMethod.DEFAULT, PairingMethod.STADIA].indexOf(pairing_method) > -1 && html`
<input required id="pairingCode" type="text" inputmode="decimal" value=${state.pairing_code} placeholder="000000" maxlength="6" size="6" pattern="[0-9]{6}" onKeyPress=${(e) => !/[0-9]/.test(e.key) && e.preventDefault()} onChange=${this.onChange} /> <input required id="pairingCode" type="number" inputmode="decimal" value=${state.pairing_code} placeholder="000000" maxlength="6" size="6" pattern="[0-9]{6}" onKeyPress=${(e) => !/[0-9]/.test(e.key) && e.preventDefault()} onChange=${this.onChange} />
`} `}
${[PairingMethod.DEFAULT, PairingMethod.STADIA].indexOf(pairing_method) == -1 && html` ${[PairingMethod.DEFAULT, PairingMethod.STADIA].indexOf(pairing_method) == -1 && html`
<input type="text" id="pairingCode" value="" readonly placeholder="Not Required" size="12" /> <input type="text" id="pairingCode" value="" readonly placeholder="Not Required" size="12" />