+
`;*/
+ this._getSlides()
+ .then((response: ISlides): void => {
+ // get slider images
+ response.value.forEach((slide: ISlide): void => {
+ this._getImage(slide.ID)
+ .then((data: ISlideItem): void => {
+ // get the image out of the FieldValuesAsHtml
+ let div = document.createElement('div');
+ div.innerHTML = data.SPFxSliderImage;
+ let img: HTMLImageElement = div.firstChild as HTMLImageElement;
+
+ // need to do string split inorder to make the url relative
+ const imgUrl: string = img.src.split(this.context.pageContext.web.serverRelativeUrl)[1];
+ const item: slides = {
+ Title: slide.Title,
+ Url: `${this.context.pageContext.web.absoluteUrl}/_layouts/15/getpreview.ashx?resolution=2&path=${this.context.pageContext.web.serverRelativeUrl}${imgUrl}&clientType=modernWebPart`
+ };
+ this._slides.push(item);
+ })
+ .then((): void => {
+ this.domElement.innerHTML = `
+
+
+
+
+
+ Welcome to SharePoint!
+
+ Customize SharePoint experiences using Web Parts.
+${escape(this.properties.description)}
+ + Learn more + +
+
+
`;
+
+ // add carousel items to domElement
+ if (this._slides.length > 0){
+ this._slides.forEach((item: slides, index: number): void =>{
+ jQuery('.carousel-indicators', this.domElement).append(this._itemCarouselIndicators(index));
+ jQuery('.carousel-inner', this.domElement).append(this._itemSlideWrapper(item, index));
+ });
+ }
+
+ // initialize the slider
+ jQuery('#myCarousel').carousel({
+ interval: 7000
+ });
+ });
+ //console.log(img.src);
+ });
+ });
+ }
+
+ public onInit
+ 
+
`;
+ }
+ else {
+ return `
+
+
+
`;
+ }
+ }
+}
diff --git a/samples/bootstrap-slider/src/webparts/slider/loc/en-us.js b/samples/bootstrap-slider/src/webparts/slider/loc/en-us.js
new file mode 100644
index 000000000..89f98bc1e
--- /dev/null
+++ b/samples/bootstrap-slider/src/webparts/slider/loc/en-us.js
@@ -0,0 +1,7 @@
+define([], function() {
+ return {
+ "PropertyPaneDescription": "Description",
+ "BasicGroupName": "Group Name",
+ "DescriptionFieldLabel": "Description Field"
+ }
+});
\ No newline at end of file
diff --git a/samples/bootstrap-slider/src/webparts/slider/loc/mystrings.d.ts b/samples/bootstrap-slider/src/webparts/slider/loc/mystrings.d.ts
new file mode 100644
index 000000000..da1ddb561
--- /dev/null
+++ b/samples/bootstrap-slider/src/webparts/slider/loc/mystrings.d.ts
@@ -0,0 +1,10 @@
+declare interface ISliderStrings {
+ PropertyPaneDescription: string;
+ BasicGroupName: string;
+ DescriptionFieldLabel: string;
+}
+
+declare module 'sliderStrings' {
+ const strings: ISliderStrings;
+ export = strings;
+}
diff --git a/samples/bootstrap-slider/src/webparts/slider/tests/Slider.test.ts b/samples/bootstrap-slider/src/webparts/slider/tests/Slider.test.ts
new file mode 100644
index 000000000..36ca83840
--- /dev/null
+++ b/samples/bootstrap-slider/src/webparts/slider/tests/Slider.test.ts
@@ -0,0 +1,9 @@
+///