Tags added, listing by tags, eating tags, drinking tags.

app/assets/javascripts/music_player.js

 function music_player() {
-  $.get("musics/"+$(this).data().id, function( data ) {
+  $.get("/musics/"+$(this).data().id, function( data ) {
     $( "#music_player" ).html( data );
   }); 
 }

app/assets/stylesheets/music_index.css

+ul
+{
+  list-style-type: none;
+  margin: 5px;
+  padding: 0px;
+}
+
+.clickable_links
+{
+  background-color: rgba(0, 110, 140, 0.8);
+  margin: 2px;
+  cursor: pointer;
+}
+
+
+.clickable_links span
+{
+  display: inline-block;
+  padding: 15px 0;
+  font: 15px 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: rgba(250,220,180,1);
+}
+
+.music_id
+{
+  width: 5%;
+  text-align: center;
+}
+
+.music_title
+{
+  width: 50%;
+}
+
+.music_sender
+{
+  width: 10%;
+  /*overflow: hidden;*/
+}
+
+.music_tags
+{
+  width: 20%;
+}

app/controllers/musics_controller.rb

@@ -13,5 +13,4 @@ class MusicsController < ApplicationController
       format.html {render 'show', layout: false}
     end
   end
-
 end

app/controllers/tags_controller.rb

+class TagsController < ApplicationController
+  def index
+    @tags = Tag.all
+
+    respond_to do |format|
+      format.html
+    end
+  end
+
+  def show
+    @musics = Music.joins(:tags).where(playbot_tags: {tag: params[:tag]}).page params[:page]
+    respond_to do |format|
+      format.html
+    end
+  end
+end

app/models/music.rb

 class Music < ActiveRecord::Base
   self.table_name = "playbot"
   self.inheritance_column = "inheritance_type"
+
+  has_many :tags, foreign_key: "id"
 end

app/models/tag.rb

+class Tag < ActiveRecord::Base
+  self.table_name = "playbot_tags"
+
+  belongs_to :music
+end

app/views/musics/index.html.erb

 <div id="music_player"></div>
 
-<h1>All the music !</h1>
-
 <ul>
-  <li>
-    <span>Id</span>
-    <span>Music</span>
-    <span>Sender</span>
-  </li>
-
   <% @musics.each do |music| %>
-    <li class="clickable_links" id="music_<%= music.id %>" data-id="<%= music.id %>" >
-      <span><%= music.id %></span>
-      <span><%= music.title%></span>
-      <span><%= music.sender_irc %></span>
+    <li class="clickable_links" data-id="<%= music.id %>" >
+      <span class="music_id"><%= music.id %></span>
+      <span class="music_title"><%= music.title%></span>
+      <span class="music_tags"><%= music.tags.map{|t| t.tag}.join(", ") %></span>
+      <span class="music_sender"><%= music.sender_irc %></span>
     </li>
   <% end %>
 </ul>

app/views/tags/index.html.erb

+<% @tags.each do |tag| %>
+  <%= tag.tag+" " %>
+<% end %>
+

app/views/tags/show.html.erb

+<div id="music_player"></div>
+
+<ul>
+  <% @musics.each do |music| %>
+    <li class="clickable_links" data-id="<%= music.id %>" >
+      <span class="music_id"><%= music.id %></span>
+      <span class="music_title"><%= music.title %></span>
+      <span class="music_tags"><%= music.tags.map{|t| t.tag}.join(", ") %></span>
+      <span class="music_sender"><%= music.sender_irc %></span>
+    </li>
+  <% end %>
+</ul>
+

config/routes.rb

@@ -54,4 +54,7 @@ Rails.application.routes.draw do
   #     resources :products
   #   end
   resources :musics
+  resources :tags
+
+  get '/musics/tags/:tag', to: "tags#show"
 end