danbarber/mpd-client
1
0
Fork 0
mirror of https://github.com/danbee/mpd-client synced 2025-03-04 08:39:09 +00:00
Code Issues Releases Wiki Activity

Add views and models for MPD queue.

Browse Source
This commit is contained in:
Dan Barber 2013-10-17 16:14:58 +01:00
parent 6c2c51b41a
commit 84e1af48f6
4 changed files with 32 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
assets/js/application.js Normal file
View File

@ -0,0 +1,7 @@
var App = Ember.Application.create();
App.QueueRoute = Ember.Route.extend({
model: function() {
return Ember.$.getJSON('/api/queue');
}
});

7
assets/js/mpd-client.js Normal file
View File

@ -0,0 +1,7 @@
//= require ./libs/jquery-1.10.2.min
//= require ./libs/handlebars-1.0.0
//= require ./libs/ember
//= require ./libs/ember-data
//= require ./application.js
//= require ./router.js

3
assets/js/router.js Normal file
View File

@ -0,0 +1,3 @@
App.Router.map(function () {
this.route('queue');
});

19
views/index.erb
View File

@ -6,9 +6,20 @@
<body>
<script src="js/libs/jquery-1.10.2.min.js"></script>
<script src="js/libs/handlebars-1.0.0.js"></script>
<script src="js/libs/ember.js"></script>
<script src="js/libs/ember-data.js"></script>
<script type="text/x-handlebars" data-template-name="application">
<h1>MPD Client</h1>
{{ outlet }}
</script>
<script type="text/x-handlebars" data-template-name="queue">
<h2>Queue</h2>
<ul>
{{#each song in controller}}
<li>{{ song.artist }} - {{ song.title }}</li>
{{/each}}
</ul>
</script>
<%= javascript_tag 'mpd-client' %>
</body>
</html>