javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(tabs): update basic test to include dynamic badge attributes

Browse Source
This commit is contained in:
Brandy Carney
2018-07-16 11:16:25 -04:00
parent 8aed3bfcf9
commit b903718468
1 changed files with 22 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
core/src/components/tabs/test/basic/index.html
View File

@@ -20,7 +20,10 @@
</ion-toolbar>
</ion-header>
<ion-content padding>
Tab One
<h1>Tab One</h1>
<ion-button expand="block" onclick="updateBadgeCount()">Update Badge Count</ion-button>
<ion-button color="secondary" expand="block" onclick="updateBadgeColor()">Update Badge Color</ion-button>
</ion-content>
</ion-tab>
@@ -31,18 +34,18 @@
</ion-toolbar>
</ion-header>
<ion-content padding>
Tab Two
<h1>Tab Two</h1>
</ion-content>
</ion-tab>
<ion-tab label="Stopwatch" icon="logo-facebook">
<ion-tab id="tabWithBadge" badge="6" badgeColor="primary" label="Stopwatch" icon="logo-facebook">
<ion-header>
<ion-toolbar>
<ion-title>Tab Three</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding>
Tab Three
<h1>Tab Three</h1>
</ion-content>
</ion-tab>
@@ -53,7 +56,7 @@
</ion-toolbar>
</ion-header>
<ion-content padding>
Hidden Tab
<h1>Hidden Tab</h1>
</ion-content>
</ion-tab>
@@ -61,6 +64,20 @@
</ion-tab>
</ion-tabs>
</ion-app>
<script>
var tab = document.getElementById('tabWithBadge');
function updateBadgeCount() {
var current = parseInt(tab.badge);
tab.badge = ++current;
}
function updateBadgeColor() {
var current = tab.badgeColor;
tab.badgeColor = current === 'primary' ? 'danger' : 'primary';
}
</script>
</body>
</html>