30 lines
2 KiB
HTML
30 lines
2 KiB
HTML
<!doctype html>
|
|
<!-- MODELED, not recorded: a sanitized stand-in for App Store Connect > Apps > + > New App, written from Apple's public
|
|
help page "Add a new app" (platforms, Name, Primary Language, Bundle ID, SKU, User Access, Create).
|
|
Placeholder data only. -->
|
|
<html lang="en"><head><meta charset="utf-8"><title>Apps - App Store Connect</title><script src="_common.js"></script></head>
|
|
<body>
|
|
<h1>Apps</h1>
|
|
<div role="dialog" aria-labelledby="t" data-step>
|
|
<h2 id="t">New App</h2>
|
|
<fieldset><legend>Platforms</legend>
|
|
<label><input type="checkbox"> iOS</label> <label><input type="checkbox"> macOS</label>
|
|
<label><input type="checkbox"> tvOS</label> <label><input type="checkbox"> visionOS</label>
|
|
</fieldset>
|
|
<p><label>Name <input type="text" maxlength="30"></label></p>
|
|
<p><label>Primary Language <select><option value="">Choose</option><option>English (U.K.)</option><option>English (U.S.)</option><option>Turkish</option></select></label></p>
|
|
<p><label>Bundle ID <select><option value="">Choose</option><option>Other App - com.example.other</option><option>Example Game - com.example.game</option></select></label></p>
|
|
<p><label>SKU <input type="text"></label></p>
|
|
<fieldset><legend>User Access</legend>
|
|
<label><input type="radio" name="access"> Limited Access</label> <label><input type="radio" name="access"> Full Access</label>
|
|
</fieldset>
|
|
<button type="button">Help</button> <button type="button">Cancel</button> <button type="button">Create</button>
|
|
</div>
|
|
<script>
|
|
// Models the verified 2026-10-13 behaviour of the real (React) dialog: a programmatic value set leaves the component
|
|
// state empty; only key presses update it. window.__state holds what the dialog would submit.
|
|
window.__state = { Name: '', SKU: '' };
|
|
for (const [label, input] of [['Name', document.querySelectorAll('input[type=text]')[0]], ['SKU', document.querySelectorAll('input[type=text]')[1]]])
|
|
input.addEventListener('keyup', () => { window.__state[label] = input.value; });
|
|
</script>
|
|
</body></html>
|