\n \n \n
\n\n
\n\n \n \n \n
\n \n
\n \n
\n\n \n \n \n\n\n
\n\n \n \n \n
\n\n \n
\n\n \n
\n \n Le service « Ma Conso Énergie », en mode standard, permet de suivre les données de consommation, les données les plus récentes étant celles de la veille (service gratuit).
\n\n \n \n
\n \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n\n
\n \n
\n \n ![\"logo-vialis\"](\"assets/logo_Vialis.svg\")
\n
\n \n \n
\n Ma Conso Énergie
\n\n
\n\n\n\n\n\n","import {Directive} from '@angular/core';\nimport {AbstractControl, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators} from \"@angular/forms\";\n\n@Directive({\n selector: '[notEmptyValidator]',\n providers: [{\n provide: NG_VALIDATORS,\n useExisting: NotEmptyDirective,\n multi: true\n },],\n standalone: true\n})\nexport class NotEmptyDirective implements Validators {\n validate(control: AbstractControl): ValidationErrors | null {\n return this.noEmptyInputValidator()(control)\n }\n\n noEmptyInputValidator(): ValidatorFn {\n return (control: AbstractControl): ValidationErrors | null => {\n const valid = control.value !== undefined && control.value !== null && control.value !== '' && (control.value).trim() !== \"\";\n return valid ? null : {noEmptyInputValidator: {valid: false}};\n\n };\n }\n}\n","export enum EnergyType {\n Electricity ,\n Gas,\n Both\n}\n","import {UserTypes} from \"./UserTypes.enum\";\nimport {isNullOrEmptyOrUndefined} from \"../shared/helpers\";\nimport {UserInfoModel} from \"./UserInfo.model\";\nimport {ElectricityConsentModel} from \"./consents/ElectricityConsent.model\";\nimport {GasConsentModel} from \"./consents/GasConsent.model\";\nimport {RGPDConsentModel} from \"./consents/RGPDConsent.model\";\n\nexport class RegistrationModel {\n\n constructor(\n public userInfo: UserInfoModel = new UserInfoModel(),\n public userType?: UserTypes,\n public ContractReference?: string,\n public ReferenceEDL?: string,\n public electricityConsentModel?: ElectricityConsentModel,\n public rgpdConsentModel?:RGPDConsentModel,\n public gasConsentModel?: GasConsentModel) {\n }\n\n isValid(): boolean | undefined {\n return !isNullOrEmptyOrUndefined(this.ContractReference)\n && !isNullOrEmptyOrUndefined(this.ReferenceEDL)\n && this.userType !== null && this.userType !== undefined\n && this.userInfo.isValid()\n && this.rgpdConsentModel !== undefined\n && (this.electricityConsentModel !== undefined || this.gasConsentModel !== undefined)\n && this.userTypeSyncWithElecConsent();\n }\n\n private userTypeSyncWithElecConsent(): boolean {\n\n if (this.electricityConsentModel === null || this.electricityConsentModel === undefined) return true;\n\n return (this.userType === UserTypes.ChequeEnergie && this.electricityConsentModel.userIsEnergyCheckBeneficiary) ||\n (this.userType !== UserTypes.ChequeEnergie && !this.electricityConsentModel.userIsEnergyCheckBeneficiary)\n }\n\n}\n","import {isNullOrEmptyOrUndefined} from \"../shared/helpers\";\nimport {EnergyType} from \"./EnergyType\";\n\nexport class UserInfoModel {\n\n constructor(public firstName?: string, public lastName?: string, public street?: string, public number?:string,\n public postCode?: string, public city?: string, public email?: string, public phoneNumber?: string,\n public energies?: EnergyType) {\n }\n\n isValid() {\n return !isNullOrEmptyOrUndefined(this.email)\n && !isNullOrEmptyOrUndefined(this.phoneNumber)\n && this.energies != undefined\n }\n\n}\n","export enum UserTypes{\n ChequeEnergie,\n Particulier,\n Pro\n}\n","export class ElectricityConsentModel {\n\n public hasElecCommunicatingMeter = false\n public activateLoadCurve= false\n\n public userIsEnergyCheckBeneficiary= false\n\n public hasBoxAndWifi?: boolean\n public wifiNearMeter?: boolean\n public hasCompatibleDevice?: boolean\n\n public wantBillableOption= false\n public acceptOptionConditions?: boolean\n\n constructor() {\n\n }\n\n\n}\n\n","export class RGPDConsentModel{\n\n constructor(public allowDataHandling:boolean=false, public acceptGeneralConditions:boolean=false) {\n }\n}\n","export enum EnergyTypeDto {\n Unknown,\n Electricity = 1,\n Gas = 2\n}\n","import {RequestedServiceTypeDto} from \"./RequestedServiceTypeDto\";\nimport {EnergyTypeDto} from \"./EnergyTypeDto\";\n\nexport class RequestedServiceDto {\n\n constructor(public energyType: EnergyTypeDto, public requestedServiceType: RequestedServiceTypeDto, public loadCurve?:boolean) {\n }\n}\n","export enum RequestedServiceTypeDto {\n Unknown = 0,\n CheckEnergyBeneficiary = 1,\n ClassicWithoutERL = 2,\n ClassicWithERL = 3\n}\n","import {TitulaireInfosDto} from \"./TitulaireInfosDto\";\nimport {RequestedServiceDto} from \"./RequestedServiceDto\";\n\n\nexport class SubscriptionDto {\n\n constructor(\n public requestedServices: RequestedServiceDto[],\n public genericConsent: boolean,\n public titulaireInfos:TitulaireInfosDto,\n public refContrat: string,\n public refEdl:string) {\n }\n \n}\n","export class TitulaireInfosDto {\n\n constructor(public email: string, public mobilePhone: string) {\n }\n}\n","export enum SubscribeErrorType {\n Unknown=0,\n NoActiveContractFound=4,\n UpdateContactFailed=5,\n CreateConsentFailed=6,\n CreateOptionalServiceFailed=7,\n NotSmartMeter\n}\n","import {Component, OnDestroy, ViewChild} from '@angular/core';\nimport {RouterOutlet} from '@angular/router';\nimport {FormsModule, NgForm} from \"@angular/forms\";\nimport {NgClass, NgForOf, NgIf} from \"@angular/common\";\nimport {SubscriptionFormService} from \"../../services/subscription-form.service\";\nimport {RegistrationModel} from \"../../models/RegistrationModel\";\nimport {UserTypes} from \"../../models/UserTypes.enum\";\nimport {catchError, finalize, of, Subject, takeUntil} from \"rxjs\";\nimport {NotEmptyDirective} from \"../../directives/not-empty.directive\";\nimport {LoadingService} from \"../../services/loading.service\";\nimport {AlertModule} from \"ngx-bootstrap/alert\";\nimport {ContractDto} from \"../../models/dto/ContractDto\";\nimport {ConsentComponent} from \"../../components/consents/elec-consent/elec-consent.component\";\nimport {GasConsentComponent} from \"../../components/consents/gas-consent/gas-consent.component\";\nimport {EnergyType} from \"../../models/EnergyType\";\nimport {PopoverModule} from \"ngx-bootstrap/popover\";\nimport {RgpdConsentComponent} from \"../../components/consents/rgpd-consent/rgpd-consent.component\";\nimport {PointDeServiceDTO} from \"../../models/dto/PointDeServiceDTO\";\nimport {SubscribeErrorType} from \"../../models/dto/subscribe-error.type\";\n\ntype AlertType = { type: string; msg: string; };\n\n@Component({\n selector: 'app-register-form',\n standalone: true,\n imports: [RouterOutlet, FormsModule, NgIf, NgClass, ConsentComponent, NotEmptyDirective, AlertModule, NgForOf, ConsentComponent, GasConsentComponent, PopoverModule, RgpdConsentComponent],\n templateUrl: './register-form.component.html',\n styleUrl: './register-form.component.scss'\n})\nexport class RegisterFormComponent implements OnDestroy {\n @ViewChild('registerForm') registerForm?: NgForm\n registrationModel: RegistrationModel = new RegistrationModel();\n\n //used as input for child components\n elecConsentResetNeeded = false;\n gasConsentResetNeeded = false;\n\n //linked to data retrieved from EFluid API\n referencesFoundInEfluid = false;\n errorInReferences = false;\n gasAvailable?: boolean = undefined;\n elecAvailable?: boolean = undefined;\n\n alert?: AlertType | null;\n\n private destroy$ = new Subject\n
\n\n \n \n \n \n\n\n\n
\n\n\n","import {RegistrationModel} from \"../models/RegistrationModel\";\nimport {SubscriptionDto} from \"../models/dto/SubscriptionDto\";\nimport {RequestedServiceDto} from \"../models/dto/RequestedServiceDto\";\nimport {ElectricityConsentModel} from \"../models/consents/ElectricityConsent.model\";\nimport {RequestedServiceTypeDto} from \"../models/dto/RequestedServiceTypeDto\";\nimport {EnergyTypeDto} from \"../models/dto/EnergyTypeDto\";\nimport {GasConsentModel} from \"../models/consents/GasConsent.model\";\nimport {UserInfoModel} from \"../models/UserInfo.model\";\nimport {TitulaireInfosDto} from \"../models/dto/TitulaireInfosDto\";\n\nexport class SubscriptionConverter{\n\n public ConvertToSubscriptionDto(registerInfoModel: RegistrationModel) {\n\n let services = this.GetServicesRequested(registerInfoModel)\n\n let genericConsent= registerInfoModel.rgpdConsentModel === undefined? false :\n registerInfoModel.rgpdConsentModel.acceptGeneralConditions && registerInfoModel.rgpdConsentModel.allowDataHandling;\n\n let titulaireInfos = this.GetTitulaireInfos(registerInfoModel.userInfo);\n\n let contratRef = registerInfoModel.ContractReference === undefined?\"\":registerInfoModel.ContractReference;\n let edlref = registerInfoModel.ReferenceEDL === undefined?\"\":registerInfoModel.ReferenceEDL;\n\n return new SubscriptionDto(services,genericConsent, titulaireInfos,contratRef, edlref);\n }\n private GetServicesRequested(registerInfoModel: RegistrationModel) {\n let services :RequestedServiceDto[]= [];\n\n if(registerInfoModel.electricityConsentModel)\n services.push(this.ConvertElecConsentToService(registerInfoModel.electricityConsentModel))\n\n\n //TODO Uncomment when gas\n // if(registerInfoModel.gasConsentModel)\n // services.push(this.ConvertGasConsentToService(registerInfoModel.gasConsentModel));\n\n return services;\n\n }\n\n private ConvertElecConsentToService(electricityConsentModel: ElectricityConsentModel) {\n let serviceType = electricityConsentModel.userIsEnergyCheckBeneficiary? RequestedServiceTypeDto.CheckEnergyBeneficiary :\n (electricityConsentModel.wantBillableOption?RequestedServiceTypeDto.ClassicWithERL : RequestedServiceTypeDto.ClassicWithoutERL);\n\n return new RequestedServiceDto(EnergyTypeDto.Electricity,serviceType,electricityConsentModel.activateLoadCurve)\n }\n\n private ConvertGasConsentToService(gasConsentModel:GasConsentModel){\n return new RequestedServiceDto(EnergyTypeDto.Gas,RequestedServiceTypeDto.ClassicWithoutERL)\n }\n private GetTitulaireInfos(userInfo: UserInfoModel) {\n let email = userInfo.email === undefined?\"\":userInfo.email;\n let phone = userInfo.phoneNumber === undefined?\"\":userInfo.phoneNumber;\n\n return new TitulaireInfosDto(email, phone);\n }\n}\n","import {Injectable} from '@angular/core';\nimport {BehaviorSubject} from \"rxjs\";\n\n@Injectable({\n providedIn: 'root'\n})\nexport class LoadingService {\n constructor() {\n }\n\n private loadingSubject =\n new BehaviorSubject Avec le service Ma Conso Énergie de Vialis, je dispose d'un suivi au plus près de mes consommations d'énergies en € et en kWh !\n
Je souhaite bénéficier du service Ma Conso Énergie :