Merge pull request #53 from Potits-chats/LMST2-54-Formulaire-signaler…

…-un-bug

Add bug report

src/app/app-routing.module.ts

@@ -15,6 +15,7 @@ import { CguComponent } from './components/cgu/cgu.component';
 import { ErreurComponent } from './components/erreur/erreur.component';
 import { AuthGuard } from '@auth0/auth0-angular';
 import { TchatComponent } from './components/tchat/tchat.component';
+import { BugComponent } from './components/bug/bug.component';
 
 const routes: Routes = [
   {
@@ -74,6 +75,10 @@ const routes: Routes = [
     path : 'callback',
     component : HomeComponent
   },
+  {
+    path: 'bug',
+    component: BugComponent
+  },
   {
     path: '**',
     redirectTo: 'erreur',

src/app/app.module.ts

@@ -44,6 +44,8 @@ import { FileUploadModule } from 'primeng/fileupload';
 import { AccordionModule } from 'primeng/accordion';
 
 import { ToastModule } from 'primeng/toast';
+import { BugComponent } from './components/bug/bug.component';
+
 
 @NgModule({
   declarations: [
@@ -67,6 +69,7 @@ import { ToastModule } from 'primeng/toast';
     TchatComponent,
     TchatIconComponent,
     TchatMessageComponent,
+    BugComponent,
   ],
   imports: [
     BrowserModule,

src/app/components/bug/bug.component.html

@@ -0,0 +1,5 @@
+<!-- bug-report.component.html -->
+<div class="iframe-container">
+    <iframe scrolling="no" data-tally-src="https://tally.so/embed/woBOee" width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0" title="Signaler un bug" style="width: 100%; height: 100%; border: none; scrollbar-width: none!important;"></iframe>
+</div>
+

src/app/components/bug/bug.component.scss

@@ -0,0 +1,19 @@
+/* bug-report.component.css */
+.iframe-container {
+    position: relative;
+    width: 100%;
+    height: 100vh; /* Utilisez 100vh pour occuper toute la hauteur de la fenêtre */
+    overflow: hidden;
+  }
+
+  .iframe-container iframe {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: none;
+  }
+

src/app/components/bug/bug.component.spec.ts

@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BugComponent } from './bug.component';
+
+describe('BugComponent', () => {
+  let component: BugComponent;
+  let fixture: ComponentFixture<BugComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [BugComponent]
+    });
+    fixture = TestBed.createComponent(BugComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/bug/bug.component.ts

@@ -0,0 +1,18 @@
+import { AfterViewInit, Component } from '@angular/core';
+
+@Component({
+  selector: 'app-bug',
+  templateUrl: './bug.component.html',
+  styleUrls: ['./bug.component.scss']
+})
+export class BugComponent implements AfterViewInit {
+
+  constructor() { }
+
+  ngAfterViewInit(): void {
+    const script = document.createElement('script');
+    script.src = 'https://tally.so/widgets/embed.js';
+    script.async = true;
+    document.body.appendChild(script);
+  }
+}