Skip to content

Instantly share code, notes, and snippets.

@Sampath-Lokuge
Created September 20, 2018 06:12
Show Gist options
  • Save Sampath-Lokuge/8a3623abdbc2e5300f2836578a11b180 to your computer and use it in GitHub Desktop.
Save Sampath-Lokuge/8a3623abdbc2e5300f2836578a11b180 to your computer and use it in GitHub Desktop.
Angular app html
<div class="container-fluid">
<div class="row ul-login-bg border-0">
<div class="ul-top-bg ul-minht80">
<div class="col-12">
<div class="ul-top-header-wrap">
<div class="ul-top-header ul-pr45">
<span (click)="location.back()">
<img src="assets/img/back-arrow.png" class="ul-backarrow-icon" alt="back-arrow">
</span>
<p class="ul-header-new-span">{{ playlist.title }}</p>
<a class="ul-training-search" (click)="openSearchPage()">
<i class="fa fa-search" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-10 offset-sm-1 col-md-10 offset-md-1 col-lg-10 offset-lg-1">
<div class="ul-mt40">
<div class="row">
<div class="col-md-4 col-lg-3 col-sm-6 col-6 ul-pad5 ul-atv-mb20 ul-m-pad5-0" *ngFor="let video of playlist.videos">
<div class="ul-atv-landing-wrapper ul-m-margin-4" (click)="videoDetailsPage(video)">
<div class="ul-video-col mb-0">
<div class="ul-atv-video-wrapper">
<img class="img-100" [src]="video?.posterImage" />
</div>
<div class="ul-video-time">
<span>{{parseTime(video?.duration)}}</span>
</div>
</div>
<div class="ul-video-inner-title">
<span>{{ video?.title}}</span>
</div>
<div class="ul-atv-premium-slider">
<div class="ul-ribbon" *ngIf="video?.accessLevel == 'premium'">
PREMIUM
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br />
<div class="col-12 col-md-8 offset-md-2 col-lg-6 offset-lg-3">
<footer></footer>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment