examples/hoofbeats/index.html

   1 <!-- vi: set et sw=4 ts=4 si: -->
   2 <!DOCTYPE html>
   3 <html>
   4   <head>
   5     <meta charset="utf-8">
   6     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   7
   8     <title>Hoofbeats</title>
   9     <meta name="description" content="A media player">
  10     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11
  12     <link id="cowhide-theme" rel="stylesheet" href="lib/cowhide-default.css">
  13   </head>
  14
  15   <body>
  16     <div class="container-fluid">
  17       <div id="application"></div>
  18     </div> <!-- container -->
  19
  20     <!-- initial template of our application; it just installs the outlet. -->
  21     <script type="text/x-handlebars" data-template-name="application">
  22       <div class="navbar navbar-inverse navbar-fixed-top">
  23         <div class="navbar-inner">
  24           <ul class="nav">
  25             <li><a {{action showMediaItems href=true}}>Items</a></li>
  26           </ul>
  27         </div>
  28       </div>
  29
  30       {{outlet library}}
  31     </script>
  32
  33     <script type="text/x-handlebars" data-template-name="mediaItems">
  34         <ul class="item-list striped">
  35             {{#each item in controller}}
  36                 <li>{{item.title}}</li>
  37             {{/each}}
  38         </ul>
  39     </script>
  40
  41     <!-- the UI framework -->
  42     <script src="lib/cowhide.js"></script>
  43
  44     <!-- our own js files -->
  45     <script src="javascripts/musicbrainz.js"></script>
  46     <script src="javascripts/library.js"></script>
  47
  48     <!-- the application framework -->
  49     <script src="lib/handlebars-1.0.rc.1.js"></script>
  50     <script src="lib/ember-latest.js"></script>
  51
  52     <!-- the Ember app -->
  53
  54     <!-- main files -->
  55     <script src="javascripts/app/app.js"></script>
  56     <script src="javascripts/app/router.js"></script>
  57     <script src="javascripts/app/store.js"></script>
  58
  59     <!-- models -->
  60     <script src="javascripts/app/models/mediaItemModel.js"></script>
  61
  62     <!-- controllers -->
  63     <script src="javascripts/app/controllers/applicationController.js">
  64     </script>
  65     <script src="javascripts/app/controllers/mediaItemsController.js"></script>
  66
  67     <!-- views -->
  68     <script src="javascripts/app/views/mediaItemsView.js"></script>
  69
  70   </body>
  71 </html>