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     <link rel="stylesheet" href="stylesheets/hoofbeats.css">
  14   </head>
  15
  16   <body>
  17     <div class="container-fluid">
  18       <div id="application"></div>
  19     </div> <!-- container -->
  20
  21     <!-- initial template of our application; it just installs the outlet. -->
  22     <script type="text/x-handlebars" data-template-name="application">
  23       <div class="navbar navbar-inverse navbar-fixed-top">
  24         <div class="navbar-inner">
  25           <ul class="nav">
  26             <li>
  27                 <a {{action showMediaItems href=true}}>
  28                     <i class="icon-white icon-th-list"></i>
  29                     All
  30                 </a>
  31             </li>
  32           </ul>
  33         </div>
  34       </div>
  35
  36       <div class="page content">
  37           {{outlet library}}
  38       </div>
  39     </script>
  40
  41     <script type="text/x-handlebars" data-template-name="mediaItems">
  42         <ul class="item-list striped">
  43             {{#each item in controller}}
  44                 <li>{{item.title}}</li>
  45             {{/each}}
  46         </ul>
  47     </script>
  48
  49     <!-- the UI framework -->
  50     <script src="lib/cowhide.js"></script>
  51
  52     <!-- our own js files -->
  53     <script src="javascripts/musicbrainz.js"></script>
  54     <script src="javascripts/library.js"></script>
  55
  56     <!-- the application framework -->
  57     <script src="lib/handlebars-1.0.rc.1.js"></script>
  58     <script src="lib/ember-latest.js"></script>
  59
  60     <!-- the Ember app -->
  61
  62     <!-- main files -->
  63     <script src="javascripts/app/app.js"></script>
  64     <script src="javascripts/app/router.js"></script>
  65     <script src="javascripts/app/store.js"></script>
  66
  67     <!-- models -->
  68     <script src="javascripts/app/models/mediaItemModel.js"></script>
  69
  70     <!-- controllers -->
  71     <script src="javascripts/app/controllers/applicationController.js">
  72     </script>
  73     <script src="javascripts/app/controllers/mediaItemsController.js"></script>
  74
  75     <!-- views -->
  76     <script src="javascripts/app/views/mediaItemsView.js"></script>
  77
  78   </body>
  79 </html>