add page to test api

sae-csc/src/app/pages/testing-api/testing-api.html

@@ -0,0 +1,111 @@
+<div id="testingApiLand">
+
+  <h1>Test d'api CSC</h1>
+  <div class="columns">
+    <div class="column">
+      Tester les actions de l'api
+
+      <section>
+
+        <h2>
+          Login
+        </h2>
+        <sae-m-button
+          (click)="login()"
+          [kind]="'primary'" class="button" label='appel de login'>
+        </sae-m-button>
+      </section>
+      <section>
+
+        <br>
+        <h2>
+          Post /api/v1/messages
+        </h2>
+
+        entrez votre message:
+        <input [(ngModel)]="input" type="text">
+        <br>
+        <sae-m-button
+          (click)="sendMessage()"
+          [kind]="'primary'"
+          [label]="'Envoyer un message'" class="button" label='envoi de message'>
+
+        </sae-m-button>
+        <sae-bot-talks [message]="message">
+        </sae-bot-talks>
+      </section>
+      <br>
+
+    </div>
+    <div class="column">
+      <h2>Réponse</h2>
+      <pre>
+        {{ response }}
+      </pre>
+      <hr>
+      <section>
+
+      <h2>
+        Feedback
+      </h2>
+      conversationID:
+      <input [(ngModel)]="conversationID" type="text">
+      <sae-m-button
+        (click)="sendFeedback()"
+        [kind]="'secondary'" class="button"
+        label='envoi de feedback'>
+
+      </sae-m-button>
+      </section>
+      <section>
+
+      <h2>Envoi de fichier</h2>
+      <!--      <br>-->
+      <sae-m-button
+        (click)="sendFile()"
+        class="button" kind="secondary"
+        label='envoi de fichier'>
+
+      </sae-m-button>
+      </section>
+      <section>
+
+        <h2>Suppression</h2>
+        Delete /api/v1/conversations/{conversationID}
+        <sae-m-button
+          (click)="deleteConversation()"
+          class="button" kind="secondary"
+          label='suppression de conversation'>
+
+        </sae-m-button>
+      </section>
+      <section>
+
+        <h2>Get last answer </h2>
+        Get /api/v1/conversations/{conversationID}/last-answer
+
+        <sae-m-button
+          (click)="getLastAnswer()"
+          class="button" kind="secondary"
+          label='get last answer'>
+        </sae-m-button>
+      </section>
+      <section>
+        <h2>Get history</h2>
+        <sae-m-button
+          (click)="getHistory()"
+          class="button" kind="secondary"
+          label='get history'>
+        </sae-m-button>
+      </section>
+      <section>
+        <h2>Get user conversations</h2>
+        <sae-m-button
+          (click)="getUserConversations()"
+          class="button" kind="secondary"
+          label='get user conversations'>
+        </sae-m-button>
+      </section>
+    </div>
+  </div>
+</div>