Skip to content
Extraits de code Groupes Projets
Valider 48cdd369 rédigé par Sybil's avatar Sybil
Parcourir les fichiers

Handmade tagcloud v1.

parent 17e2a6f0
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Afficher les modifications d'espaces
En ligne Côte à côte
Affichage de
avec 118 ajouts et 84 suppressions
app/assets/javascripts/music_player.js
+ 7
− 0
Voir le fichier @ 48cdd369
......@@ -10,6 +10,11 @@ $( ".clickable_links" ).each(function() {
}
});
$("a").on( 'click', function(event){
event.stopPropagation();
});
function youtube_click() {
music_info = $(this);
youtube_player();
......@@ -59,6 +64,8 @@ function soundcloud_click() {
}
function player_destroy() {
$("#on_play").removeAttr("id");
music_info.attr("id", "on_play");
if (player) {
if ($("#player_block").length == 0) {
$("#player_position").append("<div id=\"player_block\"></div>");
......
app/assets/stylesheets/music_index.css
+ 59
− 11
Voir le fichier @ 48cdd369
a, .clickable_links span{
display: inline-block;
font: 15px Helvetica Neue, Helvetica, Arial, sans-serif;
overflow: hidden;
color: rgba(255,220,180,1);
font-weight: 550;
vertical-align: middle;
}
a
{
text-decoration: none;
/* 250 220 180 1*/
border-radius:20px;
padding: 2px 6px;
}
.tags{
color: rgba(0, 110, 140, 0.95);
}
a:hover{
background-color: rgba(255,220,180,1);
color: rgba(0, 110, 140, 0.95);
cursor: pointer;
}
ul
{
list-style-type: none;
......@@ -7,23 +34,39 @@ ul
.clickable_links
{
background-color: rgba(0, 110, 140, 0.8);
/*0 110 140 0.8*/
background-color: rgba(0, 110, 140, 1);
margin: 2px;
cursor: pointer;
overflow: hidden;
position: relative;
padding: 10px 0;
border-radius: 12px;
}
.pagination{
display: inline-block;
background-color: rgba(0, 110, 140, 1);
padding: 5px;
border-radius: 12px;
color: rgba(255, 220, 180, 1);
}
.clickable_links span
{
.page.current{
background-color: rgba(255,220,180,1);
color: rgba(0, 110, 140, 0.95);
display: inline-block;
padding: 15px 0;
font: 15px 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: rgba(250,220,180,1);
overflow: hidden;
position: relative;
text-overflow: ellipsis;
font: 15px Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 550;
vertical-align: middle;
border-radius:20px;
padding: 2px 6px;
}
.clickable_links:hover{
background-color: rgba(0, 110, 140, 0.8);
}
#on_play {
background-color: rgba(0, 110, 140, 0.8);
}
.music_id
......@@ -51,3 +94,8 @@ ul
{
width: 20%;
}
iframe{
display: block;
margin: 0 auto;
}
app/assets/javascripts/.music_player.js.swo → app/controllers/.tags_controller.rb.swp
+ 0
− 0
Voir le fichier @ 48cdd369
Aucun aperçu pour ce type de fichier
app/controllers/tags_controller.rb
+ 21
− 1
Voir le fichier @ 48cdd369
class TagsController < ApplicationController
def index
@tags = Tag.all
tags = Tag.all
list_tags = Array.new
tags.each do |tag|
list_tags.push(tag.tag)
end
@tagcloud = Hash.new
list_tags.each do |tag|
if @tagcloud.key?(tag)
@tagcloud[tag] += 1.0
else
@tagcloud[tag] = 1.0
end
end
max_weight = @tagcloud.values.max
@tagcloud.each do |tag, occ|
@tagcloud[tag] = occ / max_weight
end
respond_to do |format|
format.html
......
app/views/channels/show_channel.html.erb
+ 2
− 18
Voir le fichier @ 48cdd369
<ul>
<% @musics.each do |music| %>
<li class="clickable_links"
data-id="<%= music.id %>"
data-player="<%= music.type %>"
data-url="<%=
if music.type == "youtube"
track = music.url.sub(/.*v=/,'')
elsif music.type == "soundcloud"
track = music.url.sub(/https:\/\/(www\.)?soundcloud\.com\//,'')
end %>">
<span class="music_id"><%= music.id %></span>
<span class="music_chan"><%= music.channel.chan %></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.channel.sender_irc %></span>
</li>
<% end %>
<%= render partial: "shared/music", collection: @musics %>
</ul>
<%= paginate @musics %>
app/views/channels/show_user.html.erb
+ 1
− 17
Voir le fichier @ 48cdd369
<ul>
<% @musics.each do |music| %>
<li class="clickable_links"
data-id="<%= music.id %>"
data-player="<%= music.type %>"
data-url="<%=
if music.type == "youtube"
track = music.url.sub(/.*v=/,'')
elsif music.type == "soundcloud"
track = music.url.sub(/https:\/\/(www\.)?soundcloud\.com\//,'')
end %>">
<span class="music_id"><%= music.id %></span>
<span class="music_chan"><%= music.channel.chan %></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.channel.sender_irc %></span>
</li>
<% end %>
<%= render partial: "shared/music", collection: @musics %>
</ul>
<%= paginate @musics %>
app/views/musics/index.html.erb
+ 2
− 18
Voir le fichier @ 48cdd369
<ul>
<% @musics.each do |music| %>
<li class="clickable_links"
data-id="<%= music.id %>"
data-player="<%= music.type %>"
data-url="<%=
if music.type == "youtube"
track = music.url.sub(/.*v=/,'')
elsif music.type == "soundcloud"
track = music.url.sub(/https:\/\/(www\.)?soundcloud\.com\//,'')
end %>">
<span class="music_id"><%= music.id %></span>
<span class="music_chan"><%= music.channel.chan %></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.channel.sender_irc %></span>
</li>
<% end %>
<%= render partial: "shared/music", collection: @musics %>
</ul>
<%= paginate @musics %>
app/views/shared/_music.html.erb 0 → 100644
+ 23
− 0
Voir le fichier @ 48cdd369
<li class="clickable_links"
data-id="<%= music.id %>"
data-player="<%= music.type %>"
data-url="<%=
if music.type == "youtube"
track = music.url.sub(/.*v=/,'')
elsif music.type == "soundcloud"
track = music.url.sub(/https:\/\/(www\.)?soundcloud\.com\//,'')
end %>">
<span class="music_id"><%= music.id %></span>
<span class="music_chan">
<%= link_to music.channel.chan, '/musics/channels/'+music.channel.chan.sub('#','') %>
</span>
<span class="music_title">
<%= link_to music.title, music.url %>
</span>
<span class="music_tags">
<%= raw(music.tags.map{|t| link_to t.tag, '/musics/tags/'+t.tag}.join(" ")) %>
</span>
<span class="music_sender">
<%= link_to music.channel.sender_irc, '/musics/users/'+music.channel.sender_irc %>
</span>
</li>
app/views/tags/.index.html.erb.swp 0 → 100644
+ 0
− 0
Voir le fichier @ 48cdd369
Fichier ajouté
app/views/tags/index.html.erb
+ 2
− 2
Voir le fichier @ 48cdd369
<% @tags.each do |tag| %>
<%= tag.tag+" " %>
<% @tagcloud.each do |tag,weight| %>
<%= link_to raw("<span class=\"tags\" style=\"font-size:"+(15+weight*200).to_s+"px\">"+tag+"</span>"), '/musics/tags/'+tag %>
<% end %>
app/views/tags/show.html.erb
+ 1
− 17
Voir le fichier @ 48cdd369
<ul>
<% @musics.each do |music| %>
<li class="clickable_links"
data-id="<%= music.id %>"
data-player="<%= music.type %>"
data-url="<%=
if music.type == "youtube"
track = music.url.sub(/.*v=/,'')
elsif music.type == "soundcloud"
track = music.url.sub(/https:\/\/(www\.)?soundcloud\.com\//,'')
end %>">
<span class="music_id"><%= music.id %></span>
<span class="music_chan"><%= music.channel.chan %></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.channel.sender_irc %></span>
</li>
<% end %>
<%= render partial: "shared/music", collection: @musics %>
</ul>
<%= paginate @musics %>
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter