~ubuntu-html5-theme-devs/ubuntu-html5-theme/trunk

« back to all changes in this revision

Viewing changes to tests/data/html/test-page-actions.html

  • Committer: CI Train Bot
  • Author(s): Alexandre Abreu
  • Date: 2015-05-20 16:51:36 UTC
  • mfrom: (204.3.2 fix-1455622)
  • Revision ID: ci-train-bot@canonical.com-20150520165136-fjybgev8rg113d1r
Fix page actions; no need to create actions when none is defined Fixes: #1455622

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
<!--
 
2
 Copyright (C) 2015 Canonical Ltd
 
3
 
 
4
 This file is part of ubuntu-html5-ui-toolkit.
 
5
 
 
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
 
9
 License, or
 
10
 (at your option) any later version.
 
11
 
 
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.
 
16
 
 
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/>
 
20
-->
 
21
 
 
22
<!DOCTYPE html>
 
23
<html>
 
24
<head>
 
25
    <meta charset="utf-8" />
 
26
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
27
 
 
28
    <title>Page Actions test</title>
 
29
 
 
30
    <!-- Ubuntu UI Style imports - Ambiance theme -->
 
31
    <link href="../../../0.1/ambiance/css/appTemplate.css" rel="stylesheet" type="text/css" />
 
32
 
 
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>
 
42
</head>
 
43
 
 
44
<body>
 
45
    <div data-role="mainview">
 
46
 
 
47
        <header data-role="header">
 
48
            <ul data-role="tabs">
 
49
                <li data-role="tabitem" data-page="tab1">Tab 1</li>
 
50
                <li data-role="tabitem" data-page="tab2">Tab 2</li>
 
51
            </ul>
 
52
        </header>
 
53
 
 
54
        <div data-role="content">
 
55
 
 
56
          <div data-role="tab" id="tab1">
 
57
            <div>tab1 content</div>
 
58
            
 
59
              <footer id="footer1" data-role="footer" class="revealed">
 
60
                <nav>
 
61
                  <ul>
 
62
                    <li>
 
63
                      <a href="#" id="addfeed">
 
64
                        <img src="/usr/share/icons/suru/actions/scalable/note-new.svg" alt="Tap me!" />
 
65
                        <span>Add feed</span>
 
66
                      </a>
 
67
                    </li>
 
68
                  </ul>
 
69
                </nav>
 
70
              </footer>
 
71
            </div>
 
72
 
 
73
            <div data-role="tab" id="tab2">
 
74
                <div>tab2 content</div>
 
75
                
 
76
                <footer id="footer2" data-role="footer" class="revealed">
 
77
                  <nav>
 
78
                    <ul>
 
79
                      <li>
 
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>
 
83
                        </a>
 
84
                      </li>
 
85
                      
 
86
                      <li>
 
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>
 
90
                        </a>
 
91
                      </li>
 
92
                      
 
93
                      <li>
 
94
                        <a href="#" id="infos">
 
95
                          <img src="/usr/share/icons/suru/actions/scalable/info.svg" alt="Tap me!" />
 
96
                          <span>Infos</span>
 
97
                        </a>
 
98
                      </li>
 
99
                      
 
100
                      <li>
 
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>
 
104
                        </a>
 
105
                      </li>
 
106
                    </ul>
 
107
                  </nav>
 
108
                </footer>
 
109
            </div>
 
110
    </div>
 
111
 
 
112
    <script>
 
113
      
 
114
    </script>
 
115
 
 
116
</body>
 
117
</html>