form-aurora-stefanini 0.1.0 → 0.1.3

package/src/lib/Models/company-parameters.ts

@@ -0,0 +1,16 @@
+export class companyParameter {
+  companyId: number
+  parameterId: number
+}
+
+export class Parameter {
+  dataType: string
+  id: number
+  parameter: string
+  type: string
+}
+
+export class CompanyParameters {
+  id: number
+  value: string
+}

package/src/lib/Models/company.ts

@@ -0,0 +1,25 @@
+import { State } from './state'
+import { CompanyParameters } from './company-parameters';
+import { Step } from './step';
+
+export interface Company {
+  id?: number
+  name: string
+  nameUrl: string
+  company: string
+  document: number
+  state: State
+  state_id: State
+  activity_id?: string
+  address?: string
+  phone?: number
+  logo?: any
+  contact_name?: string
+  contact_email?: string
+  contact_phone?: number
+  companyParameters?: CompanyParameters[]
+  companyStepsRequestTurn: Array<Step>
+  looknFeelVersion?:number
+  
+
+}

package/src/lib/Models/fill.ts

@@ -0,0 +1,6 @@
+export class Fill {
+  id: number
+  value: string
+  type: number
+  data: string
+}

package/src/lib/Models/state.ts

@@ -0,0 +1,5 @@
+export interface State {
+  id: number
+  state?: string
+  name?:string
+}

package/src/lib/Models/step.ts

@@ -0,0 +1,15 @@
+import { StepMethod } from "./stepMethod"
+
+export interface Step {
+    id: number
+    step: string
+    description: string
+    stepOrder?: number
+    visibility?: boolean
+    stepMethod?: StepMethod
+    stepData?: any
+    value?: number
+    code?: string
+    simpleFlowSelectType? :number
+    viewData?:any
+}

package/src/lib/Models/stepMethod.ts

@@ -0,0 +1,9 @@
+
+export class StepMethod {
+  id?: number
+  mainStep?: number
+  nextStep?: number
+  mainEndpoint?: string
+  nextEndpoint?: string
+  level?: number
+}

package/src/lib/form-aurora.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { RecaptchaModule, RecaptchaFormsModule } from 'ng-recaptcha';
+import { FormAuroraComponent } from '../public-api';
+
+@NgModule({
+    declarations: [FormAuroraComponent],
+    imports: [
+        CommonModule,
+        FormsModule,        
+        RecaptchaModule,
+        RecaptchaFormsModule       
+    ],
+    exports: [FormAuroraComponent]
+})
+export class FormAuroraModule { }

package/src/lib/services/TemplateService.ts

@@ -0,0 +1,84 @@
+import { Injectable } from "@angular/core";
+import { HttpClient } from '@angular/common/http';
+import { Observable } from "rxjs";
+
+@Injectable({
+    providedIn: "root",
+})
+export class CommonTemplateService {
+    constructor(private http: HttpClient) { }
+    getTemplate(idCompany,url): Observable<any> {
+        return this.http.get<any>(`${url}/template/findByCompany/` + idCompany)
+    }
+    reloadStylePage(currentDocument: Document, templateCompany) {
+        let objects = (<HTMLCollection>currentDocument.getElementsByClassName("template"));
+        // debugger
+        for (let index = 0; index < objects.length; index++) {
+            const item = objects[index];
+            let itemClassName = typeof (item.className) == "object" ? item.className['baseVal'] : item.className
+            let indexStart = itemClassName.indexOf("template")
+            // let keyString = itemClassName.substring(indexStart, itemClassName.length).split(' ')[1]
+            const keysString = itemClassName.substring(indexStart, itemClassName.length).split(' ').filter(a => a.indexOf('tmp_') !== -1);
+
+            for (let keyString of keysString) {
+                if (templateCompany[keyString] != undefined) {
+                    if (keyString.includes("tmp_type_text_")) {
+
+                        if (keyString.includes('tmp_type_text_6')) {
+                            item['style'].setProperty('--' + keyString, templateCompany[keyString].color)
+                        } else {
+                            item["style"].color = templateCompany[keyString].color
+
+                            if(itemClassName.includes("ratting-faces-v2"))
+                            {
+                                item["style"].backgroundColor = templateCompany[keyString].color;
+                                item["style"].borderColor = templateCompany[keyString].color;
+                                item["style"].color = "white"
+                            }
+                        }
+                    }
+
+                    if (keyString.includes("title1")) {
+                        /*item["style"].color = templateCompany[keyString].color*/
+                        item["style"].color = "#EE7E0E";
+                    }
+
+                    if (keyString.includes("tmp_type_svg_")) {
+                        item["style"].fill = templateCompany[keyString].fill
+                    }
+
+                    if (keyString.includes("tmp_type_img_")) {
+                        if (item.nodeName == "IMG") {
+                            item["src"] = templateCompany[keyString].src;
+                        }
+                        else {
+                            item["style"].background = templateCompany[keyString].background;
+                            item["style"].backgroundSize = templateCompany[keyString].backgroundSize;
+                        }
+                    }
+
+                    if (keyString.includes("tmp_type_head_")) {
+                        item["style"].setProperty('--' + keyString, templateCompany[keyString].color)
+                    }
+
+                    if (keyString.includes("tmp_type_footer_")) {
+                        // debugger
+                        item["style"].setProperty('--' + keyString, templateCompany[keyString].color)
+                    }
+
+                    if (itemClassName.includes("tmp_type_cnt_")) {
+                        indexStart = itemClassName.indexOf("tmp_type_cnt_")
+                        keyString = itemClassName.substring(indexStart, itemClassName.length).split(' ')[0]
+                        if (!!templateCompany[keyString]) {
+                            item["style"].backgroundColor = templateCompany[keyString].backgroundColor
+                        }
+                    }
+
+                    if (keyString.includes('tmp_type_font_')) {
+                        item['style'].setProperty('font-family', templateCompany[keyString]['font-family'], 'important');
+                    }
+                }
+            }
+        }
+    }
+}

package/src/lib/services/data.service.ts

@@ -0,0 +1,83 @@
+import { Injectable } from "@angular/core";
+
+@Injectable({
+  providedIn: "root",
+})
+export class CommonDataService {
+  public static COMPANY_KEY: string = "company";
+  public static DOC_NUMBER_KEY: string = "docNumber";
+  public static DOC_TYPE_KEY: string = "docType";
+  public static PHONE_KEY: string = "phone";
+  public static TYPE_ATTENTION_KEY: string = "typeAttention";
+  public static OFFICE_KEY: string = "office";
+  public static TYPE_TURN_KEY: string = "typeTurn";
+  public static SERVICE_KEY: string = "service";
+  public static TURN_KEY: string = "turn";
+  public static PROGRAMED_TURN_KEY: string = "programedTurn";
+  public static REQUEST_CALL: string = "requestCall";
+  public static FORM_DATA: string = "formdata";
+  public static TEMPLATE: string = "template";
+  public static TURN_RESCHEDULE: string = "turnReschedule";
+  public static USER_GENDER: string = "genderUser";
+  public static AUTO_REDIRECT: string = "autoRedirect";
+  public static SCHEDULE_GENERAL: string = "scheduleGeneral"
+  public static AGENDAMIENTO_TTP: string = "potencialCustomer"
+  public static SINGLE_PAGE_ONE: string = "singlePageOne"
+  public static AVAILABLE_SCHEDULE_GRAL: string = "availableScheduleGral"
+  public static PROFILE: string = "profile"
+  public static PAGE_NEXT: string = "pageNext"
+  public static STEPS: string = "steps"
+  public static TYPE_TURN_ID: string = "typeTurnId"
+
+
+  constructor() { }
+
+  private getData(): Map<string, any> {
+    if (localStorage.getItem("data") != null) {
+      var data: Map<string, any> = new Map(JSON.parse(localStorage.getItem("data")));
+      return data;
+    } else {
+      /** Error get cookie */
+    }
+  }
+
+  private setData(data: Map<string, any>) {
+    localStorage.setItem("data", JSON.stringify(Array.from(data.entries())));
+  }
+
+  initData(): void {
+    this.setData(new Map());
+  }
+
+  putValue(key: string, value: any): void {
+    var data: Map<string, any> = this.getData();
+    data = data.set(key, value);
+    this.setData(data);
+  }
+
+  addValue(keyPrimary: string, keySecond: string, value): void {
+    var data: Map<string, any> = this.getValue(keyPrimary);
+    var dataReturn: Map<string, any> = this.getData();
+    data[keySecond] = value;
+    dataReturn = dataReturn.set(keyPrimary, data);
+    this.setData(dataReturn);
+  }
+
+  getValue(key: string): any {
+    return !this.getData() || !this.getData().has(key) ? undefined : this.getData().get(key);
+  }
+
+  hasValue(key: string): any {
+    return this.getData() != undefined ? this.getData().has(key) : null;
+  }
+
+  clearMap(): void {
+    if (this.hasValue(CommonDataService.COMPANY_KEY)) {
+      let company = this.getValue(CommonDataService.COMPANY_KEY);
+      this.initData();
+      this.putValue(CommonDataService.COMPANY_KEY, company);
+    } else {
+      this.initData();
+    }
+  }
+}

package/src/lib/utils/regex.ts

@@ -0,0 +1,51 @@
+export const regexType = {
+    default: {
+        exp: '^[a-zA-Z0-9ñÑáéíóúüÁÉÍÓÚÜ,.\\-_\\s]*$',
+        message: 'Formato inválido, no use caracteres especiales'
+    },
+    word: {
+        exp: '^[a-zA-Z0-9ñÑáéíóúüÁÉÍÓÚÜ,.\\-_]*$',
+        message: 'Formato inválido, no use caracteres especiales ni espacios'
+    },
+    name: {
+        exp: '^[a-zA-ZñÑáéíóúüÁÉÍÓÚÜ\\s]*$',
+        message: 'Formato inválido, no use caracteres especiales ni números'
+    },
+    alphanumberWord: {
+        exp: '^[a-zA-Z0-9]*$',
+        message: 'Formato alfanúmerico inválido'
+    },
+    charWord: {
+        exp: '^[a-zA-Z]*$',
+        message: 'Formato de caracteres inválido'
+    },
+    anyWord: {
+        exp: '^\\S*$',
+        message: 'Formato inválido'
+    },
+    percent: {
+        exp: '^100$|^[0-9]{1,2}$|^[0-9]{1,2}\\.[0-9]{1,2}$',
+        message: 'Formato de porcentaje inválido, use el punto decimal (.)'
+    },
+    email: {
+        exp: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+        message: 'Formato de e-mail inválido'
+    },
+    number: {
+        exp: '^[0-9]*$',
+        message: 'Formato de número inválido'
+    },
+    time24: {
+        exp: '^([01]?[0-9]|2[0-3]):[0-5][0-9]$',
+        message: 'Formato de hora militar inválido, use 23:45'
+    },
+    date: {
+        exp: '^[0-9]{1,2}/[0-9]{1,2}/[0-9]{4}$',
+        message: 'Formato de fecha inválido',
+        internal: 'dd/mm/yyyy'
+    },
+    password: {
+        exp: '^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$',
+        message: 'La contraseña debe incluir una longitud mínima de 8 caracteres, una letra mayúscula, una letra minúscula, un número, un carácter especial (@#$%^&+=/.) y no debe tener espacios.'
+    }
+};

package/src/public-api.ts

@@ -0,0 +1,9 @@
+/*
+ * Public API Surface of form-aurora
+ */
+export * from './lib/Components/from-aurora/form-aurora.component'
+export * from './lib/services/TemplateService';
+export * from './lib/services/data.service';
+export * from './lib/utils/regex';
+export * from './lib/Models/fill';
+export * from './lib/form-aurora.module';

package/src/test.ts

@@ -0,0 +1,21 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js/dist/zone';
+import 'zone.js/dist/zone-testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: any;
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting()
+);
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

package/tsconfig.lib.json

@@ -0,0 +1,26 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "target": "es2015",
+    "declaration": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": [
+      "dom",
+      "es2018"
+    ]
+  },
+  "angularCompilerOptions": {
+    "annotateForClosureCompiler": true,
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "fullTemplateTypeCheck": true,
+    "strictInjectionParameters": true,
+    "enableResourceInlining": true
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.spec.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  },
+  "files": [
+    "src/test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/tslint.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../../tslint.json",
+  "rules": {
+    "directive-selector": [
+      true,
+      "attribute",
+      "lib",
+      "camelCase"
+    ],
+    "component-selector": [
+      true,
+      "element",
+      "lib",
+      "kebab-case"
+    ]
+  }
+}