place-card.component.html 1.55 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 showClosed">
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">~{{showTime(openFor)}}</div>
mdsecurity's avatar
mdsecurity committed
24
25
        </div>
    </div>
26
    <ng-template #showClosed>
27
         <div class="closed-shader"></div>
28
29
30
31
        <div class="place-open-badge" style="width:75px;background-color:#C4B9B9;">
            <div class="place-status-closed">CLOSED</div>
            <!--<div class="place-divider"></div>-->
            <!--<div class="place-time-remaining">~{{showTime(openFor)}}</div>-->
32
        </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>