File

src/app/pages/end-confirmation/end-confirmation.component.ts

Extends

BaseComponent

Implements

OnInit

Metadata

selector framadate-end-confirmation
styleUrls ./end-confirmation.component.scss
templateUrl ./end-confirmation.component.html

Index

Properties
Methods

Constructor

constructor(config: ConfigService, http: HttpClient, messageService: MessageService)
Parameters :
Name Type Optional
config ConfigService No
http HttpClient No
messageService MessageService No

Methods

copyLink
copyLink(str: any)
Parameters :
Name Type Optional
str any No
Returns : void
ngOnInit
ngOnInit()
Returns : void
sendToEmail
sendToEmail()
Returns : void
checkValidity
checkValidity()
Inherited from BaseComponent
Defined in BaseComponent:21
Returns : boolean
displayErrorMessage
displayErrorMessage()
Inherited from BaseComponent
Defined in BaseComponent:27
Returns : boolean
ngOnInit
ngOnInit()
Inherited from BaseComponent
Defined in BaseComponent:17
Returns : void

Properties

Public config
Type : ConfigService
Public http
Type : HttpClient
mailToRecieve
Type : string
Default value : ''
Public config
Type : ConfigService
Inherited from BaseComponent
Defined in BaseComponent:14
import {Component, OnInit} from '@angular/core';
import {BaseComponent} from '../base-page/base.component';
import {HttpClient} from '@angular/common/http';
import {ConfigService} from "../../services/config.service";
import {MessageService} from 'primeng/api';

@Component({
    selector: 'framadate-end-confirmation',
    templateUrl: './end-confirmation.component.html',
    styleUrls: ['./end-confirmation.component.scss']
})
export class EndConfirmationComponent extends BaseComponent implements OnInit {
    mailToRecieve = '';

    constructor(public config: ConfigService,
                public http: HttpClient,
                private messageService: MessageService
    ) {
        super(config);
        this.mailToRecieve = this.config.myEmail;
    }

    ngOnInit() {
    }

    copyLink(str: any) {
        this.messageService.add({
            severity: 'success',
            summary: 'Lien copié',
            detail: str
        });
    }

    sendToEmail() {

    }
}
<h1 i18n >
    {{"resume.title"|translate}}
</h1 >
<section class="admin" >
    <h2 i18n >{{"resume.admins"|translate}}</h2 >
    <p >

        Votre sondage « 
        <span class="poll-title" >
        {{config.title}}
        </span >
         » a bien été créé !
    </p >
    <p >
        Voici les liens d’accès au sondage, conservez-les soigneusement !
        (Si vous les perdez vous pourrez toujours les recevoir par email)
    </p >

    <p >
        Pour accéder au sondage et à tous ses paramètres :
        <a href="{{config.urlAdmin}}" >{{config.urlAdmin}}
        </a >
    </p >
    <framadate-copy-text [textToCopy]='config.urlAdmin' ></framadate-copy-text >
    <a href="{{config.urlAdmin}}" >
        Voir le sondage coté administrateur·ice
    </a >
    <p class="note" >
        Note : Le sondage sera supprimé {{config.deletionDateAfterLastModification}} jours après la date de sa dernière
        modification.
    </p >

</section >
<section class="public" >

    <h2 i18n >{{"resume.users"|translate}}</h2 >
    <p >
        Pour accéder au sondage :
        <a href="{{config.urlPublic}}" >{{config.urlPublic}}
        </a >

    </p >
    <framadate-copy-text [textToCopy]='config.urlPublic' ></framadate-copy-text >
    <a href="{{config.urlPublic}}" >
        Voir le sondage
    </a >
</section >
<section class="mail" >

    <h2 i18n >{{"resume.links_mail"|translate}}</h2 >
    <p >
        Pour être sur de retrouver ces liens, nous pouvons vous les envoyer sur votre mail

        mail :
        <input
            type="email"
            [(ngModel)]="mailToRecieve"
            paceholder="email"
        >

    </p >

    <button
        class="btn btn--primary"
        (click)="sendToEmail()"
    ><i class="fa fa-paper-plane" ></i >
        Envoyer les liens du sondage
    </button >
    <a href="{{config.urlPublic}}" >
        Voir le sondage
    </a >

</section >

./end-confirmation.component.scss

:host {
    button {
        margin-right: 1em;
    }
}
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""