Skip to content
Snippets Groups Projects
Commit 469455e1 authored by Reiter, Christoph's avatar Reiter, Christoph :snake:
Browse files

Remove check-in-place-select

This now lives in the checkin topic, its only user.
parent ac700ec6
No related branches found
No related tags found
No related merge requests found
Pipeline #88654 failed
Showing
with 0 additions and 1415 deletions
/vendor/**
/dist/**
/*.js
\ No newline at end of file
{
"root": true,
"extends": "./../../eslint.common.json"
}
dist
node_modules
.idea
npm-debug.log
package-lock.json
node_modules
.idea
npm-debug.log
package-lock.json
index.html
node_modules/
/dist
/vendor
{
"bracketSpacing": false,
"singleQuote": true,
"tabWidth": 4,
"printWidth": 100,
"bracketSameLine": true,
"htmlWhitespaceSensitivity": "ignore",
"overrides": [
{
"files": "*.js",
"options": {
"semi": true
}
}
]
}
This diff is collapsed.
# Check-in place select web component
You can install this component via npm:
```bash
npm i @dbp-toolkit/check-in-place-select
```
## Usage
```html
<dbp-check-in-place-select></dbp-check-in-place-select>
<script type="module" src="node_modules/@dbp-toolkit/check-in-place-select/dist/dbp-check-in-place-select.js"></script>
```
Or directly via CDN:
```html
<dbp-check-in-place-select></dbp-check-in-place-select>
<script type="module" src="https://unpkg.com/@dbp-toolkit/check-in-place-select@0.2.2/dist/dbp-check-in-place-select.js"></script>
```
## Attributes
- `lang` (optional, default: `de`): set to `de` or `en` for German or English
- example `<dbp-check-in-place-select lang="de"></dbp-check-in-place-select>`
- `entry-point-url` (optional, default is the TU Graz entry point url): entry point url to access the api
- example `<dbp-check-in-place-select entry-point-url="http://127.0.0.1:8000"></dbp-check-in-place-select>`
- `value` (optional): api path of place to preload the selector with
- example `<dbp-check-in-place-select value="Besprechungsraum"></dbp-check-in-place-select>`
- the `value` will also be set automatically when a place is chosen in the selector
- `data-object` (read-only): when a place is selected the place object will be set as json string
- example `<dbp-check-in-place-select data-object="{"@id":"id", "@type":"http://schema.org/Place", "identifier":"id", "name":"Besprechungsraum", "maximumPhysicalAttendeeCapacity":"50"}"></dbp-check-in-place-select>`
- `show-capacity` (optional): also shows the capacity of the places
- example `<dbp-check-in-place-select show-capacity></dbp-check-in-place-select>`
- `show-reload-button` (optional): if set a reload button will be viewed next to the select box
- the button triggers a `change` event on the web component
- the button is disabled if no place is selected
- example `<dbp-check-in-place-select show-reload-button></dbp-check-in-place-select>`
- `reload-button-title` (optional): sets a title text on the reload button
- example `<dbp-check-in-place-select show-reload-button reload-button-text="Reload result list"></dbp-check-in-place-select>`
- `auth` object: you need to set that object property for the auth token
- example auth property: `{token: "THE_BEARER_TOKEN"}`
- note: most often this should be an attribute that is not set directly, but subscribed at a provider
## Local development
```bash
# get the source
git clone git@gitlab.tugraz.at:dbp/web-components/toolkit.git
cd toolkit/packages/check-in-place-select
# install dependencies
yarn install
# constantly build dist/bundle.js and run a local web-server on port 8002
yarn run watch-local
# run tests
yarn test
# build local packages in dist directory
yarn run build
```
Jump to <http://localhost:8002> and you should get a Single Sign On login page.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" src="dbp-check-in-place-select-demo.js"></script>
</head>
<body>
<dbp-check-in-place-select-demo lang="de" entry-point-url="http://127.0.0.1:8000" auth requested-login-status></dbp-check-in-place-select-demo>
</body>
</html>
module.exports = {
input: ['src/*.js'],
output: './',
options: {
debug: false,
removeUnusedKeys: true,
func: {list: ['i18n.t', '_i18n.t']},
lngs: ['en', 'de'],
resource: {
loadPath: 'src/i18n/{{lng}}/{{ns}}.json',
savePath: 'src/i18n/{{lng}}/{{ns}}.json',
},
},
};
module.exports = require('../../karma.common.conf.js');
{
"name": "@dbp-toolkit/check-in-place-select",
"homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/check-in-place-select",
"version": "0.2.3",
"main": "src/index.js",
"license": "LGPL-2.1-or-later",
"repository": {
"type": "git",
"url": "https://gitlab.tugraz.at/dbp/web-components/toolkit.git",
"directory": "packages/check-in-place-select"
},
"publishConfig": {
"registry": "https://registry.npmjs.org",
"access": "public"
},
"devDependencies": {
"@esm-bundle/chai": "^4.2.0",
"@rollup/plugin-commonjs": "^21.0.0",
"@rollup/plugin-json": "^4.1.0",
"@rollup/plugin-node-resolve": "^13.0.0",
"@rollup/plugin-replace": "^3.0.0",
"@rollup/plugin-url": "^6.0.0",
"eslint": "^8.0.0",
"eslint-plugin-jsdoc": "^37.0.0",
"i18next-scanner": "^3.0.0",
"karma": "^6.0.0",
"karma-chrome-launcher": "^3.0.0",
"karma-firefox-launcher": "^2.1.0",
"karma-mocha": "^2.0.1",
"mocha": "^9.0.0",
"prettier": "^2.5.1",
"rollup": "^2.33.3",
"rollup-plugin-copy": "^3.1.0",
"rollup-plugin-delete": "^2.0.0",
"rollup-plugin-serve": "^1.0.1",
"rollup-plugin-terser": "^7.0.2"
},
"dependencies": {
"@dbp-toolkit/auth": "^0.2.2",
"@dbp-toolkit/common": "^0.2.2",
"@open-wc/scoped-elements": "^2.0.0",
"jquery": "^3.4.1",
"lit": "^2.0.0",
"select2": "^4.0.10"
},
"scripts": {
"clean": "rm dist/*",
"format": "yarn run format:eslint && yarn run format:prettier",
"format:eslint": "eslint \"**/*.{js,ts}\" --fix",
"format:prettier": "prettier \"**/*.{js,json,ts}\" --write",
"build": "npm run build-local",
"build-local": "rollup -c",
"build-dev": "rollup -c --environment BUILD:development",
"build-prod": "rollup -c --environment BUILD:production",
"build-demo": "rollup -c --environment BUILD:demo",
"build-test": "rollup -c --environment BUILD:test",
"i18next": "i18next-scanner",
"watch": "npm run watch-local",
"watch-local": "rollup -c --watch",
"watch-dev": "rollup -c --watch --environment BUILD:development",
"test": "npm run build-test && karma start --singleRun",
"lint": "eslint ."
}
}
import glob from 'glob';
import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import copy from 'rollup-plugin-copy';
import {terser} from 'rollup-plugin-terser';
import json from '@rollup/plugin-json';
import serve from 'rollup-plugin-serve';
import url from '@rollup/plugin-url';
import del from 'rollup-plugin-delete';
import {getPackagePath, getDistPath} from '../../rollup.utils.js';
const build = typeof process.env.BUILD !== 'undefined' ? process.env.BUILD : 'local';
console.log('build: ' + build);
export default (async () => {
return {
input:
build != 'test'
? ['src/dbp-check-in-place-select.js', 'src/dbp-check-in-place-select-demo.js']
: glob.sync('test/**/*.js'),
output: {
dir: 'dist',
entryFileNames: '[name].js',
chunkFileNames: 'shared/[name].[hash].[format].js',
format: 'esm',
sourcemap: true,
},
plugins: [
del({
targets: 'dist/*',
}),
resolve(),
commonjs(),
url({
limit: 0,
include: [await getPackagePath('select2', '**/*.css')],
emitFiles: true,
fileName: 'shared/[name].[hash][extname]',
}),
json(),
build !== 'local' && build !== 'test' ? terser() : false,
copy({
targets: [
{src: 'assets/index.html', dest: 'dist'},
{
src: await getPackagePath('@dbp-toolkit/common', 'assets/icons/*.svg'),
dest: 'dist/' + (await getDistPath('@dbp-toolkit/common', 'icons')),
},
],
}),
process.env.ROLLUP_WATCH === 'true'
? serve({contentBase: 'dist', host: '127.0.0.1', port: 8002})
: false,
],
};
})();
import {findObjectInApiResults} from './utils.js';
import select2LangDe from './i18n/de/select2';
import select2LangEn from './i18n/en/select2';
import JSONLD from '@dbp-toolkit/common/jsonld';
import {css, html} from 'lit';
import {ScopedElementsMixin} from '@open-wc/scoped-elements';
import {createInstance} from './i18n.js';
import {Icon} from '@dbp-toolkit/common';
import * as commonUtils from '@dbp-toolkit/common/utils';
import * as commonStyles from '@dbp-toolkit/common/styles';
import select2CSSPath from 'select2/dist/css/select2.min.css';
import * as errorUtils from '@dbp-toolkit/common/error';
import {AdapterLitElement} from '@dbp-toolkit/provider/src/adapter-lit-element';
const checkInPlaceContext = {
'@id': '@id',
name: 'http://schema.org/name',
maximumPhysicalAttendeeCapacity: 'http://schema.org/maximumPhysicalAttendeeCapacity',
};
export class CheckInPlaceSelect extends ScopedElementsMixin(AdapterLitElement) {
constructor() {
super();
Object.assign(CheckInPlaceSelect.prototype, errorUtils.errorMixin);
this.entryPointUrl = '';
this.jsonld = null;
this.$select = null;
this.active = false;
// For some reason using the same ID on the whole page twice breaks select2 (regardless if they are in different custom elements)
this.selectId = 'check-in-place-select-' + commonUtils.makeId(24);
this.value = '';
this.object = null;
this.ignoreValueUpdate = false;
this.isSearching = false;
this.lastResult = {};
this.showReloadButton = false;
this.reloadButtonTitle = '';
this.showCapacity = false;
this.auth = {};
this._i18n = createInstance();
this.lang = this._i18n.language;
this._onDocumentClicked = this._onDocumentClicked.bind(this);
}
static get scopedElements() {
return {
'dbp-icon': Icon,
};
}
$(selector) {
if (typeof selector === 'string')
return this._jquery(this.shadowRoot.querySelector(selector));
else return this._jquery(selector);
}
static get properties() {
return {
...super.properties,
lang: {type: String},
active: {type: Boolean, attribute: false},
entryPointUrl: {type: String, attribute: 'entry-point-url'},
value: {type: String},
object: {type: Object, attribute: false},
showReloadButton: {type: Boolean, attribute: 'show-reload-button'},
reloadButtonTitle: {type: String, attribute: 'reload-button-title'},
showCapacity: {type: Boolean, attribute: 'show-capacity'},
auth: {type: Object},
};
}
clear() {
this.object = null;
this.$(this).attr('data-object', '');
this.$(this).attr('value', '');
this.$(this).data('object', null);
this.$select.val(null).trigger('change').trigger('select2:unselect');
}
async connectedCallback() {
this._jquery = (await import('jquery')).default;
let select2 = (await import('select2')).default;
select2(window, this._jquery);
await super.connectedCallback();
await this.updateComplete;
const that = this;
this.$select = this.$('#' + that.selectId);
// Close the popup when clicking outside of select2
document.addEventListener('click', this._onDocumentClicked);
// try an init when user-interface is loaded
this.initJSONLD();
}
disconnectedCallback() {
document.removeEventListener('click', this._onDocumentClicked);
super.disconnectedCallback();
}
_onDocumentClicked(event) {
if (event.composedPath().includes(this)) return;
const $select = this.$('#' + this.selectId);
console.assert($select.length, 'select2 missing');
if (this.select2IsInitialized($select)) {
$select.select2('close');
}
}
initJSONLD(ignorePreset = false) {
const that = this;
JSONLD.getInstance(this.entryPointUrl).then(
function (jsonld) {
that.jsonld = jsonld;
that.active = true;
// we need to poll because maybe the user interface isn't loaded yet
// Note: we need to call initSelect2() in a different function so we can access "this" inside initSelect2()
commonUtils.pollFunc(
() => {
return that.initSelect2(ignorePreset);
},
10000,
100
);
},
{},
this.lang
);
}
/**
* Initializes the Select2 selector
*
* @param ignorePreset
*/
initSelect2(ignorePreset = false) {
const that = this;
const $this = this.$(this);
if (this.jsonld === null) {
return false;
}
// find the correct api url for a checkInPlace
const apiUrl = this.jsonld.getApiUrlForEntityName("CheckinPlace");
if (this.$select === null) {
return false;
}
// we need to destroy Select2 and remove the event listeners before we can initialize it again
if (this.$select && this.$select.hasClass('select2-hidden-accessible')) {
this.$select.select2('destroy');
this.$select.off('select2:select');
this.$select.off('select2:closing');
}
this.$select
.select2({
width: '100%',
language: this.lang === 'de' ? select2LangDe() : select2LangEn(),
minimumInputLength: 2,
placeholder: this._i18n.t('check-in-place-select.placeholder'),
dropdownParent: this.$('#check-in-place-select-dropdown'),
ajax: {
delay: 500,
url: apiUrl,
contentType: 'application/ld+json',
beforeSend: function (jqXHR) {
jqXHR.setRequestHeader('Authorization', 'Bearer ' + that.auth.token);
that.isSearching = true;
},
data: function (params) {
return {
search: params.term.trim(),
};
},
processResults: function (data) {
that.$('#check-in-place-select-dropdown').addClass('select2-bug');
that.lastResult = data;
let transformed = that.jsonld.transformMembers(data, checkInPlaceContext);
const results = [];
transformed.forEach((place) => {
results.push({
id: place['@id'],
maximumPhysicalAttendeeCapacity:
place['maximumPhysicalAttendeeCapacity'],
text: that.generateOptionText(place),
});
});
return {
results: results,
};
},
error: (jqXHR, textStatus, errorThrown) => {
this.handleXhrError(jqXHR, textStatus, errorThrown);
},
complete: (jqXHR, textStatus) => {
that.isSearching = false;
},
},
})
.on('select2:open', function (e) {
const selectId = e.target.id;
that.$(
".select2-search__field[aria-controls='select2-" + selectId + "-results']"
).each(function (key, value) {
value.focus();
});
})
.on('select2:select', function (e) {
that.$('#check-in-place-select-dropdown').removeClass('select2-bug');
// set custom element attributes
const identifier = e.params.data.id;
const maxCapacity = e.params.data.maximumPhysicalAttendeeCapacity;
that.object = findObjectInApiResults(identifier, that.lastResult);
const room = that.object.identifier;
$this.attr('data-object', JSON.stringify(that.object));
$this.data('object', that.object);
const roomName = that.object.name;
if ($this.attr('value') !== identifier) {
that.ignoreValueUpdate = true;
$this.attr('value', identifier);
// fire a change event
that.dispatchEvent(
new CustomEvent('change', {
detail: {
value: identifier,
capacity: maxCapacity,
room: room,
name: roomName,
},
bubbles: true,
})
);
}
})
.on('select2:closing', (e) => {
if (that.isSearching) {
e.preventDefault();
}
});
// TODO: doesn't work here
// this.$('.select2-selection__arrow').click(() => {
// console.log("click");
// });
// preset a place
if (!ignorePreset && this.value !== '') {
const apiUrl = this.entryPointUrl + this.value;
fetch(apiUrl, {
headers: {
'Content-Type': 'application/ld+json',
Authorization: 'Bearer ' + this.auth.token,
},
})
.then((result) => {
if (!result.ok) throw result;
return result.json();
})
.then((place) => {
that.object = place;
const transformed = that.jsonld.compactMember(
that.jsonld.expandMember(place),
checkInPlaceContext
);
const identifier = transformed['@id'];
const maxCapacity = transformed['maximumPhysicalAttendeeCapacity'];
const roomName = transformed['name'];
const room = place.identifier;
const option = new Option(
that.generateOptionText(transformed),
identifier,
true,
true
);
$this.attr('data-object', JSON.stringify(place));
$this.data('object', place);
that.$select.append(option).trigger('change');
// fire a change event
that.dispatchEvent(
new CustomEvent('change', {
detail: {
value: identifier,
capacity: maxCapacity,
room: room,
name: roomName,
},
bubbles: true,
})
);
})
.catch((e) => {
console.log(e);
that.clear();
});
}
return true;
}
generateOptionText(place) {
let text = place['name'];
// add maximum capacity to checkInPlace if present
if (
this.showCapacity &&
place['maximumPhysicalAttendeeCapacity'] !== undefined &&
place['maximumPhysicalAttendeeCapacity'] !== null
) {
let capacity = place['maximumPhysicalAttendeeCapacity'];
text += ` (${capacity})`;
}
return text;
}
update(changedProperties) {
changedProperties.forEach((oldValue, propName) => {
switch (propName) {
case 'lang':
this._i18n.changeLanguage(this.lang);
if (this.select2IsInitialized()) {
// no other way to set an other language at runtime did work
this.initSelect2(true);
}
break;
case 'value':
if (!this.ignoreValueUpdate && this.select2IsInitialized()) {
this.initSelect2();
}
this.ignoreValueUpdate = false;
break;
case 'entryPointUrl':
// we don't need to preset the selector if the entry point url changes
this.initJSONLD(true);
break;
}
});
super.update(changedProperties);
}
select2IsInitialized() {
return this.$select !== null && this.$select.hasClass('select2-hidden-accessible');
}
reloadClick() {
if (this.object === null) {
return;
}
// fire a change event
this.dispatchEvent(
new CustomEvent('change', {
detail: {
value: this.value,
},
bubbles: true,
})
);
}
static get styles() {
return [
commonStyles.getThemeCSS(),
commonStyles.getGeneralCSS(),
commonStyles.getButtonCSS(),
commonStyles.getFormAddonsCSS(),
commonStyles.getSelect2CSS(),
css`
.select2-control.control {
width: 100%;
}
.field .button.control {
display: flex;
align-items: center;
justify-content: center;
border: var(--dbp-border);
border-color: var(--dbp-muted);
-moz-border-radius-topright: var(--dbp-border-radius);
-moz-border-radius-bottomright: var(--dbp-border-radius);
line-height: 100%;
}
.field .button.control dbp-icon {
top: 0;
}
input {
border-radius: 0;
}
input[type='search'] {
-webkit-appearance: none;
}
/* https://github.com/select2/select2/issues/5457 */
.select2-bug .loading-results {
display: none !important;
}
.select2-container--default .select2-selection--single, .select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field{
background: var(--dbp-background);
border: var(--dbp-border);
border-color: var(--dbp-muted);
}
.select2-dropdown{
background-color: var(--dbp-background);
}
`,
];
}
render() {
const select2CSS = commonUtils.getAssetURL(select2CSSPath);
const i18n = this._i18n;
return html`
<link rel="stylesheet" href="${select2CSS}" />
<style>
#${this.selectId} {
width: 100%;
}
</style>
<div class="select">
<div class="field has-addons">
<div class="select2-control control">
<!-- https://select2.org-->
<select
id="${this.selectId}"
name="check-in-place"
class="select"
?disabled=${!this.active}>
${!this.active
? html`
<option value="" disabled selected>
${i18n.t('check-in-place-select.login-required')}
</option>
`
: ''}
</select>
</div>
<a
class="control button"
id="reload-button"
?disabled=${this.object === null}
@click="${this.reloadClick}"
style="display: ${this.showReloadButton ? 'flex' : 'none'}"
title="${this.reloadButtonTitle}">
<dbp-icon name="reload"></dbp-icon>
</a>
</div>
<div id="check-in-place-select-dropdown"></div>
</div>
`;
}
}
import {css, html} from 'lit';
import {ScopedElementsMixin} from '@open-wc/scoped-elements';
import {CheckInPlaceSelect} from './check-in-place-select.js';
import {AuthKeycloak, LoginButton} from '@dbp-toolkit/auth';
import * as commonUtils from '@dbp-toolkit/common/utils';
import * as commonStyles from '@dbp-toolkit/common/styles';
import DBPLitElement from '@dbp-toolkit/common/dbp-lit-element';
import {createInstance} from './i18n.js';
export class CheckInPlaceSelectDemo extends ScopedElementsMixin(DBPLitElement) {
constructor() {
super();
this._i18n = createInstance();
this.lang = this._i18n.language;
this.entryPointUrl = '';
this.noAuth = false;
}
static get scopedElements() {
return {
'dbp-login-button': LoginButton,
'dbp-check-in-place-select': CheckInPlaceSelect,
'dbp-auth-keycloak': AuthKeycloak,
};
}
static get properties() {
return {
...super.properties,
lang: {type: String},
entryPointUrl: {type: String, attribute: 'entry-point-url'},
noAuth: {type: Boolean, attribute: 'no-auth'},
};
}
connectedCallback() {
super.connectedCallback();
}
static get styles() {
// language=css
return [
commonStyles.getThemeCSS(),
commonStyles.getGeneralCSS(),
css`
h1.title {
margin-bottom: 1em;
}
div.container {
margin-bottom: 1.5em;
}
`,
];
}
getAuthComponentHtml() {
return this.noAuth
? html`
<dbp-login-button subscribe="auth" lang="${this.lang}"></dbp-login-button>
`
: html`
<div class="container">
<dbp-auth-keycloak
subscribe="requested-login-status"
lang="${this.lang}"
entry-point-url="${this.entryPointUrl}"
silent-check-sso-redirect-uri="/dist/silent-check-sso.html"
url="https://auth-dev.tugraz.at/auth"
realm="tugraz-vpu"
client-id="auth-dev-mw-frontend-local"
try-login></dbp-auth-keycloak>
<dbp-login-button subscribe="auth" lang="${this.lang}"></dbp-login-button>
</div>
`;
}
render() {
return html`
<section class="section">
<div class="container">
<h1 class="title">Check-In-Place-Select-Demo</h1>
</div>
${this.getAuthComponentHtml()}
<div class="container">
<form>
<div class="field">
<label class="label">Check-In-Place 1</label>
<div class="control">
<dbp-check-in-place-select
lang="${this.lang}"
entry-point-url="${this.entryPointUrl}"
subscribe="auth"></dbp-check-in-place-select>
</div>
</div>
<div class="field">
<label class="label">Check-In-Place 2</label>
<div class="control">
<dbp-check-in-place-select
lang="${this.lang}"
entry-point-url="${this.entryPointUrl}"
subscribe="auth"
show-reload-button
reload-button-title="Click me"></dbp-check-in-place-select>
</div>
</div>
</form>
</div>
</section>
`;
}
}
commonUtils.defineCustomElement('dbp-check-in-place-select-demo', CheckInPlaceSelectDemo);
import * as commonUtils from '@dbp-toolkit/common/utils';
import {CheckInPlaceSelect} from './check-in-place-select.js';
commonUtils.defineCustomElement('dbp-check-in-place-select', CheckInPlaceSelect);
import './dbp-check-in-place-select-demo.js';
import {createInstance as _createInstance, setOverrides} from '@dbp-toolkit/common/i18next.js';
import de from './i18n/de/translation.json';
import en from './i18n/en/translation.json';
export function createInstance() {
return _createInstance({en: en, de: de}, 'de', 'en');
}
export {setOverrides};
/**
* Content from https://github.com/select2/select2/blob/master/src/js/select2/i18n/de.js
*/
export default function () {
// German
return {
errorLoading: function () {
return 'Die Ergebnisse konnten nicht geladen werden.';
},
inputTooLong: function (args) {
var overChars = args.input.length - args.maximum;
return 'Bitte ' + overChars + ' Zeichen weniger eingeben';
},
inputTooShort: function (args) {
var remainingChars = args.minimum - args.input.length;
return (
'Bitte ' +
remainingChars +
' Zeichen mehr eingeben, es kann nach mehreren Teilen von Namen gesucht werden'
);
},
loadingMore: function () {
return 'Lade mehr Ergebnisse…';
},
maximumSelected: function (args) {
var message = 'Sie können nur ' + args.maximum + ' Eintr';
if (args.maximum === 1) {
message += 'ag';
} else {
message += 'äge';
}
message += ' auswählen';
return message;
},
noResults: function () {
return 'Keine Übereinstimmungen gefunden';
},
searching: function () {
return 'Suche…';
},
removeAllItems: function () {
return 'Entferne alle Gegenstände';
},
};
}
{
"check-in-place-select": {
"placeholder": "Z.B. \"P1\", \"Rechbauerstraße\", \"PZ2EG048\"",
"login-required": "Anmeldung erforderlich"
}
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment