21 lines
1.1 KiB
HTML
21 lines
1.1 KiB
HTML
<div class="wrapper" [@inout]="startFadeIn">
|
|
<div class="inner-wrapper">
|
|
<p class="title">{{ title }}</p>
|
|
<div class="speaker-date">
|
|
<p>{{ author }} | {{ date |date:'yyyy-MM-dd' }}</p>
|
|
</div>
|
|
<div class="info">
|
|
<div class="description">{{ description }}</div><!--
|
|
--><div class="action-buttons">
|
|
<button mat-button class="action pct40" (click)="play()" ><i ofbicon>headset</i> Listen</button><!--
|
|
--><a download="{{title}}" href="{{url}}" mat-button class="action pct50" ><i ofbicon>file_download</i> Download</a><!--
|
|
--><button mat-button class="action pct10" (click)="share()" ><i ofbicon>share</i> Share</button>
|
|
</div><!--
|
|
--><div class="action-buttons" *ngIf="loggedIn">
|
|
<button mat-button class="action" (click)="edit()" ><i ofbicon>edit</i> Edit</button><!--
|
|
--><button mat-button class="action" (click)="delete()" ><i ofbicon>delete_forever</i> Delete</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div> |