Skip to content

Commit

Permalink
chore: add missing main wrapper
Browse files Browse the repository at this point in the history
  • Loading branch information
@brandyscarney
brandyscarney committed Apr 30, 2024
1 parent a344d6b commit 1bd53d4
Show file tree
Hide file tree
Showing 3 changed files with 84 additions and 77 deletions.
18 changes: 10 additions & 8 deletions core/src/components/action-sheet/test/standalone/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,14 +18,16 @@
window.actionSheetController = actionSheetController;
</script>
<body>
<button class="expand" id="basic" onclick="presentBasic()">Basic</button>
<button class="expand" id="noBackdropDismiss" onclick="presentNoBackdropDismiss()">No Backdrop Dismiss</button>
<button class="expand" id="alertFromActionSheet" onclick="presentAlert()">Alert from Action Sheet</button>
<button class="expand" id="scrollableOptions" onclick="presentScroll()">Scrollable Options</button>
<button class="expand" id="scrollWithoutCancel" onclick="presentScrollNoCancel()">Scroll Without Cancel</button>
<button class="expand" id="cancelOnly" onclick="presentCancelOnly()">Cancel Only</button>
<button class="expand" id="icons" onclick="presentIcons()">Icons</button>
<button class="expand" id="cssClass" onclick="presentWithCssClass()">Custom CSS Class</button>
<main>
<button class="expand" id="basic" onclick="presentBasic()">Basic</button>
<button class="expand" id="noBackdropDismiss" onclick="presentNoBackdropDismiss()">No Backdrop Dismiss</button>
<button class="expand" id="alertFromActionSheet" onclick="presentAlert()">Alert from Action Sheet</button>
<button class="expand" id="scrollableOptions" onclick="presentScroll()">Scrollable Options</button>
<button class="expand" id="scrollWithoutCancel" onclick="presentScrollNoCancel()">Scroll Without Cancel</button>
<button class="expand" id="cancelOnly" onclick="presentCancelOnly()">Cancel Only</button>
<button class="expand" id="icons" onclick="presentIcons()">Icons</button>
<button class="expand" id="cssClass" onclick="presentWithCssClass()">Custom CSS Class</button>
</main>

<script>
window.addEventListener('ionActionSheetDidDismiss', function (e) {
Expand Down
79 changes: 41 additions & 38 deletions core/src/components/alert/test/standalone/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,46 +28,49 @@
</script>

<body>
<button class="expand" id="basic" onclick="presentAlert()">Alert</button>
<button class="expand" id="longMessage" onclick="presentAlertLongMessage()">Alert Long Message</button>
<button class="expand" id="multipleButtons" onclick="presentAlertMultipleButtons()">Multiple Buttons (>2)</button>
<button class="expand" id="noMessage" onclick="presentAlertNoMessage()">Alert No Message</button>
<button class="expand" id="confirm" onclick="presentAlertConfirm()">Confirm</button>
<button class="expand" id="prompt" onclick="presentAlertPrompt()">Prompt</button>
<button class="expand" id="radio" onclick="presentAlertRadio()">Radio</button>
<button class="expand" id="checkbox" onclick="presentAlertCheckbox()">Checkbox</button>
<button class="expand" onclick="presentWithCssClass()">CssClass</button>
<main>
<button class="expand" id="basic" onclick="presentAlert()">Alert</button>
<button class="expand" id="longMessage" onclick="presentAlertLongMessage()">Alert Long Message</button>
<button class="expand" id="multipleButtons" onclick="presentAlertMultipleButtons()">Multiple Buttons (>2)</button>
<button class="expand" id="noMessage" onclick="presentAlertNoMessage()">Alert No Message</button>
<button class="expand" id="confirm" onclick="presentAlertConfirm()">Confirm</button>
<button class="expand" id="prompt" onclick="presentAlertPrompt()">Prompt</button>
<button class="expand" id="radio" onclick="presentAlertRadio()">Radio</button>
<button class="expand" id="checkbox" onclick="presentAlertCheckbox()">Checkbox</button>
<button class="expand" onclick="presentWithCssClass()">CssClass</button>

<div class="f"></div>
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>

<dialog id="favDialog">
<form method="dialog">
<section>
<p>
<label for="favAnimal">Favorite animal:</label>
<select id="favAnimal">
<option></option>
<option>Brine shrimp</option>
<option>Red panda</option>
<option>Spider monkey</option>
</select>
</p>
</section>
<menu>
<button id="cancel" type="reset">Cancel</button>
<button type="submit">Confirm</button>
</menu>
</form>
</dialog>
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>

<dialog id="favDialog">
<form method="dialog">
<section>
<p>
<label for="favAnimal">Favorite animal:</label>
<select id="favAnimal">
<option></option>
<option>Brine shrimp</option>
<option>Red panda</option>
<option>Spider monkey</option>
</select>
</p>
</section>
<menu>
<button id="cancel" type="reset">Cancel</button>
<button type="submit">Confirm</button>
</menu>
</form>
</dialog>
</main>

<script>
async function openAlert(opts) {
Expand Down
64 changes: 33 additions & 31 deletions core/src/components/loading/test/standalone/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,37 +18,39 @@
window.loadingController = loadingController;
</script>
<body>
<button class="expand" id="basic-loading" onclick="openLoading({ message: 'Hellooo', duration: 5000 })">
Show Loading
</button>
<button
class="expand"
id="long-content-loading"
onclick="openLoading({duration: 2000, content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea voluptatibus quibusdam eum nihil optio, ullam accusamus magni, nobis suscipit reprehenderit, sequi quam amet impedit. Accusamus dolorem voluptates laborum dolor obcaecati.'})"
>
Show Loading with long content
</button>
<button
class="expand"
id="no-spinner-loading"
onclick="openLoading({duration: 2000, content: 'Loading Please Wait...', spinner: null})"
>
Show Loading with no spinner
</button>
<button
class="expand"
id="translucent-loading"
onclick="openLoading({duration: 5000, content: 'Loading Please Wait...', translucent: true})"
>
Show Loading with translucent
</button>
<button
class="expand"
id="custom-class-loading"
onclick="openLoading({duration: 5000, content: 'Loading Please Wait...', translucent: true, cssClass: 'custom-class custom-loading'})"
>
Show Loading with cssClass
</button>
<main>
<button class="expand" id="basic-loading" onclick="openLoading({ message: 'Hellooo', duration: 5000 })">
Show Loading
</button>
<button
class="expand"
id="long-content-loading"
onclick="openLoading({duration: 2000, content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea voluptatibus quibusdam eum nihil optio, ullam accusamus magni, nobis suscipit reprehenderit, sequi quam amet impedit. Accusamus dolorem voluptates laborum dolor obcaecati.'})"
>
Show Loading with long content
</button>
<button
class="expand"
id="no-spinner-loading"
onclick="openLoading({duration: 2000, content: 'Loading Please Wait...', spinner: null})"
>
Show Loading with no spinner
</button>
<button
class="expand"
id="translucent-loading"
onclick="openLoading({duration: 5000, content: 'Loading Please Wait...', translucent: true})"
>
Show Loading with translucent
</button>
<button
class="expand"
id="custom-class-loading"
onclick="openLoading({duration: 5000, content: 'Loading Please Wait...', translucent: true, cssClass: 'custom-class custom-loading'})"
>
Show Loading with cssClass
</button>
</main>

<script>
async function openLoading(opts) {
Expand Down

0 comments on commit 1bd53d4

Please sign in to comment.