import { bindable } from 'aurelia-framework';
import { startSlides } from './commons/utils';

export class Library {
  @bindable
  columnWidth = '450px';

  slideshowImages = ['../static/imgs/library/books1.jpg',
    '../static/imgs/library/books2.jpg',
    '../static/imgs/library/books3.jpg'];

  constructor() {
    this.slideshow_data = {
      id: 'libslideshow1',
      slideshow_images: this.slideshowImages
    };
    this.slideshow_data2 = {
      id: 'libslideshow',
      slideshow_images: this.slideshowImages
    };
  }

  get widescreen() {
    return document.documentElement.clientWidth > 1000;
  }

  attached() {
    startSlides(['lSlide1', 'lSlide2'], 'you left the library page', ['libslideshow1', 'libslideshow'], document);
  }
}

@@ -169,16 +169,21 @@
 ages = %5B
+%0A    
 '../stat
@@ -295,459 +295,90 @@
 jpg'
-%5D;%0A%0A  constructor() %7B%0A    this.slideshow_data = %7B%0A      id: 'libslideshow1',%0A      slideshow_images: this.slideshowImages%0A    %7D;%0A    this.slideshow_data2 = %7B%0A      id: 'libslideshow',%0A      slideshow_images: this.slideshowImages%0A    %7D;%0A  %7D%0A%0A  get widescreen() %7B%0A    return document.documentElement.clientWidth %3E 1000;%0A  %7D%0A%0A  attached() %7B%0A    startSlides(%5B'lSlide1', 'lSlide2'%5D, 'you left the library page', %5B'libslideshow1', 'libslideshow'%5D, document)
+%0A  %5D;%0A%0A  get widescreen() %7B%0A    return document.documentElement.clientWidth %3E 1000
 ;%0A  

remove redundant js code for slider component