Sanitise the component and Demo shell from embedded strings (#2474)

ng2-components/ng2-alfresco-viewer/index.ts

@@ -16,8 +16,7 @@
  */
 
 import { NgModule } from '@angular/core';
-import { CoreModule } from 'ng2-alfresco-core';
-
+import { CoreModule, TRANSLATION_PROVIDER } from 'ng2-alfresco-core';
 import { MaterialModule } from './src/material.module';
 
 export { ViewerComponent } from './src/components/viewer.component';
@@ -49,11 +48,20 @@ export function declarations() {
     ],
     declarations: declarations(),
     providers: [
-        RenderingQueueServices
+        RenderingQueueServices,
+        {
+            provide: TRANSLATION_PROVIDER,
+            multi: true,
+            useValue: {
+                name: 'ng2-alfresco-viewer',
+                source: 'assets/ng2-alfresco-viewer'
+            }
+        }
     ],
     exports: [
         MaterialModule,
         ...declarations()
     ]
 })
-export class ViewerModule {}
+export class ViewerModule {
+}

ng2-components/ng2-alfresco-viewer/src/components/unknown-format/unknown-format.component.html

@@ -1,6 +1,6 @@
 <div class="adf-viewer__unknown-format-view">
     <div>
         <md-icon class="icon">wifi_tethering</md-icon>
-        <div class="label">Document preview could not be loaded.</div>
+        <div class="label">{{'VIEWER.UNKNOWN' | translate}}</div>
     </div>
 </div>

ng2-components/ng2-alfresco-viewer/src/i18n/en.json

@@ -1,3 +1,5 @@
 {
-
+    "VIEWER": {
+        "UNKNOWN": "Document preview could not be loaded"
+    }
 }