Rails - Gems-comme-taggable-sur - Comment changer le style CSS d'un tag en fonction de son nombre de balises

Question

Essayé toutes sortes de méthodes différentes - ne peut tout simplement pas résoudre ce problème - votre aide serait incroyable!

Lorsqu'un utilisateur crée un Post, il peut le marquer via le acts-as-taggable-on gem. Si l'utilisateur écrit une étiquette 2 fois ou plus sur les messages, j'essaie de faire ce tag puis avoir un style CSS différent des autres tags utilisés.

Par exemple, si un utilisateur crée trois postes: http://imgur.com/zQEWcRo

• Post1 tagguées avec "#foo #bar #foobar"
• Post2 taggés avec "#foobar #placeholder "
• Post3 Marqué avec« #foobar #foo "

Je suis en train d'obtenir le #foobar d'avoir un autre style CSS que les autres balises (#foo de #bar #placeholder) dans tous les postes (& déplacer de préférence #foobar à être le premier dans la séquence hashtag)

new.html.erb

<%= form_for @post, html: { multipart: true } do |f| %> 
<%= f.text_field :tag_list %> 
<%= f.submit %> 
<% end %> 

posts_controller.rb

class PostsController < ApplicationController 

    def index 
    if params[:tag] 
    @posts = Post.tagged_with(params[:tag]).order(created_at: :desc).page(params[:page]).per_page(2) 
    else 
    @posts = Post.all.order(created_at: :desc).page(params[:page]).per_page(2) 
    end 
end 

index.html.erb

<div id="posts"> 
<%= render @posts %> 
</div> 

<%= will_paginate @posts %> 

_post.html.erb

<div class="post"> 
<%= raw post.tag_list.map {|t| link_to t, tag_path(t)}.join(' ') %> 
</div> 

<% post.things.order(:order).each do |thing| %> 
<%= thing.try(:text) %> 
<% end %> 

schéma

ActiveRecord::Schema.define(version: 20160227154831) do 

create_table "posts", force: :cascade do |t| 
    t.datetime "created_at", null: false 
    t.datetime "updated_at", null: false 
end 

create_table "taggings", force: :cascade do |t| 
t.integer "tag_id" 
t.integer "taggable_id" 
t.string "taggable_type" 
t.integer "tagger_id" 
t.string "tagger_type" 
t.string "context",  limit: 128 
t.datetime "created_at" 
end 

add_index "taggings", ["tag_id", "taggable_id", "taggable_type", "context", "tagger_id", "tagger_type"], name: "taggings_idx", unique: true 
add_index "taggings", ["taggable_id", "taggable_type", "context"], name: "index_taggings_on_taggable_id_and_taggable_type_and_context" 

create_table "tags", force: :cascade do |t| 
t.string "name" 
t.integer "taggings_count", default: 0 
end 

add_index "tags", ["name"], name: "index_tags_on_name", unique: true 

create_table "things", force: :cascade do |t| 
t.text  "text" 
t.datetime "created_at",   null: false 
t.datetime "updated_at",   null: false 
end 

end 

Answer 1

Ceci est en fait plutôt facile. Chaque tag acts-as-taggable-on a un nombre de taggings.

Par exemple:

post.tags.order("taggings_count DESC") 

pour le post 1 de votre exemple vous donnera ceci:

<ActsAsTaggableOn::Tag id: some_id, name: "foobar", taggings_count: 3>, 
<ActsAsTaggableOn::Tag id: some_id, name: "foo", taggings_count: 2>, 
<ActsAsTaggableOn::Tag id: some_id, name: "bar", taggings_count: 1> 

Maintenant, vous avez vos balises trié par numéro d'occurrence et vous pouvez également afficher une autre classe en fonction de taggings_count.

Edit:

Voici comment vous pouvez rendre les étiquettes par exemple:

<div class="post"> 
    <%= raw post.tags.order("taggings_count DESC").map {|t| link_to t.name, tag_path(t.name), class: css_class_for_tag(t.taggings_count)}.join(' ') %> 
</div> 

Vous devrez alors définir la méthode d'aide css_class_for_tag, par exemple comme ceci:

def css_class_for_tag count 
    case count 
    when 0 
     'new_tag' 
    else 
     'used_tag' 
    end 
end 

Answer 2

Premièrement, vous devez savoir si une étiquette a déjà été utilisée ou non. Vous pouvez y parvenir avec:

Post.tag_counts_on(:tags).where(name: your_tag_name).present? 

Je vous suggère de mettre cela en un post.rb comme:

def self.tag_used?(tag) 
    self.tag_counts_on(:tags).where(name: tag.name).present? 
end 

(commutateur auto avec votre portée utile des messages (par exemple user.posts) Donc, quand vous savez si un tag a déjà été utilisé ou non, vous pouvez ajouter une classe spécifique (disons 'used') dans _post.html.erb (aussi je vous suggère de rechercher les langages de balisage slim/haml):

<div class="post"> 
    <%= raw post.tag_list.map { |t| link_to t, tag_path(t), class: ('used' if Post.tag_used?(t)) }.join(' ') %> 
</div>