make translations actually work!

Author: cal-smith

.storybook/bootstrap.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from "@angular/core";
+import { TranslateModule, TranslateService } from "@ngx-translate/core";
+const en = require("./../src/i18n/en.json");
+
+@NgModule({
+	imports: [
+		TranslateModule.forRoot()
+	]
+})
+export class BootstrapModule {
+	constructor(private translateService: TranslateService) {
+		this.translateService.setDefaultLang("en");
+		this.translateService.use("en");
+		this.translateService.setTranslation("en", en);
+	}
+}

src/dropdown/dropdown.stories.ts

@@ -3,16 +3,17 @@ import { withNotes } from "@storybook/addon-notes";
 import { action } from "@storybook/addon-actions";
 import { withKnobs, boolean, object } from "@storybook/addon-knobs/angular";
 
-import { TranslateModule } from "@ngx-translate/core";
-
 import { DropdownModule } from "../";
 
+// needed to init ngx translate and load the translations
+import { BootstrapModule } from "../../.storybook/bootstrap.module";
+
 storiesOf("Dropdown", module)
 	.addDecorator(
 		moduleMetadata({
 			imports: [
 				DropdownModule,
-				TranslateModule.forRoot()
+				BootstrapModule
 			],
 		})
 	)