✨ admin: create new flash algo config

1024pix · Jul 1, 2024 · 60951aa · 60951aa
1 parent aa884ce
commit 60951aa
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 9 deletions.
diff --git a/admin/app/adapters/flash-algorithm-configuration.js b/admin/app/adapters/flash-algorithm-configuration.js
@@ -7,4 +7,9 @@ export default class FlashAlgorithmConfigurationAdapter extends ApplicationAdapt
     const url = `${this.host}/${this.namespace}/flash-assessment-configuration`;
     return this.ajax(url, 'GET');
   }
+
+  createRecord(_modelName, flashAlgorithmConfiguration) {
+    const url = `${this.host}/${this.namespace}/flash-assessment-configuration`;
+    return this.ajax(url, 'POST', { flashAlgorithmConfiguration });
+  }
 }
diff --git a/admin/app/components/administration/certification/flash-algorithm-configuration.gjs b/admin/app/components/administration/certification/flash-algorithm-configuration.gjs
@@ -1,8 +1,11 @@
 import PixBlock from '@1024pix/pix-ui/components/pix-block';
 import PixButton from '@1024pix/pix-ui/components/pix-button';
 import PixInput from '@1024pix/pix-ui/components/pix-input';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
+import { t } from 'ember-intl';
 
 export default class FlashAlgorithmConfiguration extends Component {
   @tracked form = {
@@ -16,6 +19,22 @@ export default class FlashAlgorithmConfiguration extends Component {
     enablePassageByAllCompetences: this.args.model.enablePassageByAllCompetences,
   }
 
+  @action
+  onCreateFlashAlgorithmConfiguration(event) {
+    event.preventDefault();
+    console.log('creating configuration', this.form)
+  }
+
+  @action
+  updateNumberValues(event) {
+    this.form = {...this.form, [event.target.id]: event.target.value}
+  }
+
+  @action
+  updateCheckboxValues(event) {
+    this.form = {...this.form, [event.target.id]: event.target.checked}
+  }
+
   <template>
     <PixBlock class="page-section">
 
@@ -24,42 +43,43 @@ export default class FlashAlgorithmConfiguration extends Component {
       </h2>
 
       <form class="flash-algorithm-configuration-form">
-        <PixInput @id="maximumAssessmentLength" @value={{this.form.maximumAssessmentLength}} type="number">
+        <PixInput {{on "input" this.updateNumberValues}} @id="maximumAssessmentLength" @value={{this.form.maximumAssessmentLength}} type="number">
           <:label>Nombre de questions</:label>
         </PixInput>
 
-        <PixInput @id="warmUpLength" @value={{this.form.warmUpLength}} type="number">
+        <PixInput {{on "input" this.updateNumberValues}} @id="warmUpLength" @value={{this.form.warmUpLength}} type="number">
           <:label>Nombre de questions d'entrainement</:label>
         </PixInput>
 
-        <PixInput @id="challengesBetweenSameCompetence" @value={{this.form.challengesBetweenSameCompetence}} type="number">
+        <PixInput {{on "input" this.updateNumberValues}} @id="challengesBetweenSameCompetence" @value={{this.form.challengesBetweenSameCompetence}} type="number">
           <:label>Nombre de questions entre 2 questions de la même compétence</:label>
         </PixInput>
 
-        <PixInput @id="variationPercent" @value={{this.form.variationPercent}} type="number">
+        <PixInput {{on "input" this.updateNumberValues}} @id="variationPercent" @value={{this.form.variationPercent}} type="number">
           <:label>Capage de la capacité (en % )</:label>
         </PixInput>
 
-        <PixInput @id="variationPercentUntil" @value={{this.form.variationPercentUntil}} type="number">
+        <PixInput {{on "input" this.updateNumberValues}} @id="variationPercentUntil" @value={{this.form.variationPercentUntil}} type="number">
           <:label>Nombre de questions pour le capage de la capacité</:label>
         </PixInput>
 
-        <PixInput @id="doubleMeasuresUntil" @value={{this.form.doubleMeasuresUntil}} type="number">
+        <PixInput {{on "input" this.updateNumberValues}} @id="doubleMeasuresUntil" @value={{this.form.doubleMeasuresUntil}} type="number">
           <:label>Nombre de questions pour la double mesure</:label>
         </PixInput>
 
-        <PixInput @id="limitToOneQuestionPerTube" @value={{this.form.limitToOneQuestionPerTube}} checked={{this.form.limitToOneQuestionPerTube}} type="checkbox">
+        <PixInput {{on "input" this.updateCheckboxValues}} @id="limitToOneQuestionPerTube" @value={{this.form.limitToOneQuestionPerTube}} checked={{this.form.limitToOneQuestionPerTube}} type="checkbox">
           <:label>Limiter à une question par sujet</:label>
         </PixInput>
 
-        <PixInput @id="enablePassageByAllCompetences" @value={{this.form.enablePassageByAllCompetences}} checked={{this.form.enablePassageByAllCompetences}} type="checkbox">
+        <PixInput {{on "input" this.updateCheckboxValues}} @id="enablePassageByAllCompetences" @value={{this.form.enablePassageByAllCompetences}} checked={{this.form.enablePassageByAllCompetences}} type="checkbox">
           <:label>Forcer le passage par les 16 compétences</:label>
         </PixInput>
 
         <PixButton
           class="scoring-simulator__form-button"
           @type="submit"
-        >Créer</PixButton>
+          @triggerAction={{this.onCreateFlashAlgorithmConfiguration}}
+        >{{t "pages.administration.certification.scoring-simulator.actions.submit"}}</PixButton>
       </form>
     </PixBlock>
   </template>