-
Notifications
You must be signed in to change notification settings - Fork 97
/
Copy pathtemplate-SingleViewApp-header.html
80 lines (73 loc) · 2.8 KB
/
template-SingleViewApp-header.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html>
<head>
<title>Single View App template with custom header</title>
<!--
This template can be used for simple application that has just a main view, for applications like Flash light app or Calculator app.
This template is an extention of SingleView App template with custom header that has button. It also shows popup and actionsheet UI elements.
-->
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0;" />
<link rel="stylesheet" type="text/css" href="appframework/af.ui.css" />
<link rel="stylesheet" type="text/css" href="appframework/icons.css" />
<script type="text/javascript" charset="utf-8" src="appframework/appframework.ui.min.js"></script>
<!-- Required if packaging to native app using Intel XDK -->
<script src="intelxdk.js"></script>
<script src="xhr.js"></script>
<script>
function onDeviceReady(){
$.ui.launch();
intel.xdk.device.hideSplashScreen();
}
document.addEventListener("intel.xdk.device.ready", onDeviceReady, false);
</script>
<!-- end Intel XDK code -->
<script>
$.ui.autoLaunch = false;
$(document).ready(function(){
$.ui.launch();
});
function trash(){
$("#afui").actionsheet(
[{
text: 'Remove',
cssClasses: 'red',
handler: function () {
}
},{
text: 'Remove All',
cssClasses: 'red',
handler: function () {
}
}]
);
}
function login(){
$("#afui").popup({
title: "Login",
message: "Username: <input type='text' class='af-ui-forms'><br>Password: <input type='text' class='af-ui-forms' style='webkit-text-security:disc'>",
cancelText: "Cancel",
cancelCallback: function(){},
doneText: "Login",
doneCallback: function(){},
cancelOnly: false
});
}
</script>
</head>
<body>
<div id="afui">
<!-- Custom header with buttons -->
<header id="header1">
<h1>My Title</h1>
<a href="#" class="button icon trash" onclick="trash()"></a>
<a href="#" class="button icon user" onclick="login()" style="float:right">Login</a>
</header>
<div id="content">
<!-- SingleView panel -->
<div class="panel" title="Title" id="page1" data-header="header1" data-footer="none" selected="true">
<p>This is a Single View App template with custom header</p>
</div>
</div>
</div>
</body>
</html>