javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(): deprecate web component controllers (#19109)

Browse Source
This commit is contained in:
Manu MA
2019-08-27 14:00:45 +02:00
committed by GitHub
parent 3e63b3c2c4
commit a65d897214
71 changed files with 1435 additions and 1461 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
core/src/components/app/test/safe-area/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html dir="ltr">
<html dir="ltr" class="safe-area">
<head>
<meta charset="UTF-8">
@ -19,15 +19,15 @@
</style>
<script>
async function showActionSheet() {
const actionSheet = await document.querySelector('ion-action-sheet-controller')
.create({
header: 'Action Sheet',
buttons: [
'First',
'Second',
'Third'
]
});
const actionSheet = Object.assign(document.createElement('ion-action-sheet'), {
header: 'Action Sheet',
buttons: [
'First',
'Second',
'Third'
]
});
document.body.appendChild(actionSheet);
await actionSheet.present();
}
@ -37,38 +37,38 @@
}
async function showPicker() {
const picker = await document.querySelector('ion-picker-controller')
.create({
columns: [
{
name: 'Picker',
selectedIndex: 2,
options: [
{ text: 'First' },
{ text: 'Second' },
{ text: 'Third' },
{ text: 'Fourth' },
{ text: 'Fifth' },
]
}
]
});
const picker = Object.assign(document.createElement('ion-picker'), {
columns: [
{
name: 'Picker',
selectedIndex: 2,
options: [
{ text: 'First' },
{ text: 'Second' },
{ text: 'Third' },
{ text: 'Fourth' },
{ text: 'Fifth' },
]
}
]
});
document.body.appendChild(picker);
await picker.present();
}
async function showToast() {
const toast = await document.querySelector('ion-toast-controller')
.create({
message: 'Hello world!',
showCloseButton: true
});
const toast = Object.assign(document.createElement('ion-toast'), {
message: 'Hello world!',
showCloseButton: true
});
document.body.appendChild(toast);
await toast.present();
}
</script>
</head>
<body>
<ion-app class="safe-area">
<ion-app>
<ion-menu>
<ion-header>
<ion-toolbar>
@ -142,7 +142,6 @@
</ion-toolbar>
</ion-footer>
<ion-action-sheet-controller></ion-action-sheet-controller>
<ion-picker-controller></ion-picker-controller>
<ion-toast-controller></ion-toast-controller>
</ion-app>