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>
  26                 <a {{action showMediaItems href=true}}>
  27                     <i class="icon-white icon-th-list"></i>
  28                     All
  29                 </a>
  30             </li>
  31           </ul>
  32         </div>
  33       </div>
  34
  35       {{outlet library}}
  36     </script>
  37
  38     <script type="text/x-handlebars" data-template-name="mediaItems">
  39         <ul class="item-list striped">
  40             {{#each item in controller}}
  41                 <li>{{item.title}}</li>
  42             {{/each}}
  43         </ul>
  44     </script>
  45
  46     <!-- the UI framework -->
  47     <script src="lib/cowhide.js"></script>
  48
  49     <!-- our own js files -->
  50     <script src="javascripts/musicbrainz.js"></script>
  51     <script src="javascripts/library.js"></script>
  52
  53     <!-- the application framework -->
  54     <script src="lib/handlebars-1.0.rc.1.js"></script>
  55     <script src="lib/ember-latest.js"></script>
  56
  57     <!-- the Ember app -->
  58
  59     <!-- main files -->
  60     <script src="javascripts/app/app.js"></script>
  61     <script src="javascripts/app/router.js"></script>
  62     <script src="javascripts/app/store.js"></script>
  63
  64     <!-- models -->
  65     <script src="javascripts/app/models/mediaItemModel.js"></script>
  66
  67     <!-- controllers -->
  68     <script src="javascripts/app/controllers/applicationController.js">
  69     </script>
  70     <script src="javascripts/app/controllers/mediaItemsController.js"></script>
  71
  72     <!-- views -->
  73     <script src="javascripts/app/views/mediaItemsView.js"></script>
  74
  75   </body>
  76 </html>