File

src/app/integrations/integration/java-script/java-script.component.ts

Metadata

selector	`bgui-java-script`
standalone	`true`
imports	`CommonModule` `CarouselComponent` `MatFormFieldModule` `MatCardModule` `MatCardTitle` `ReactiveFormsModule` `MatInputModule` `MatInputModule` `MatButtonModule` `MatIconModule` `MatCheckboxModule` `RouterLink` `FormsModule`
templateUrl	`./java-script.component.html`
styleUrl	`./java-script.component.scss`

import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
import { MatButtonModule } from '@angular/material/button';
import { MatCardModule, MatCardTitle } from '@angular/material/card';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatIconModule } from '@angular/material/icon';
import { MatInputModule } from '@angular/material/input';
import { RouterLink } from '@angular/router';
import { CarouselComponent } from 'src/app/shared/carousel/carousel.component';

@Component({
  selector: 'bgui-java-script',
  standalone: true,
  imports: [
    CommonModule,
    CarouselComponent,
    MatFormFieldModule,
    MatCardModule,
    MatCardTitle,
    ReactiveFormsModule,
    MatInputModule,
    MatInputModule,
    MatButtonModule,
    MatIconModule,
    MatCheckboxModule,
    RouterLink,
    FormsModule,
  ],
  templateUrl: './java-script.component.html',
  styleUrl: './java-script.component.scss',
})
export class JavaScriptComponent {}

<div class="page-title">
  <h3>Integration - <span class="semi-bold">JavaScript</span></h3>
</div>
<section>
  <div class="row" style="margin-top: 40px">
    <div class="col-md-7">
      <mat-card class="grid simple transparent">
        <mat-card-header>
          <mat-card-title>
            <h4>API <span class="semi-bold">JS</span></h4>
          </mat-card-title>
        </mat-card-header>
        <mat-card-content>
          <p>
            Beasy est une plateforme web qui vous permet d'effectuer vos
            paiements en ligne en temps réel, en toute sécurité et de
            partout.<br />
            Cette solution permet de payer en ligne, à partir d'un compte mobile
            Money (Orange, MTN, Moov) ou une carte de crédit (Visa ou
            MasterCard).
          </p>
        </mat-card-content>
      </mat-card>
    </div>
    <div class="col-md-5">
      <mat-card class="grid simple" style="border: none">
        <mat-card-header>
          <mat-card-title>
            <h4>JS</h4>
          </mat-card-title>
        </mat-card-header>
        <mat-card-content>
          <div class="row">
            <div class="col-md-6">
              <img
                src="https://cdn.pixabay.com/photo/2015/04/23/17/41/javascript-736400_1280.png"
                style="width: 100%"
                alt="Logo JavaScript" />
            </div>
            <div class="col-md-6">
              <mat-form-field>
                <mat-label>ID MARCHAND</mat-label>
                <input matInput type="text" readonly value="PP-F2736" />
              </mat-form-field>
            </div>
          </div>
          <br /><br />
          <div class="row">
            <div class="col-md-6">
              <a
                mat-button
                href="_files/PaiementPro-Dart-V1.0.1.pdf"
                download=""
                >Télécharger la documentation
                <mat-icon>file_download</mat-icon></a
              >
            </div>
            <div class="col-md-6">
              <a
                mat-button
                href="_files/PaiementPro-Dart-V1.0.1.pdf"
                target="_blank"
                >Visualiser la documentation <mat-icon>description</mat-icon></a
              >
            </div>
          </div>
        </mat-card-content>
      </mat-card>
    </div>
  </div>
</section>

Legend

Html element

Component

Html element with directive

File

Metadata

results matching ""

No results matching ""