Merge branch 'master' into tizen_2.1
[platform/framework/web/web-ui-fw.git] / tests / unit-tests / virtualgrid / index.html
1 <!DOCTYPE html>
2 <html>
3         <head>
4                 <script src="../../../build/tizen-web-ui-fw/latest/js/jquery.js"></script>
5                 <script src="../../../build/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
6                 <script src="../../../build/tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js"
7                         data-framework-theme="tizen-white"
8                         data-framework-viewport-scale=false>
9                 </script>
10                 <link rel="stylesheet" href="../../../libs/js/jquery-mobile-1.2.0/external/qunit.css" />
11                 <script src="../../../libs/js/jquery-mobile-1.2.0/external/qunit.js"></script>
12                 <script src = "../../../demos/tizen-winsets/widgets/grid/virtualgrid-db-demo.js"></script>
13                 <script src="virtualgrid-tests.js"></script>
14                 <title>Virtualgrid</title>
15         </head>
16
17         <body>
18                 <h1 id="qunit-header">Virtualgrid</h1>
19                 <h2 id="qunit-banner"></h2>
20                 <div id="qunit-testrunner-toolbar"></div>
21                 <h2 id="qunit-userAgent"></h2>
22                 <ol id="qunit-tests"></ol>
23
24                 <div id="qunit-fixture">
25                         <div data-role="page" id="virtualgrid_demo_page" class="virtualgrid_demo_page">
26                                 <div data-role="header" data-position="fixed">
27                                         <h1>Virtualgrid</h1>
28                                 </div>
29                                 <div data-role="content">
30                                         <script id="tizen-demo-namecard" type="text/x-jquery-tmpl">
31                                                 <div class="ui-demo-namecard ${ID}" style="width:50px">
32                                                         <div class="ui-demo-namecard-pic">
33                                                         </div>
34                                                         <div class="ui-demo-namecard-contents">
35                                                                 <span class="name ui-li-text-main">${NAME}</span>
36                                                         </div>
37                                                 </div>
38                                         </script>
39                                         <div id="virtualgrid-test" data-direction="y" data-role="virtualgrid" data-rotation="true" data-template="tizen-demo-namecard" data-dbtable="JSON_DATA" style="width:600px; height:500px;"></div>
40                                 </div>
41                         </div>
42                 </div>
43         </body>
44 </html>