2018-08-19 20:37:53 +00:00
import { Component , OnInit } from '@angular/core' ;
import { OpenLPService } from './openlp.service' ;
@Component ( {
selector : 'openlp-remote-slides' ,
template : `
< h3 > Slides : < / h3 >
< div >
< mat - list >
< mat - list - item * ngFor = "let slide of slides; let counter = index;" style = "white-space:pre-wrap;cursor: pointer;" ( click ) = " onSlideSelected ( counter ) " [ class.selected ] = " slide.selected " >
< span mat - list - avatar > { { slide . tag } } < / span >
< p mat - line * ngFor = "let line of slide.lines" >
{ { line } }
< / p >
< / m a t - l i s t - i t e m >
< / m a t - l i s t >
< / div >
` ,
providers : [ OpenLPService ]
} )
export class OpenLPSlidesComponent implements OnInit {
slides = null ;
ngOnInit() {
this . getSlides ( ) ;
}
onSlideSelected ( item ) {
2018-08-20 13:25:28 +00:00
this . openlpService . setSlide ( item ) . subscribe ( res = > console . log ( res ) ) ;
2018-08-19 20:37:53 +00:00
}
getSlides() {
2018-08-20 12:16:15 +00:00
this . openlpService . getItemSlides ( ) . subscribe ( slides = > this . slides = slides ) ;
2018-08-19 20:37:53 +00:00
}
constructor ( private openlpService : OpenLPService ) {
openlpService . stateChanged $ . subscribe ( item = > this . getSlides ( ) ) ;
}
}