2019-10-08 05:43:49 +00:00
< div class = "overlay" >
< div >
< div class = "tags" >
< span * ngFor = "let tag of tags" [ class . active ] = " tag . active " > {{ tag.text }}< / span >
< / div >
< div class = "container" >
2020-06-22 00:35:06 +00:00
< div class = "slide currentSlide song mat-display-3" [ innerHTML ] = " chordproFormatted ( currentSlides [ activeSlide ] ) | chordpro:transpose " > < / div >
2019-10-08 05:43:49 +00:00
< div class = "nextSlides" >
< div class = "slide song" [ class . first ] = " slide . first_slide_of_tag " * ngFor = "let slide of nextSlides" [ innerHTML ] = " chordproFormatted ( slide ) | chordpro:transpose " > < / div >
< / div >
< / div >
< / div >
< div class = "sidebar" >
< div class = "time" > {{ time|date:'HH:mm' }}< / div >
< div class = "transpose" >
< button mat-icon-button ( click ) = " transposeUp ( ) " >
< mat-icon > keyboard_arrow_up< / mat-icon >
< / button >
< span > {{ transpose }}< / span >
< button mat-icon-button ( click ) = " transposeDown ( ) " >
< mat-icon > keyboard_arrow_down< / mat-icon >
< / button >
< / div >
< button mat-raised-button routerLink = "/" > Close< / button >
< / div >
< / div >