Merge pull request #2 from wilbersl/multilanguage

Multilanguage

app.module.ts

@@ -9,6 +9,7 @@ import { DataCaptureWidgetModule } from './widget/widget-datacapture.module';
 
 // Translations
 import './locales/de.po'; // <- adding additional strings to the german translation.
+import './locales/nl.po';
 
 @NgModule({
   imports: [

locales/de.po

@@ -7,4 +7,40 @@ msgstr ""
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 
 msgid "Data capture widget"
-msgstr "Data capture widget"
+msgstr "Manuelle Messwert eingabe"
+
+msgid "Select datapoint to enter value:"
+msgstr "Datenpunkt für Werteingabe auswählen:"
+
+msgid "Add audit information to measurements"
+msgstr "Audit Log für eingaben führen"
+
+msgid "Select data points"
+msgstr "Datenpunkte auswählen"
+
+msgid "Create Measurement"
+msgstr "Messwert erstellen"
+
+msgid "Action" 
+msgstr "Aktion"
+
+msgid "Value"
+msgstr "Wert"
+
+msgid "Date"
+msgstr "Datum"
+
+msgid "Datapoint"
+msgstr "Datenpunkt"
+
+msgid "Name Device"
+msgstr "Gerätename"
+
+msgid "Enter values for datapoints"
+msgstr "Messwerte für Datenpunkte eingeben"
+
+msgid "ID"
+msgstr "ID"
+
+msgid "measurement value, e.g.10.25"
+msgstr "Messwert, z.B. 10.25"

locales/nl.po

@@ -0,0 +1,48 @@
+# Translation by Chat GPT 3.5
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: c8y.plugin\n"
+"Language: nl\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+msgid "Data capture widget"
+msgstr "Gegevensinvoegwidget"
+
+msgid "Select datapoint to enter value:"
+msgstr "Selecteer gegevenspunt om waarde in te voeren:"
+
+msgid "Add audit information to measurements"
+msgstr "Auditinformatie toevoegen aan metingen"
+
+msgid "Select data points"
+msgstr "Selecteer gegevenspunten"
+
+msgid "Create Measurement"
+msgstr "Meting maken"
+
+msgid "Action"
+msgstr "Actie"
+
+msgid "Value"
+msgstr "Waarde"
+
+msgid "Date"
+msgstr "Datum"
+
+msgid "Datapoint"
+msgstr "Gegevenspunt"
+
+msgid "Name Device"
+msgstr "Apparaatnaam"
+
+msgid "Enter values for datapoints"
+msgstr "Voer waarden in voor gegevenspunten"
+
+msgid "ID"
+msgstr "ID"
+
+msgid "measurement value, e.g.10.25"
+msgstr "Meetwaarde, bijv.10.25"

widget/widget-datacapture-config.html

@@ -1,23 +1,23 @@
 <div class="p-16">
-  <h3>Data capture widget</h3>
+  <h3>{{ "Data capture widget" | translate}}</h3>
 
   <div class="card">
     <div class="card-header separator">
-      <h4 class="card-title">Select datapoint to enter value:</h4>
+      <h4 class="card-title">{{ "Select datapoint to enter value:" | translate}}</h4>
     </div>
 
     <div class="card-block">
       <c8y-form-group class="m-b-0">
       <label class="c8y-checkbox">
         <input type="checkbox" name ="addAudit" [(ngModel)]="config.addAudit"/>
         <span></span>
-        <span>Add audit information to measurements</span>
+        <span>{{ "Add audit information to measurements" | translate }}</span>
         </label>
       </c8y-form-group>
     </div>
     <div class="card-block">
       <button class="btn btn-primary" (click)="addDatapoints()">
-        Select data points
+        {{ "Select data points" | translate}}
       </button>
     </div>
   </div>

widget/widget-datacapture.html

@@ -1,19 +1,19 @@
 <div class="p-16">
   <div class="card">
     <div class="card-header separator">
-      <h4 class="card-title">Enter values for datapoints</h4>
+      <h4 class="card-title">{{ "Enter values for datapoints" | translate }}</h4>
     </div>
 
     <div class="card-block">
       <table class="table table-condensed table-striped">
         <thead>
           <tr>
-            <th>ID</th>
-            <th>Name Device</th>
-            <th>Datapoint</th>
-            <th>Date</th>
-            <th>Value</th>
-            <th>Action</th>
+            <th>{{ "ID" | translate }}</th>
+            <th>{{ "Name Device" | translate }}</th>
+            <th>{{ "Datapoint" | translate }}</th>
+            <th>{{ "Date" | translate }}</th>
+            <th>{{ "Value" | translate }}</th>
+            <th>{{ "Action" | translate }}</th>
           </tr>
         </thead>
         <tbody>
@@ -27,15 +27,15 @@ <h4 class="card-title">Enter values for datapoints</h4>
                   class="form-control"
                   bsDatepicker [bsConfig]="{ customTodayClass: 'today' , withTimepicker: true, initCurrentTime: true, keepDatepickerOpened: true, dateInputFormat: 'DD:MM:YYYY, HH:mm:ss.SSS' }"
                   [name]="'dates_' + i"
-                  placeholder="Date"
+                  placeholder="{{ 'Date' | translate }}"
                   [(ngModel)]="dates[i]"
                   style="width: 100%"
                 />
               </td>
               <td>
                 <input
                   class="form-control"
-                  placeholder="measurement value, e.g.10.25"
+                  placeholder="{{ 'measurement value, e.g.10.25' | translate }}"
                   type="number"
                   [name]="'values_' + i"
                   pattern="[0-9]*[.,]?[0-9]*"
@@ -49,7 +49,7 @@ <h4 class="card-title">Enter values for datapoints</h4>
                   type="button"
                   (click)="onSubmit(i)"
                 >
-                  Create Measurement
+                  {{ "Create Measurement" | translate }}
                 </button>
               </td>
             <!-- </form> -->

widget/widget-datacapture.module.ts

@@ -9,6 +9,7 @@ import { ContextWidgetConfig } from "@c8y/ngx-components/context-dashboard";
 import { BsDatepickerConfig } from "ngx-bootstrap/datepicker";
 import { BsDatepickerModule } from "ngx-bootstrap/datepicker";
 import { TimepickerModule } from "ngx-bootstrap/timepicker";
+import { TranslateModule } from "@ngx-translate/core";
 
 @NgModule({
   declarations: [DataCaptureWidgetComponent, DataCaptureWidgetConfig],
@@ -18,6 +19,7 @@ import { TimepickerModule } from "ngx-bootstrap/timepicker";
     FormsModule,
     BsDatepickerModule.forRoot(),
     TimepickerModule.forRoot(),
+    TranslateModule
   ],
   exports: [],
   providers: [