home.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>homePage</title>
  6. <!-- WinJS references -->
  7. <link href="//Microsoft.WinJS.2.0/css/ui-dark.css" rel="stylesheet" />
  8. <script src="//Microsoft.WinJS.2.0/js/base.js"></script>
  9. <script src="//Microsoft.WinJS.2.0/js/ui.js"></script>
  10. <script src="/js/jquery-2.1.0.min.js"></script>
  11. <link href="/css/default.css" rel="stylesheet" />
  12. <link href="/pages/home/home.css" rel="stylesheet" />
  13. <script src="/pages/home/home.js"></script>
  14. </head>
  15. <body>
  16. <div id="ListHeaderTemplate" data-win-control="WinJS.Binding.Template" style="display: none">
  17. <div class="sceneListHeader">
  18. <h2 data-win-bind="innerText: title"></h2>
  19. </div>
  20. </div>
  21. <div id="ListItemTemplate" data-win-control="WinJS.Binding.Template" style="display: none">
  22. <div data-win-bind="className: className">
  23. <h4 data-win-bind="textContent: title"></h4>
  24. <h6 data-win-bind="textContent: text"></h6>
  25. </div>
  26. </div>
  27. <div id="babylonScenesListView"
  28. class="win-selectionstylefilled"
  29. data-win-control="WinJS.UI.ListView"
  30. data-win-options="{
  31. itemDataSource: home.babylonScenes.groupedItemsList.dataSource,
  32. itemTemplate: select('#ListItemTemplate'),
  33. groupDataSource: home.babylonScenes.groupedItemsList.groups.dataSource,
  34. groupHeaderTemplate: select('#ListHeaderTemplate'),
  35. layout: { type: WinJS.UI.GridLayout },
  36. selectionMode: 'single',
  37. swipeBehavior: 'none'
  38. }">
  39. </div>
  40. </body>
  41. </html>