S'il vous plaît expliquer ce bout de code haml/documentation

Question

%div{:class => [@item.type, @item == @sortcol && [:sort, @sortdir]] } Contents 

pourrait rendre comme l'un des:

<div class="numeric sort ascending">Contents</div> 
<div class="numeric">Contents</div> 
<div class="sort descending">Contents</div> 
<div>Contents</div> 

Je ne comprends pas vraiment la partie @sortcol && [:sort, @sortdir] de cet extrait.

Answer 1

Cela repose sur la priorité des opérateurs. Donc, il est évalué comme ceci:

1. @item == @sortcol est vrai ou faux.
   • quand false
     1. && retours false parce que l'autre partie n'est pas évaluée
     2. donc le code réduit à :class => [@item.type]
   • quand true
     1. && retourne la deuxième partie de l'expression. Dans ce cas, le tableau [:sort, @sortdir]
     2. HAML automatiquement aplanit le tableau avant de rendre ainsi il est équivalent à :class => [@item.type, :sort, @sortdir]

Answer 2

[@item.type, @item == @sortcol && [:sort, @sortdir]] 
=> 
# if @item.type is blank, so class is still empty 
# if @item.type is "numeric" class is "numeric" 
class = @item.type 

# if @item equal @sortcol 
# class will append "sort" and @sortdir if it is not empty. 
if @item == @sortcol 
    class += "sort" 
    class += @sortdir 
end 

Cette construction @item == @sortcol && [:sort, @sortdir] renverra [: trier, @sortdir] que si @item == @sortcol est vrai