place-card.component.html 1.52 KB
Newer Older
1
<!--<img src="../../assets/BKing.jpg" class="place-picture">
mdsecurity's avatar
mdsecurity committed
2
3
    <div class="place-info-block">
        <i class="fa fa-star-o star-icon" aria-hidden="true"></i>
4
        <div class="place-title">{{place.name}}</div>
mdsecurity's avatar
mdsecurity committed
5
        
6
7
8
9
        <div [ngClass]="(place.status === 'open')?'status-open' : 'status-closed'">
            <div [ngClass]="(place.status==='open' )? 'text-open' : 'text-closed' ">{{status}}</div>
            <hr class="hr-vertical">
            <div class="status-text">~13Hrs</div>
mdsecurity's avatar
mdsecurity committed
10
        </div>
11
        <div class="place-location">{{place.location}}</div>
12
    </div>-->
13
<div (click)="openInContext()" class="place-card">
mdsecurity's avatar
mdsecurity committed
14
   
15
    <img [src]="url" class="place-picture">
mdsecurity's avatar
mdsecurity committed
16
    <div class="title-container">
mdsecurity's avatar
mdsecurity committed
17
        <div class="place-title">{{place.name | removeBrackets}}</div>
18
    </div>
19
    <div *ngIf="isOpen; else elseBlock">
mdsecurity's avatar
mdsecurity committed
20
21
22
        <div class="place-open-badge">
            <div class="place-status">OPEN</div>
            <div class="place-divider"></div>
23
            <div class="place-time-remaining">~{{openFor.hour}}Hrs</div>
mdsecurity's avatar
mdsecurity committed
24
25
26
        </div>
    </div>
    <ng-template #elseBlock>
27
         <div class="closed-shader"></div>
mdsecurity's avatar
mdsecurity committed
28
29
30
        <div class="place-open-badge" style="width:102px;background-color:#C4B9B9;">
            <div class="place-status">CLOSED</div>
            <div class="place-divider"></div>
31
32
            <div class="place-time-remaining">~{{openFor.hour}}Hrs</div>
        </div>
mdsecurity's avatar
mdsecurity committed
33
34
    </ng-template>

mdsecurity's avatar
mdsecurity committed
35
    <div class="place-location">{{place.location }}</div>
36
    <div class="place-error-feedback">See an error?</div>
mdsecurity's avatar
mdsecurity committed
37
</div>