← Back to branch summary

~ubuntu-branches/ubuntu/trusty/ubuntu-html5-theme/trusty-proposed

« back to all changes in this revision

Viewing changes to 0.1/examples/widgets/Indexbar.html

  • Committer: Package Import Robot
  • Author(s): Ubuntu daily release, Adnane Belmadiaf, daker, Kyle Nitzsche, Colin Watson, Alexandre Abreu, Ubuntu daily release
  • Date: 2014-01-07 23:46:53 UTC
  • mfrom: (1.1.7)
  • Revision ID: package-import@ubuntu.com-20140107234653-oagvm6guom4h9dvh
Tags: 0.1+14.04.20140107-0ubuntu1
https://launchpad.net/bugs/1241215
https://launchpad.net/bugs/1232533
https://launchpad.net/bugs/1222881
https://launchpad.net/bugs/1223973
https://launchpad.net/bugs/1241215
https://launchpad.net/bugs/1240682
https://launchpad.net/bugs/1246446
https://launchpad.net/bugs/1232533
https://launchpad.net/bugs/1243248
https://launchpad.net/bugs/1243248
https://launchpad.net/bugs/1241029
https://launchpad.net/bugs/1235321
[ Adnane Belmadiaf ]
* s/parentNode/parendNode Spaces instead of tabs. (LP: #1241215)
* Add option selector widget. (LP: #1232533)

[ daker ]
* Passe the UI variable name so we will not lock the variable. (LP:
  #1222878)
* Made variable declaration locale. (LP: #1222881)
* Fixed z-index for the list items aside. (LP: #1223973)
* s/parentNode/parendNode Spaces instead of tabs. (LP: #1241215)
* Space instead of tab. (LP: #1240682)
* Made list items with headers differentes. (LP: #1246446)
* Updated the progressbar component to match the design.
* Move tabs closer to what they should be, Expand API to match the QML
  one (at least at the Tabs level), .
* Add option selector widget. (LP: #1232533)

[ Kyle Nitzsche ]
* Add button id to "Invalid button ID" error message .
* This MR does three main things: 1) Implements yuidoc comments in all
  js files to support API doc generation, and provides yuidoc assets
  (theme dir and json file) needed to build the API docs. Bug LP:
  #1241029 3) Provides JS classes for shape and page with
  corresponding UbuntuUI prototype constructor functions. Bug LP:
  #1243248 4) Adds a getEl(UbuntuUIObject) to return the element for
  any Ubuntu class. Also LP: #1243248. (LP: #1243248, #1241029)

[ Colin Watson ]
* Make ubuntu-html5-theme Multi-Arch: foreign.

[ Alexandre Abreu ]
* Fix exec path in app-gallery app desktop file. (LP: #1235321)
* Add convenient element() function to most widgets ... (we might want
  to factor those out in a second step).
* Move tabs closer to what they should be, Expand API to match the QML
  one (at least at the Tabs level), .
* Add HTML5 webapp container package.

[ Ubuntu daily release ]
* Automatic snapshot from revision 98

Show diffs side-by-side

added added

removed removed

Lines of Context:
0.1/examples/widgets/Indexbar.html
1
 
<!--
2
 
 Copyright (C) 2013 Adnane Belmadiaf <daker@ubuntu.com>
3
 
 License granted by Canonical Limited
4
 
 
5
 
 This file is part of ubuntu-html5-theme.
6
 
 
7
 
 This package is free software; you can redistribute it and/or modify
8
 
 it under the terms of the GNU Lesser General Public License as 
9
 
 published by the Free Software Foundation; either version 3 of the 
10
 
 License, or
11
 
 (at your option) any later version.
12
 
 
13
 
 This package is distributed in the hope that it will be useful,
14
 
 but WITHOUT ANY WARRANTY; without even the implied warranty of
15
 
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
16
 
 GNU General Public License for more details.
17
 
 
18
 
 You should have received a copy of the GNU Lesser General Public 
19
 
 License along with this program. If not, see 
20
 
 <http://www.gnu.org/licenses/>.
21
 
-->
22
 
 
23
 
<!DOCTYPE html>
24
 
<html>
25
 
<head>
26
 
    <meta charset="utf-8" />
27
 
    <meta name="copyright" content="Adnane Belmadiaf <daker@ubuntu.com>">
28
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
29
 
    <title>Ubuntu UI HTML5 Theme: Application Template</title>
30
 
    <link href="../../ambiance/css/appTemplate.css" rel="stylesheet" type="text/css" />
31
 
</head>
32
 
<body>
33
 
    <div data-role="page">
34
 
        <header data-role="header">
35
 
            <nav data-role="navbar" class="tabs">
36
 
                <div class="tabs-inner">
37
 
                    <ul data-role="tabs">
38
 
                        <li class="active" data-role="tab">
39
 
                            <a href="#item1">Tab 1</a>
40
 
                        </li>
41
 
                        <li class="inactive" data-role="tab">
42
 
                            <a href="#item2">Tab 2</a>
43
 
                        </li>
44
 
                        <li class="inactive" data-role="tab">
45
 
                            <a href="#item3">Tab 3</a>
46
 
                        </li>
47
 
                    </ul>
48
 
                </div>
49
 
            </nav>
50
 
        </header>
51
 
 
52
 
        <div data-role="content">
53
 
            <a id="A"></a>
54
 
            <section data-role="list">
55
 
                <header>A - Standard</header>
56
 
                <ul data-role="listview">
57
 
                    <li>
58
 
                        <p>Label</p>
59
 
                    </li>
60
 
                    <li>
61
 
                        <p>Label</p>
62
 
                    </li>
63
 
                    <li>
64
 
                        <p>Label</p>
65
 
                    </li>
66
 
                    <li>
67
 
                        <p>Label</p>
68
 
                    </li>
69
 
                    <li>
70
 
                        <p>Label</p>
71
 
                    </li>
72
 
                    <li>
73
 
                        <p>Label</p>
74
 
                    </li>
75
 
                </ul>
76
 
            </section>
77
 
            <a id="B"></a>
78
 
            <section data-role="list">
79
 
                <header>B - Standard</header>
80
 
                <ul data-role="listview">
81
 
                    <li>
82
 
                        <p>Label</p>
83
 
                    </li>
84
 
                    <li>
85
 
                        <p>Label</p>
86
 
                    </li>
87
 
                    <li>
88
 
                        <p>Label</p>
89
 
                    </li>
90
 
                    <li>
91
 
                        <p>Label</p>
92
 
                    </li>
93
 
                    <li>
94
 
                        <p>Label</p>
95
 
                    </li>
96
 
                    <li>
97
 
                        <p>Label</p>
98
 
                    </li>
99
 
                </ul>
100
 
            </section>
101
 
            <a id="C"></a>
102
 
            <section data-role="list">
103
 
                <header>C - Standard</header>
104
 
                <ul data-role="listview">
105
 
                    <li>
106
 
                        <p>Label</p>
107
 
                    </li>
108
 
                    <li>
109
 
                        <p>Label</p>
110
 
                    </li>
111
 
                    <li>
112
 
                        <p>Label</p>
113
 
                    </li>
114
 
                    <li>
115
 
                        <p>Label</p>
116
 
                    </li>
117
 
                    <li>
118
 
                        <p>Label</p>
119
 
                    </li>
120
 
                    <li>
121
 
                        <p>Label</p>
122
 
                    </li>
123
 
                </ul>
124
 
            </section>
125
 
            <a id="D"></a>
126
 
            <section data-role="list">
127
 
                <header>D - Standard</header>
128
 
                <ul data-role="listview">
129
 
                    <li>
130
 
                        <p>Label</p>
131
 
                    </li>
132
 
                    <li>
133
 
                        <p>Label</p>
134
 
                    </li>
135
 
                    <li>
136
 
                        <p>Label</p>
137
 
                    </li>
138
 
                    <li>
139
 
                        <p>Label</p>
140
 
                    </li>
141
 
                    <li>
142
 
                        <p>Label</p>
143
 
                    </li>
144
 
                    <li>
145
 
                        <p>Label</p>
146
 
                    </li>
147
 
                </ul>
148
 
            </section>
149
 
            <a id="E"></a>
150
 
            <section data-role="list">
151
 
                <header>E - Standard</header>
152
 
                <ul data-role="listview">
153
 
                    <li>
154
 
                        <p>Label</p>
155
 
                    </li>
156
 
                    <li>
157
 
                        <p>Label</p>
158
 
                    </li>
159
 
                    <li>
160
 
                        <p>Label</p>
161
 
                    </li>
162
 
                    <li>
163
 
                        <p>Label</p>
164
 
                    </li>
165
 
                    <li>
166
 
                        <p>Label</p>
167
 
                    </li>
168
 
                    <li>
169
 
                        <p>Label</p>
170
 
                    </li>
171
 
                </ul>
172
 
            </section>
173
 
            <section data-role="indexbar">
174
 
                <ol>
175
 
                    <li><a href="#A">A</a></li>
176
 
                    <li><a href="#B">B</a></li>
177
 
                    <li><a href="#C">C</a></li>
178
 
                    <li><a href="#D">D</a></li>
179
 
                    <li><a href="#E">E</a></li>
180
 
                    <li><a href="#">F</a></li>
181
 
                    <li><a href="#">G</a></li>
182
 
                    <li><a href="#">H</a></li>
183
 
                    <li><a href="#">I</a></li>
184
 
                    <li><a href="#">J</a></li>
185
 
                    <li><a href="#">K</a></li>
186
 
                    <li><a href="#">L</a></li>
187
 
                    <li><a href="#">M</a></li>
188
 
                    <li><a href="#">N</a></li>
189
 
                    <li><a href="#">O</a></li>
190
 
                    <li><a href="#">P</a></li>
191
 
                    <li><a href="#">Q</a></li>
192
 
                    <li><a href="#">R</a></li>
193
 
                    <li><a href="#">S</a></li>
194
 
                    <li><a href="#">T</a></li>
195
 
                    <li><a href="#">U</a></li>
196
 
                    <li><a href="#">V</a></li>
197
 
                    <li><a href="#">W</a></li>
198
 
                    <li><a href="#">X</a></li>
199
 
                    <li><a href="#">Y</a></li>
200
 
                    <li><a href="#">Z</a></li>
201
 
                </ol>
202
 
            </section>
203
 
        </div>
204
 
    </div>
205
 
</body>
206
 
</html>