javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 15:07:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

A whole lotta shit

Browse Source
This commit is contained in:
Max Lynch
2013-10-21 10:44:35 -05:00
parent 073b30c818
commit aad3bb92b5
48 changed files with 25083 additions and 320 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
test/controllers/tabs.html
View File

@ -6,7 +6,7 @@
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="../dist/ionic.css">
<link rel="stylesheet" href="../../dist/css/ionic.css">
</head>
<body>
@ -20,35 +20,32 @@
<div id="tab1">
<h2>Tab 1</h2>
<p>
Friends
One
</p>
</div>
<div id="tab2">
<h2>Tab 2</h2>
<p>
Friends
Two
</p>
</div>
<div id="tab3">
<h2>Tab 3</h2>
<p>
Friends
Three
</p>
</div>
<div id="tab4">
<h2>Tab 4</h2>
<p>
Friends
Four
</p>
</div>
</main>
<nav id="tab-bar" class="tabs tabs-success"></nav>
<nav id="tab-bar" class="tabs tabs-top tabs-success"></nav>
</section>
<script src="../../js/events.js"></script>
<script src="../../js/gestures.js"></script>
<script src="../../js/views/tabBar.js"></script>
<script src="../../js/controllers/tabBarController.js"></script>
<script src="../../dist/js/ionic.js"></script>
<script>
// Grab the sections
var tab = document.getElementById('tab-bar');
@ -104,7 +101,7 @@
c4.icon = 'icon-minus';
var c = new ionic.controllers.TabBarController({
tabBar: new ionic.ui.TabBar({ el: tab }),
tabBar: new ionic.views.TabBar({ el: tab }),
controllers: [ c1, c2, c3, c4 ]
});
</script>

26
test/loading.html Normal file
View File

@ -0,0 +1,26 @@
<html>
<head>
<meta charset="utf-8">
<title>Modals</title>
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="../dist/css/ionic.css" rel="stylesheet">
</head>
<body>
<div id="loading" class="loading">
<h4>Loading</h4>
</div>
<button id="show" class="button">Show</button>
<script src="../dist/js/ionic.js"></script>
<script>
var loading = document.getElementById('loading');
var l = new ionic.views.Loading({el: loading});
var sb = document.getElementById('show');
sb.addEventListener('click', function(e) {
l.show();
});
</script>
</body>
</html>