@colijnit/sharedcomponents 261.1.0 → 261.1.2

package/script/create-dictionaries.js

@@ -0,0 +1,41 @@
+/**
+ * POST: src/res/dictionary contains the text_nl, _en and _de.properties.json files with the latest dictionary data ready for direct use in app.
+ */
+
+let fs = require('fs-extra');
+let argv = require('minimist')(process.argv.slice(2));
+
+const sourceDir = argv['dictionaryDir'] || 'ext/dictionary';
+const destDir = 'projects/sharedcomponents/src/lib/res/dictionary';
+const dicJsFile = 'dictionaries.ts';
+const dicRegex = /text_([a-z]{2})\.properties/;
+const dictionaries = {};
+
+fs.emptyDirSync(destDir);
+
+fs.readdirSync(sourceDir).filter(file => file.match(dicRegex)).forEach((file) => {
+  let data = fs.readFileSync(sourceDir + '/' + file, {encoding: 'utf8'});
+  let dictionary = {};
+  data.split(/\r\n|\r|\n/).forEach((item) => {
+    let keyVal = item.split(/=(.+)/);
+    if (keyVal.length === 3) {
+      dictionary[keyVal[0]] = keyVal[1];
+    }
+  });
+
+  dictionaries[file.substring(0, file.lastIndexOf('.'))] = dictionary;
+  fs.writeFileSync(destDir + '/' + file + '.json', JSON.stringify(dictionary), 'utf8');
+});
+
+let propTemplate = '';
+for (key in dictionaries) {
+  if (dictionaries.hasOwnProperty(key)) {
+    propTemplate = propTemplate.concat(`public ${key} = ${JSON.stringify(dictionaries[key])};\n`);
+  }
+}
+
+const template = `export class Dictionaries {
+    ${propTemplate}
+}`;
+
+fs.writeFileSync(destDir + '/' + dicJsFile, template, 'utf8');

package/script/merge-icons.js

@@ -0,0 +1,39 @@
+const fs = require('fs');
+const icons = {};
+const srcDir = 'projects/sharedcomponents/src/lib/assets/icons/';
+const dataFile = 'projects/sharedcomponents/src/lib/model/icon-svg.ts';
+const enumFile = 'projects/sharedcomponents/src/lib/enum/icon.enum.ts';
+const warning = '/** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/';
+
+
+function minifyXml(xml) {
+    return xml
+        .replace(/(<\?xml.*\?>)|(<!--.*-->)|(\n)|(\t)|(\r)|(xmlns:.*?".*?"\s?)|(id=".*?"\s?)|(data-name=".*?"\s?)|(xml:space=".*?"\s?)/gim, '')
+        .replace(/\s{2,}/g, ' ')
+        .replace(/> </g, '><');
+}
+
+function toPascalCase(icon) {
+    return icon.charAt(0).toUpperCase() + icon.slice(1).replace(/(_[a-z]?)/gi, (match) => {
+        return match.toUpperCase().replace(/_/g, '');
+    });
+}
+
+fs.readdirSync(srcDir)
+    .filter(file => file.substr(-4).toLowerCase() === '.svg')
+    .reduce((icons, file) => {
+        icons[file.substr(0, file.length - 4)] = minifyXml(fs.readFileSync(srcDir + file, {encoding : 'utf-8'}));
+        return icons;
+    }, icons);
+
+fs.writeFileSync(dataFile, `${warning}
+
+export const IconSvg: {[iconName: string]: string} =  ${JSON.stringify(icons, null, 1)};`
+);
+
+fs.writeFileSync(enumFile, `${warning}
+
+export enum Icon {
+    ${Object.keys(icons).map(icon => toPascalCase(icon) + ' = "' + icon + '"').join(",\n    ")}
+}`
+);

package/src/app/app-login.component.ts

@@ -0,0 +1,18 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'app-login',
+  template: `
+      <co-login
+              [reCaptchaSiteKey]="'6Le01H0UAAAAAIA50ccI4AkglPaG5rS_4TtwODPP'"
+              [securityCode]="'115118:upiXKb6xkIuUEnbS4r9vf7oVl'"
+              [settings]="{url: 'https://demo1.ionecloud.nl/', schema: '134592', keycloakClientId: clientId, version: '257'}"
+              [upId]="134592"
+              [clientVersion]="'257'"
+              [clientLanguage]="'nl'"
+      ></co-login>
+  `
+})
+export class AppLoginComponent {
+  public clientId: string = 'ione_4c65833e-d367-4687-8354-4add85de60ff';//  'portal_4c65833e-d367-4687-8354-4add85de60ff';
+}

package/src/app/app-module.service.ts

@@ -0,0 +1,7 @@
+import {BaseModuleService} from '@colijnit/corecomponents_v12';
+import {Injectable} from '@angular/core';
+
+@Injectable()
+export class AppModuleService extends BaseModuleService {
+
+}

package/src/app/app-screen-config.service.ts

@@ -0,0 +1,13 @@
+import {Injectable} from "@angular/core";
+import {BaseModuleScreenConfigService} from '@colijnit/corecomponents_v12';
+import {ObjectConfiguration} from '@colijnit/ioneconnector/build/model/object-configuration';
+
+@Injectable()
+export class AppScreenConfigService extends BaseModuleScreenConfigService {
+  // @implements BaseModuleScreenConfigService
+  public screenModuleName = 'MOCK';
+
+  protected loadConfigForModule(params: string[], insertRights?: boolean): Promise<ObjectConfiguration[]> {
+    return Promise.resolve([]);
+  }
+}

package/src/app/app.component.scss

@@ -0,0 +1,31 @@
+.full-size-scroll {
+  height: 100%;
+  width: 100%;
+  overflow: scroll;
+  padding: 20px;
+}
+
+.key-pad-resize-wrapper {
+  padding: 20px;
+  background-color: #00dc00;
+  width: 250px;
+}
+
+.custom-width {
+  width: 400px;
+}
+
+.statusbar-wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 150px;
+  overflow: auto;
+}
+
+.test {
+  min-height: 80px;
+}
+
+.button-list {
+  margin: 10px;
+}

package/src/app/app.component.spec.ts

@@ -0,0 +1,31 @@
+import { TestBed } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have as title 'Sharedcomponents'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('Sharedcomponents');
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('.content span')?.textContent).toContain('Sharedcomponents app is running!');
+  });
+});