summaryrefslogtreecommitdiff
path: root/src/web/src/app/search-item/search-item.component.html
blob: b568d8e0fef1389b065e935b63cd67cdae1975e0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<div class="row p-0">
    <div class="col-md-2 col-sm-2 text-center p-1">
        <img [src]="getImage()" alt="" class="example-option-img" />
    </div>
    <div class="search-item-text col-sm-8 col-md-8">
        <div
            class="movie-title font-weight-bold text-capitalize overflow-hidden"
        >
            {{ getTitle() }}
        </div>
        <div class="year-wrapper">
            <small class="year-wrapper-content">
                {{ getYear() }} | {{ model.media_type | uppercase }}
            </small>
        </div>
    </div>
    <div class="rating col-sm-2 col-md-2 pl-0 py-2 pr-1">
        <div class="row d-flex justify-content-center align-items-center">
            <i class="bi bi-star-fill" style="font-size: 35px"></i>
        </div>
        <div
            class="rating-content row d-flex justify-content-center align-items-center"
        >
            <strong>
                {{ getRating() }}
                <small class="d-sm-none d-lg-inline-block" *ngIf="isRated">
                    /10
                </small>
            </strong>
        </div>
    </div>
</div>