Как сделать рейтинг кинопоиск в шаблоне Dustin?

[Tailerus]

@Alisa подскажи в каком месте втавить
<span class="selection-film-item-poster__rating" <% if (movie.rating && movie.rating > 50) { %>style="color:#ffffff"<% } else { %>style="color:#eb2e4a"<% } %>><%- movie.rating / 10 %></span>

в шаблоне Dustin ?

 

[Alisa]

Сделать еще один <div class="cards-top"></div>, но с left: 5px

http://imgur.com/cbwK7xd

 

[Tailerus]

Сделать еще один <div class="cards-top"></div>, но с left: 5px

http://imgur.com/cbwK7xd

Мне нужно не

перенести в лево, а рейтинги проставить вот так :

при этом этоти значение тоже оставить

 

[Alisa]

В шаблоне /includes/single.ejs
Добавляете еще один <div class="card-top"> над первым, который будет слева left: 5px:

<% if (movie.rating) { %>
    <div class="card-top" style="right: auto; left: 5px">
        <span class="badge" <% if (movie.rating > 50) { %>style="background:#30890f"<% } else { %>style="background:#890f2c"<% } %>>
            <%- movie.rating / 10 %>
        </span>
    </div>
<% } %>

 

[Tailerus]

В шаблоне /includes/single.ejs
Добавляете еще один <div class="card-top"> над первым, который будет слева left: 5px:

<% if (movie.rating) { %>
    <div class="card-top" style="right: auto; left: 5px">
        <span class="badge" <% if (movie.rating > 50) { %>style="background:#30890f"<% } else { %>style="background:#890f2c"<% } %>>
            <%- movie.rating / 10 %>
        </span>
    </div>
<% } %>

Посмотреть вложение 4322

Ок, спасибо
только получилось так , при остальных вариантах все сьезжает

А как сделать что б три варианта было ?
допустим: до 4.5-красный от 4.5-6-оранжевый от 6-зеленый

 

[Alisa]

допустим: до 4.5-красный от 4.5-6-оранжевый от 6-зеленый

<% if (movie.rating < 45) { %>
    style="background:#b7100a"
<% } else if (movie.rating < 60) { %>
    style="background:#ef7216"
<% } else { %>
    style="background:#007970"
<% } %>

 

[Tailerus]

<% if (movie.rating < 45) { %>
    style="background:#b7100a"
<% } else if (movie.rating < 60) { %>
    style="background:#ef7216"
<% } else { %>
    style="background:#007970"
<% } %>

не стработало, пропали вообще иконки

 

[Alisa]

Соберите код вместе и всё работает.

<% if (movie.rating) { %>
    <div class="card-top" style="right: auto; left: 5px">
        <span class="badge"
            <% if (movie.rating < 45) { %>
                style="background:#b7100a"
            <% } else if (movie.rating < 60) { %>
                style="background:#ef7216"
            <% } else { %>
                style="background:#007970"
            <% } %>>
            <%- movie.rating / 10 %>
        </span>
    </div>
<% } %>