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

Новичек
Регистрация
7 Авг 2020
Сообщения
212
#1
@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 ?
 
Регистрация
7 Авг 2020
Сообщения
212
#3
Думает, что помогает
Регистрация
15 Дек 2017
Сообщения
3,954
#4
В шаблоне /includes/single.ejs
Добавляете еще один <div class="card-top"> над первым, который будет слева left: 5px:
HTML:
<% 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>
<% } %>
scr.jpeg
 
Новичек
Регистрация
7 Авг 2020
Сообщения
212
#5
В шаблоне /includes/single.ejs
Добавляете еще один <div class="card-top"> над первым, который будет слева left: 5px:
HTML:
<% 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

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

А как сделать что б три варианта было ?
допустим: до 4.5-красный от 4.5-6-оранжевый от 6-зеленый
 
Думает, что помогает
Регистрация
15 Дек 2017
Сообщения
3,954
#6
Думает, что помогает
Регистрация
15 Дек 2017
Сообщения
3,954
#8
Соберите код вместе и всё работает.

screen.jpg

Код:
<% 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>
<% } %>