add german labels, de/en build config

bsi-software · Jun 8, 2022 · bac3908 · bac3908
1 parent 795ab56
commit bac3908
Show file tree

Hide file tree

Showing 15 changed files with 601 additions and 521 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -31,7 +31,7 @@
     }
   ],
   "dependencies": {
-    "@bsi-cx/design-standard-library-web": "github:bsi-software/bsi-cx-design-standard-library-web#semver:^1.0.1"
+    "@bsi-cx/design-standard-library-web": "github:bsi-software/bsi-cx-design-standard-library-web#semver:^1.0.0"
   },
   "devDependencies": {
     "@bsi-cx/design-build": "github:bsi-software/bsi-cx-design-build#semver:^1.0.0"

diff --git a/properties-de.js b/properties-de.js
@@ -0,0 +1,6 @@
+const baseProperties = require('./properties');
+
+module.exports = {
+  ...baseProperties,
+  language: 'de'
+}
diff --git a/properties-en.js b/properties-en.js
@@ -0,0 +1,6 @@
+const baseProperties = require('./properties');
+
+module.exports = {
+  ...baseProperties,
+  language: 'en'
+}
diff --git a/properties.js b/properties.js
@@ -33,4 +33,6 @@ module.exports = {
   gridBreakpointXL: '1200px',
   gridBreakpointXXL: '1400px',
 
+  // Allowed values: de, en
+  language: 'de'
 }
diff --git a/templates/landingpage/_layout.twig b/templates/landingpage/_layout.twig
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
+        <title>BSI CX Master Template</title>
         {% include  './../shared/html-header.twig' %}
     </head>
 
@@ -31,6 +32,7 @@
         </div>
     {% endapply %}
 
+    <script>window.properties={{ properties|json_encode|raw }}</script>
     <script src="{{ bsi_cx_js_module_runtime_href() }}" data-bsi-remove-if="draft" defer="defer"></script>
     {{ bsi_cx_js_module_missing_chunks_import() }}
     </body>

diff --git a/templates/landingpage/content-elements/footer/template.twig b/templates/landingpage/content-elements/footer/template.twig
@@ -1,5 +1,5 @@
 <div data-bsi-element="footer-nJDYZP" class="element-footer-nJDYZP d-block bg-primary bg-gradient text-light pt-5 pb-4">
     <div data-bsi-dropzone="footer-dropzone-rR98ys">
-        {% include '@bsi-cx/design-standard-library-web/content-elements/layout/col-three/template.twig' %}
+        {% include '@bsi-cx/design-standard-library-web/content-elements/layout/col-two/template.twig' %}
     </div>
 </div>
diff --git a/templates/landingpage/design.js b/templates/landingpage/design.js
@@ -27,14 +27,16 @@ module.exports = cx.design
         require('@bsi-cx/design-standard-library-web/content-elements/layout/spacer')),
     cx.contentElementGroup
       .withGroupId('headings-J9rRcv')
-      .withLabel('Headings')
+      /*.withLabel('Headings')*/
+      .withLabel('Überschriften')
       .withContentElements(
         require('@bsi-cx/design-standard-library-web/content-elements/base/h1'),
         require('@bsi-cx/design-standard-library-web/content-elements/base/h2'),
         require('@bsi-cx/design-standard-library-web/content-elements/base/h3')),
     cx.contentElementGroup
       .withGroupId('content-JFLFHv')
-      .withLabel('Content')
+      /*.withLabel('Content')*/
+      .withLabel('Inhalt')
       .withContentElements(
         require('@bsi-cx/design-standard-library-web/content-elements/base/text'),
         require('@bsi-cx/design-standard-library-web/content-elements/base/figure'),
@@ -50,7 +52,8 @@ module.exports = cx.design
         require('@bsi-cx/design-standard-library-web/content-elements/base/html')),
     cx.contentElementGroup
       .withGroupId('forms-NjbmnQ')
-      .withLabel('Forms')
+      /*.withLabel('Forms')*/
+      .withLabel('Formular')
       .withContentElements(
         require('@bsi-cx/design-standard-library-web/content-elements/form/form-container'),
         require('@bsi-cx/design-standard-library-web/content-elements/form/multi-column'),

diff --git a/templates/shared/content-elements/header-image/index.js b/templates/shared/content-elements/header-image/index.js
@@ -5,9 +5,11 @@ const contentElement = require('@bsi-cx/design-standard-library-web/content-elem
 module.exports = contentElement(
   require('./template.twig'),
   'header-image-xC4085',
-  'Header image',
+  /*'Header image',*/
+  'Header Bild',
   '',
   'header-image-dropzone-Dt5Gll',
   'header-image-part-MHZ8Gp',
-  'Header image'
+  /*'Header image'*/
+  'Header Bild'
 );
diff --git a/templates/shared/content-elements/logo/index.js b/templates/shared/content-elements/logo/index.js
@@ -7,7 +7,9 @@ module.exports = contentElement(
   'logo-pm7eOT',
   'Logo',
   'logo-part-image-1rKWxD',
-  'Logo image',
+  /*'Logo image',*/
+  'Logo Bild',
   'logo-part-text-ySZsrw',
-  'Logo text'
+  /*'Logo text'*/
+  'Logo Text'
 ).withStyleConfigs();
diff --git a/templates/shared/html-header.twig b/templates/shared/html-header.twig
@@ -1,4 +1,3 @@
-<title>BSI CX Master Template</title>
 <link rel="icon" type="image/svg+xml" href="{{ bsi_cx_asset('./static/logo.svg') }}" sizes="any">
 
 <meta charset="utf-8"/>

diff --git a/templates/website/_layout.twig b/templates/website/_layout.twig
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
+        <title>{% verbatim %}{{ navigation.activePage.pageTitle }}{% endverbatim %}</title>
         {% include  './../shared/html-header.twig' %}
     </head>
 
@@ -26,6 +27,8 @@
         {% block footer %}{% endblock %}
 
     {% endapply %}
+
+    <script>window.properties={{ properties|json_encode|raw }}</script>
     <script src="{{ bsi_cx_js_module_runtime_href() }}" data-bsi-remove-if="draft" defer="defer"></script>
     {{ bsi_cx_js_module_missing_chunks_import() }}
     </body>

diff --git a/templates/website/design.js b/templates/website/design.js
@@ -27,14 +27,16 @@ module.exports = cx.design
         require('@bsi-cx/design-standard-library-web/content-elements/layout/spacer')),
     cx.contentElementGroup
       .withGroupId('headings-J9rRcv')
-      .withLabel('Headings')
+      /*.withLabel('Headings')*/
+      .withLabel('Überschriften')
       .withContentElements(
         require('@bsi-cx/design-standard-library-web/content-elements/base/h1'),
         require('@bsi-cx/design-standard-library-web/content-elements/base/h2'),
         require('@bsi-cx/design-standard-library-web/content-elements/base/h3')),
     cx.contentElementGroup
       .withGroupId('content-JFLFHv')
-      .withLabel('Content')
+      /*.withLabel('Content')*/
+      .withLabel('Inhalt')
       .withContentElements(
         require('@bsi-cx/design-standard-library-web/content-elements/base/text'),
         require('@bsi-cx/design-standard-library-web/content-elements/base/figure'),
@@ -50,7 +52,8 @@ module.exports = cx.design
         require('@bsi-cx/design-standard-library-web/content-elements/base/html')),
     cx.contentElementGroup
       .withGroupId('forms-NjbmnQ')
-      .withLabel('Forms')
+      /*.withLabel('Forms')*/
+      .withLabel('Formular')
       .withContentElements(
         require('@bsi-cx/design-standard-library-web/content-elements/form/form-container'),
         require('@bsi-cx/design-standard-library-web/content-elements/form/multi-column'),

diff --git a/templates/website/includes/footer/template.twig b/templates/website/includes/footer/template.twig
@@ -1,5 +1,5 @@
 {% set dropzoneId = dropzoneId ?: 'footer-dropzone-rR98ys' %}
 
 <div class="d-block bg-primary bg-gradient text-light pt-5 pb-4" data-bsi-dropzone="{{ dropzoneId }}">
-    {% include '@bsi-cx/design-standard-library-web/content-elements/layout/col-three/template.twig' %}
+    {% include '@bsi-cx/design-standard-library-web/content-elements/layout/col-two/template.twig' %}
 </div>
diff --git a/webpack.config.js b/webpack.config.js
@@ -2,27 +2,58 @@ const path = require('path');
 
 const {BuildConfig, WebpackConfigBuilder, Version, DesignType, ModuleConfig} = require('@bsi-cx/design-build');
 
+const landingpageBuildConfig = new BuildConfig()
+  .withName('master-template-cx-22.0-landingpage')
+  .withVersion('1.0.2')
+  .withDesignType(DesignType.LANDINGPAGE)
+  .withTargetVersion(Version.CX_22_0)
+  .withRootPath(path.resolve(__dirname, 'templates', 'landingpage'))
+  .withPropertiesFilePath(path.resolve(__dirname, 'properties.js'))
+  .withModulesRootPath('modules')
+  .withModules(
+    new ModuleConfig()
+      .withName('main')
+      .withPath('main.js'));
+
+const websiteBuildConfig = new BuildConfig()
+  .withName('master-template-cx-22.0-website')
+  .withVersion('1.0.2')
+  .withDesignType(DesignType.WEBSITE)
+  .withTargetVersion(Version.CX_22_0)
+  .withRootPath(path.resolve(__dirname, 'templates', 'website'))
+  .withPropertiesFilePath(path.resolve(__dirname, 'properties.js'))
+  .withModulesRootPath('modules')
+  .withModules(
+    new ModuleConfig()
+      .withName('main')
+      .withPath('main.js'));
+
 module.exports = WebpackConfigBuilder.fromConfigs(
-  new BuildConfig()
-    .withName('master-template-2.0-website')
-    .withVersion('1.0.0')
-    .withDesignType(DesignType.WEBSITE)
-    .withTargetVersion(Version.CX_22_0)
-    .withRootPath(path.resolve(__dirname, 'templates', 'website'))
-    .withPropertiesFilePath(path.resolve(__dirname, 'properties.js'))
-    .withModulesRootPath('modules')
-    .withModules(
-      new ModuleConfig()
-        .withName('main')
-        .withPath('main.js')),
-  new BuildConfig()
-    .withName('master-template-2.0-landingpage')
-    .withVersion('1.0.0')
-    .withTargetVersion(Version.CX_22_0)
-    .withRootPath(path.resolve(__dirname, 'templates', 'landingpage'))
-    .withPropertiesFilePath(path.resolve(__dirname, 'properties.js'))
-    .withModulesRootPath('modules')
-    .withModules(
-      new ModuleConfig()
-        .withName('main')
-        .withPath('main.js')));
+  websiteBuildConfig.clone()
+    .withName('master-template-cx-1.3-website-de')
+    .withTargetVersion(Version.CX_1_3)
+    .withPropertiesFilePath(path.resolve(__dirname, 'properties-de.js')),
+  websiteBuildConfig.clone()
+    .withName('master-template-cx-1.3-website-en')
+    .withTargetVersion(Version.CX_1_3)
+    .withPropertiesFilePath(path.resolve(__dirname, 'properties-en.js')),
+  websiteBuildConfig.clone()
+    .withName('master-template-cx-22.0-website-de')
+    .withPropertiesFilePath(path.resolve(__dirname, 'properties-de.js')),
+  websiteBuildConfig.clone()
+    .withName('master-template-cx-22.0-website-en')
+    .withPropertiesFilePath(path.resolve(__dirname, 'properties-en.js')),
+  landingpageBuildConfig.clone()
+    .withName('master-template-cx-1.3-landingpage-de')
+    .withTargetVersion(Version.CX_1_3)
+    .withPropertiesFilePath(path.resolve(__dirname, 'properties-de.js')),
+  landingpageBuildConfig.clone()
+    .withName('master-template-cx-1.3-landingpage-en')
+    .withTargetVersion(Version.CX_1_3)
+    .withPropertiesFilePath(path.resolve(__dirname, 'properties-en.js')),
+  landingpageBuildConfig.clone()
+    .withName('master-template-cx-22.0-landingpage-de')
+    .withPropertiesFilePath(path.resolve(__dirname, 'properties-de.js')),
+  landingpageBuildConfig.clone()
+    .withName('master-template-cx-22.0-landingpage-en')
+    .withPropertiesFilePath(path.resolve(__dirname, 'properties-en.js')));