place-card.component.html 1.57 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>
mdsecurity's avatar
mdsecurity committed
19
20
21
22
23
24
25
26
    <div *ngIf="place.isOpen(); else elseBlock">
        <div class="place-open-badge">
            <div class="place-status">OPEN</div>
            <div class="place-divider"></div>
            <div class="place-time-remaining">~{{place.openFor().hour}}Hrs</div>
        </div>
    </div>
    <ng-template #elseBlock>
27
28
        hello
         <!--<div class="closed-shader"></div>
mdsecurity's avatar
mdsecurity committed
29
30
31
32
        <div class="place-open-badge" style="width:102px;background-color:#C4B9B9;">
            <div class="place-status">CLOSED</div>
            <div class="place-divider"></div>
            <div class="place-time-remaining">~{{place.openFor().hour}}Hrs</div>
33
        </div>-->
mdsecurity's avatar
mdsecurity committed
34
35
    </ng-template>

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