german translation

src/WebPart/WebPart.ts

@@ -67,7 +67,7 @@ export default class WebPart extends BaseClientSideWebPart<IWebPartProps> {
         }
       }
     } catch (err) {
-      console.warn('Unable to dtermine default folder using default', err);
+      console.warn('Unable to determine default folder using default', err);
     }
 
     return this.defaultFolder = {
@@ -145,7 +145,7 @@ export default class WebPart extends BaseClientSideWebPart<IWebPartProps> {
           return this.defaultHeight = '100%';
         }
       } catch (err) {
-        console.warn('Unable to dtermine default height using default', err);
+        console.warn('Unable to determine default height using default', err);
       }
     }
     return this.defaultHeight = '50vh';
@@ -158,7 +158,7 @@ export default class WebPart extends BaseClientSideWebPart<IWebPartProps> {
           displayGroupsAsAccordion: true,
           groups: [
             {
-              groupName: "Drawing Display",
+              groupName: strings.PropertyPaneLabelDrawingDisplay, // Drawing Display
               groupFields: [
                 PropertyPaneUrlField('url', {
                   url: this.properties.url,
@@ -168,64 +168,64 @@ export default class WebPart extends BaseClientSideWebPart<IWebPartProps> {
 
                 PropertyPaneTextField('startPage', {
                   label: strings.FieldStartPage,
-                  description: "Page (name) to activate on load"
+                  description: strings.FieldStartPageDescription
                 }),
 
                 PropertyPaneTextField('zoom', {
                   label: strings.FieldZoom,
-                  description: "Zoom level (percents) to set on load"
+                  description: strings.FieldZoomDescription
                 }),
               ]
             },
             {
-              groupName: "Appearance",
+              groupName: strings.PropertyPaneLabelAppearance, // Appearance 
               groupFields: [
                 PropertyPaneSizeField('width', {
                   label: strings.FieldWidth,
-                  description: "Specify width value and units",
+                  description: strings.FieldWidthDescription,
                   value: this.properties.width,
                   screenUnits: 'w',
                   getDefaultValue: () => this.getDefaultWidth()
                 }),
 
                 PropertyPaneSizeField('height', {
                   label: strings.FieldHeight,
-                  description: "Specify height value and units",
+                  description: strings.FieldHeightDescription,
                   value: this.properties.height,
                   screenUnits: 'h',
                   getDefaultValue: () => this.getDefaultHeight()
                 }),
                 PropertyPaneToggle('hideToolbars', {
-                  label: "Hide Toolbars",
+                  label: strings.PropertyPaneLabelhideToolbars,
                 }),
                 PropertyPaneToggle('hideDiagramBoundary', {
-                  label: "Hide Diagram Boundary",
+                  label: strings.PropertyPaneLabelhideDiagramBoundary,
                 }),
                 PropertyPaneToggle('hideBorders', {
-                  label: "Hide Borders",
+                  label: strings.PropertyPaneLabelhideBorders,
                 }),
               ]
             },
             {
-              groupName: "Drawing Interactivity",
+              groupName: strings.PropertyPaneLabelInteractivity, // Drawing Interactivity
               isCollapsed: true,
               groupFields: [
                 PropertyPaneToggle('disableHyperlinks', {
-                  label: "Disable Hyperlinks",
+                  label: strings.PropertyPaneLabeldisableHyperlinks,
                 }),
                 PropertyPaneToggle('disablePan', {
-                  label: "Disable Pan",
+                  label: strings.PropertyPaneLabeldisablePan,
                 }),
                 PropertyPaneToggle('disableZoom', {
-                  label: "Disable Zoom",
+                  label: strings.PropertyPaneLabeldisableZoom,
                 }),
                 PropertyPaneToggle('disablePanZoomWindow', {
-                  label: "Disable PanZoom Window",
+                  label: strings.PropertyPaneLabeldisablePanZoomWindow,
                 }),
               ]
             },
             {
-              groupName: "About",
+              groupName: strings.PropertyPaneLabelAbout, // About
               groupFields: [
                 PropertyPaneVersionField(this.context.manifest.version)
               ]

src/loc/de-de.js

@@ -0,0 +1,27 @@
+define([], function () {
+  return {
+    "BasicGroupName": "Grundeinstellungen",
+    "FieldWidth": "Diagram Breite",
+    "FieldHeight": "Diagram Höhe",
+    "FieldZoom": "Standard Zoom (%)",
+    "View": "Ansicht",
+    "FieldVisioFile": "Visio Datei",
+    "FieldVisioFileBrowse": "Öffnen...",
+    "FieldStartPage": "Initiale Seite",
+    "PropertyPaneLabelDrawingDisplay": "Zeichnungsansicht",
+    "PropertyPaneLabelAppearance": "Aussehen",
+    "PropertyPaneLabelInteractivity": "Interaktivität",
+    "PropertyPaneLabelAbout": "Über",
+    "PropertyPaneLabelhideToolbars": "Verstecke Toolbars",
+    "PropertyPaneLabelhideDiagramBoundary": "Verstecke Diagramm Rand",
+    "PropertyPaneLabelhideBorders": "Verstecke Rahmen",
+    "PropertyPaneLabeldisableHyperlinks": "Deaktiviere Hyperlinks",
+    "PropertyPaneLabeldisablePan": "Deaktiviere Pan",
+    "PropertyPaneLabeldisableZoom": "Deaktiviere Zoom",
+    "PropertyPaneLabeldisablePanZoomWindow": "Deaktiviere PanZoom Fenster",
+    "FieldHeightDescription": "Specify height value and units",
+    "FieldWidthDescription": "Specify width value and units",
+    "FieldStartPageDescription": "Gibt die Seite (Name) an, die beim Start geladen wird.",
+    "FieldZoomDescription": "Gibt die Zoom Stärke (%) beim laden der Grafik an."
+  }
+});

src/loc/en-us.js

@@ -7,6 +7,21 @@ define([], function () {
     "View": "View",
     "FieldVisioFile": "Visio File",
     "FieldVisioFileBrowse": "Browse...",
-    "FieldStartPage": "Initial Page"
+    "FieldStartPage": "Initial Page",
+    "PropertyPaneLabelDrawingDisplay": "Drawing Display",
+    "PropertyPaneLabelAppearance": "Appearance",
+    "PropertyPaneLabelInteractivity": "Drawing Interactivity",
+    "PropertyPaneLabelAbout": "About",
+    "PropertyPaneLabelhideToolbars": "Hide Toolbars",
+    "PropertyPaneLabelhideDiagramBoundary": "Hide Diagram Boundary",
+    "PropertyPaneLabelhideBorders": "Hide Borders",
+    "PropertyPaneLabeldisableHyperlinks": "Disable Hyperlinks",
+    "PropertyPaneLabeldisablePan": "Disable Pan",
+    "PropertyPaneLabeldisableZoom": "Disable Zoom",
+    "PropertyPaneLabeldisablePanZoomWindow": "Disable PanZoom Window",
+    "FieldHeightDescription": "Specify height value and units",
+    "FieldWidthDescription": "Specify width value and units",
+    "FieldStartPageDescription": "Page (name) to activate on load",
+    "FieldZoomDescription": "Zoom level (percents) to set on load"
   }
 });

src/loc/strings.d.ts

@@ -7,6 +7,21 @@ declare interface IWebPartStrings {
   FieldHeight: string;
   View: string;
   FieldStartPage: string;
+  PropertyPaneLabelDrawingDisplay: string;
+  PropertyPaneLabelAppearance: string;
+  PropertyPaneLabelInteractivity: string;
+  PropertyPaneLabelAbout: string;
+  PropertyPaneLabelhideToolbars: string;
+  PropertyPaneLabelhideDiagramBoundary: string;
+  PropertyPaneLabelhideBorders: string;
+  PropertyPaneLabeldisableHyperlinks: string;
+  PropertyPaneLabeldisablePan: string;
+  PropertyPaneLabeldisableZoom: string;
+  PropertyPaneLabeldisablePanZoomWindow: string;
+  FieldHeightDescription: string;
+  FieldWidthDescription: string;
+  FieldStartPageDescription: string;
+  FieldZoomDescription: string;
 }
 
 declare module 'WebPartStrings' {