javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-24 06:22:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(all): use ion-page

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2017-10-22 21:03:57 +02:00
parent 84080d4a5b
commit 10c77e7513
27 changed files with 2305 additions and 2261 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/core/src/components/action-sheet/test/basic.html
View File

@ -10,6 +10,7 @@
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Action Sheet</ion-title>
@ -27,6 +28,7 @@
<ion-button id="cancelOnly" block onclick="presentCancelOnly()">Cancel Only</ion-button>
</ion-content>
</ion-page>
</ion-app>
<script>

2
packages/core/src/components/alert/test/basic.html
View File

@ -10,6 +10,7 @@
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Alerts</ion-title>
@ -28,6 +29,7 @@
<ion-button block onclick="presentAlertRadio()">Radio</ion-button>
<ion-button block onclick="presentAlertCheckbox()">Checkbox</ion-button>
</ion-content>
</ion-page>
</ion-app>
<script>

2
packages/core/src/components/button/test/basic.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-content>
<ion-button button-type="bar-button">Test button</ion-button>
@ -75,6 +76,7 @@
<ion-button disabled>Large</ion-button>
<ion-button color="secondary" disabled clear>Large</ion-button>
</ion-content>
</ion-page>
</ion-app>
</body>
</html>

2
packages/core/src/components/button/test/toolbar.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-content>
<ion-toolbar no-padding>
<ion-title>This should have no padding</ion-title>
@ -243,6 +244,7 @@
</ion-segment>
</ion-toolbar>
</ion-content>
</ion-page>
</ion-app>
</body>
</html>

2
packages/core/src/components/checkbox/test/basic.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Checkboxes</ion-title>
@ -103,6 +104,7 @@
</ion-item>
</ion-content>
</ion-page>
<script>
function printForm(ev) {

2
packages/core/src/components/chip/test/basic.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Header</ion-title>
@ -118,6 +119,7 @@
</ion-chip>
</ion-item>
</ion-content>
</ion-page>
<script>
function del(chip) {

2
packages/core/src/components/datetime/test/basic.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Datetime</ion-title>
@ -111,6 +112,7 @@
</div>
</ion-content>
</ion-page>
<script>
var yearValuesArray = [2020, 2016, 2008, 2004, 2000, 1996];

34
packages/core/src/components/fab/test/basic.html
View File

@ -8,14 +8,21 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Floating Action Buttons</ion-title>
</ion-toolbar>
</ion-header>
<ion-fixed>
<ion-fab top right edge id="fab1">
<ion-content padding fullscreen>
<f></f>
<f></f>
<pre id="log" style="right:10px; bottom:50px; text-shadow: 0 0 2px rgba(0, 0, 0, 0.24);" slot="fixed">log</pre>
<ion-button>Test</ion-button>
<ion-fab top right edge id="fab1" slot="fixed">
<ion-fab-button onclick="clickMainFAB()" mini class="e2eFabTopRight"><ion-icon name="add"></ion-icon></ion-fab-button>
<ion-fab-list>
<ion-fab-button onclick="openSocial('facebook', 'fab1')"><ion-icon name="logo-facebook"></ion-icon></ion-fab-button>
@ -25,7 +32,7 @@
</ion-fab-list>
</ion-fab>
<ion-fab bottom right edge if="fab2">
<ion-fab bottom right edge id="fab2" slot="fixed">
<ion-fab-button onclick="clickMainFAB()" color="dark" class="e2eFabBottomRight"><ion-icon name="arrow-dropleft"></ion-icon></ion-fab-button>
<ion-fab-list side="left">
<ion-fab-button onclick="openSocial('facebook', 'fab2')"><ion-icon name="logo-facebook"></ion-icon></ion-fab-button>
@ -35,7 +42,7 @@
</ion-fab-list>
</ion-fab>
<ion-fab top left id="fab3">
<ion-fab top left id="fab3" slot="fixed">
<ion-fab-button onclick="clickMainFAB()" color="secondary" class="e2eFabTopLeft"><ion-icon name="arrow-dropright"></ion-icon></ion-fab-button>
<ion-fab-list side="right">
<ion-fab-button onclick="openSocial('facebook', 'fab3')"><ion-icon name="logo-facebook"></ion-icon></ion-fab-button>
@ -45,7 +52,7 @@
</ion-fab-list>
</ion-fab>
<ion-fab bottom left id="fab4">
<ion-fab bottom left id="fab4" slot="fixed">
<ion-fab-button onclick="clickMainFAB()" color="light" class="e2eFabBottomLeft"><ion-icon name="arrow-dropup"></ion-icon></ion-fab-button>
<ion-fab-list side="top">
<ion-fab-button onclick="openSocial('facebook', 'fab4')"><ion-icon name="logo-facebook"></ion-icon></ion-fab-button>
@ -55,7 +62,7 @@
</ion-fab-list>
</ion-fab>
<ion-fab center middle id="fab5">
<ion-fab center middle id="fab5" slot="fixed">
<ion-fab-button onclick="clickMainFAB()" color="danger" class="e2eFabCenter"><ion-icon name="md-share"></ion-icon></ion-fab-button>
<ion-fab-list side="top">
<ion-fab-button onclick="openSocial('vimeo', 'fab5')" color="primary"><ion-icon name="logo-vimeo"></ion-icon></ion-fab-button>
@ -71,17 +78,9 @@
</ion-fab-list>
</ion-fab>
<ion-fab right middle>
<ion-fab right middle slot="fixed">
<ion-fab-button color="danger" onclick="add()"><ion-icon name="add"></ion-icon></ion-fab-button>
</ion-fab>
</ion-fixed>
<ion-content padding fullscreen>
<f></f>
<f></f>
<pre id="log" ion-fixed style="right:10px; bottom:50px; text-shadow: 0 0 2px rgba(0, 0, 0, 0.24);">log</pre>
<ion-button>Test</ion-button>
</ion-content>
<ion-footer>
@ -89,6 +88,7 @@
<ion-title>Footer</ion-title>
</ion-toolbar>
</ion-footer>
</ion-page>
<script>
function insertAfter(el, referenceNode) {
@ -124,10 +124,6 @@
</script>
<style>
[ion-fixed] {
position: absolute;
}
f {
display: block;
margin: 15px auto;

2
packages/core/src/components/grid/test/basic.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-content class="grid-demo">
<ion-grid>
<ion-row>
@ -258,6 +259,7 @@
</ion-grid>
</ion-content>
</ion-page>
<style>
.grid-demo ion-col div {

4
packages/core/src/components/icon/test/basic.html
View File

@ -8,12 +8,11 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-navbar>
<ion-title>Icon</ion-title>
</ion-navbar>
</ion-header>
@ -67,6 +66,7 @@
</ion-row>
</ion-content>
</ion-page>
<style>
.icon-demo ion-icon {

2
packages/core/src/components/input/test/basic.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Basic Form</ion-title>
@ -77,6 +78,7 @@
</div>
</ion-content>
</ion-page>
<script>
function toggleBoolean(id, prop) {

3
packages/core/src/components/input/test/textarea.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Textareas</ion-title>
@ -89,7 +90,7 @@
</ion-button>
</div>
</ion-content>
</ion-page>
<script>
function toggleBoolean(id, prop) {
var ele = document.getElementById(id);

2
packages/core/src/components/item-sliding/test/basic.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Sliding Items</ion-title>
@ -401,6 +402,7 @@
}
</style>
</ion-content>
</ion-page>
</ion-app>
</body>
</html>

2
packages/core/src/components/item/test/basic.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Button Icons</ion-title>
@ -65,6 +66,7 @@
</ion-item>
</ion-content>
</ion-page>
</ion-app>
</body>
</html>

2
packages/core/src/components/item/test/buttons.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Button Icons</ion-title>
@ -65,6 +66,7 @@
</ion-item>
</ion-content>
</ion-page>
</ion-app>
</body>
</html>

7
packages/core/src/components/menu/tests/basic.html
View File

@ -55,14 +55,17 @@
</ion-content>
</ion-menu>
<ion-page main class="show-page">
<ion-page main>
<ion-header>
<ion-toolbar>
<ion-title>Ionic CDN demo</ion-title>
</ion-toolbar>
</ion-header>
<ion-footer>
<ion-toolbar>
</ion-toolbar>
</ion-footer>
<ion-content padding>
<p>
<ion-button onclick="openLeft()">Open left menu</ion-button>

2
packages/core/src/components/popover/test/basic.html
View File

@ -10,6 +10,7 @@
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar color="primary">
<ion-buttons slot="start">
@ -39,6 +40,7 @@
<ion-title>Popover</ion-title>
</ion-toolbar>
</ion-footer>
</ion-page>
</ion-app>
<script>
function presentPopover(componentName, event) {

2
packages/core/src/components/radio/test/basic.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Radios</ion-title>
@ -133,6 +134,7 @@
</ion-item>
</ion-content>
</ion-page>
<script>
var radioValues = ['fruitRadio', 'pizzaRadio', 'veggiesRadio'];

2
packages/core/src/components/range/test/basic.html
View File

@ -10,6 +10,7 @@
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Range</ion-title>
@ -76,6 +77,7 @@
<ion-button onclick="elTest()">Test</ion-button>
</ion-content>
</ion-page>
</ion-app>
<script>

2
packages/core/src/components/reorder/test/basic.html
View File

@ -10,6 +10,7 @@
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Item Reorder</ion-title>
@ -68,6 +69,7 @@
</ion-reorder-group>
</ion-list>
</ion-content>
</ion-page>
</ion-app>
<script>

2
packages/core/src/components/searchbar/test/basic.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-content>
<h5> Search - Default </h5>
<ion-searchbar
@ -139,6 +140,7 @@
}
</script>
</ion-content>
</ion-page>
</ion-app>
</body>
</html>

2
packages/core/src/components/segment/test/basic.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-content>
<ion-toolbar no-border-top>
<ion-segment value="Free">
@ -104,6 +105,7 @@
}
</script>
</ion-content>
</ion-page>
</ion-app>
</body>
</html>

2
packages/core/src/components/select/test/basic.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Select</ion-title>
@ -220,6 +221,7 @@
</div>
</ion-content>
</ion-page>
<script>
function toggleBoolean(id, prop) {

2
packages/core/src/components/spinner/test/basic.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-content>
<ion-list>
<ion-list-header>
@ -47,6 +48,7 @@
</ion-item>
</ion-list>
</ion-content>
</ion-page>
</ion-app>
</body>
</html>

2
packages/core/src/components/split-pane/test/basic.html
View File

@ -45,7 +45,7 @@
</ion-menu>
<ion-page main class="show-page">
<ion-page main>
<ion-header>
<ion-toolbar>

2
packages/core/src/components/toast/test/basic.html
View File

@ -10,6 +10,7 @@
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar color="primary">
<ion-title>Popover</ion-title>
@ -26,6 +27,7 @@
<!-- <ion&#45;button block onclick="presentToastWithOptions()">Show Toast Middle</ion&#45;button> -->
<ion-toast-controller></ion-toast-controller>
</ion-content>
</ion-page>
</ion-app>
<script>
function presentToast(position) {

2
packages/core/src/components/toggle/test/basic.html
View File

@ -8,6 +8,7 @@
</head>
<body>
<ion-app>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Toggles</ion-title>
@ -75,6 +76,7 @@
Stand-alone toggle: <span id="standAloneCheckedSpan"></span>
</p>
</ion-content>
</ion-page>
<script>
function printForm(ev) {