2
Copyright (C) 2015 Canonical Ltd
4
This file is part of ubuntu-html5-ui-toolkit.
6
This package is free software; you can redistribute it and/or modify
7
it under the terms of the GNU Lesser General Public License as
8
published by the Free Software Foundation; either version 3 of the
10
(at your option) any later version.
12
This package is distributed in the hope that it will be useful,
13
but WITHOUT ANY WARRANTY; without even the implied warranty of
14
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
15
GNU General Public License for more details.
17
You should have received a copy of the GNU Lesser General Public
18
License along with this program. If not, see
19
<http://www.gnu.org/licenses/>
25
<meta charset="utf-8" />
26
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
28
<title>Page Actions test</title>
30
<!-- Ubuntu UI Style imports - Ambiance theme -->
31
<link href="../../../0.1/ambiance/css/appTemplate.css" rel="stylesheet" type="text/css" />
33
<!-- Ubuntu UI javascript imports - Ambiance theme -->
34
<script src="../../../0.1/ambiance/js/fast-buttons.js"></script>
35
<script src="../../../0.1/ambiance/js/core.js"></script>
36
<script src="../../../0.1/ambiance/js/buttons.js"></script>
37
<script src="../../../0.1/ambiance/js/dialogs.js"></script>
38
<script src="../../../0.1/ambiance/js/popovers.js"></script>
39
<script src="../../../0.1/ambiance/js/list.js"></script>
40
<script src="../../../0.1/ambiance/js/tab.js"></script>
41
<script src="../../../0.1/ambiance/js/tabs.js"></script>
45
<div data-role="mainview">
47
<header data-role="header">
49
<li data-role="tabitem" data-page="tab1">Tab 1</li>
50
<li data-role="tabitem" data-page="tab2">Tab 2</li>
54
<div data-role="content">
56
<div data-role="tab" id="tab1">
57
<div>tab1 content</div>
59
<footer id="footer1" data-role="footer" class="revealed">
63
<a href="#" id="addfeed">
64
<img src="/usr/share/icons/suru/actions/scalable/note-new.svg" alt="Tap me!" />
73
<div data-role="tab" id="tab2">
74
<div>tab2 content</div>
76
<footer id="footer2" data-role="footer" class="revealed">
80
<a href="#" id="new-email">
81
<img src="/usr/share/icons/suru/actions/scalable/notebook-new.svg" alt="Tap me!" />
82
<span>New Email</span>
87
<a href="#" id="edit-note">
88
<img src="/usr/share/icons/suru/actions/scalable/edit-paste.svg" alt="Tap me!" />
89
<span>Edit Note</span>
94
<a href="#" id="infos">
95
<img src="/usr/share/icons/suru/actions/scalable/info.svg" alt="Tap me!" />
101
<a href="#" id="private-browsing">
102
<img src="/usr/share/icons/suru/actions/scalable/private-browsing.svg" alt="Tap me!" />
103
<span>Private Browsing</span>