♻️ admin: Display api data for pilot certification pixscor

Author: mcampourcy

admin/app/components/certification-centers/information-view.hbs

@@ -31,29 +31,19 @@
   <div class="property">
     <h2 class="field__label">{{t "pages.certification-centers.information-view.feature-habilitations.title"}}</h2>
     <ul class="certification-center-information__display__habilitations-list">
-      {{#if (eq @certificationCenter.isV3Pilot true)}}
-        <li aria-label={{concat "Habilité pour " this.isV3PilotLabel}}>
-          <FaIcon class="granted-habilitation-icon" @icon="circle-check" />
-          {{this.isV3PilotLabel}}
-        </li>
-      {{else}}
-        <li aria-label={{concat "Non habilité pour " this.isV3PilotLabel}}>
-          <FaIcon class="not-granted-habilitation-icon" @icon="circle-xmark" />
-          {{this.isV3PilotLabel}}
-        </li>
-      {{/if}}
-
-      {{#if (eq @certificationCenter.isComplementaryAlonePilot true)}}
-        <li aria-label={{concat "Habilité pour " this.isComplementaryAlonePilotLabel}}>
-          <FaIcon class="granted-habilitation-icon" @icon="circle-check" />
-          {{this.isComplementaryAlonePilotLabel}}
-        </li>
-      {{else}}
-        <li aria-label={{concat "Non habilité pour " this.isComplementaryAlonePilotLabel}}>
-          <FaIcon class="not-granted-habilitation-icon" @icon="circle-xmark" />
-          {{this.isComplementaryAlonePilotLabel}}
-        </li>
-      {{/if}}
+      {{#each this.availableFeatureHabilitations as |feature|}}
+        {{#if (eq feature.isPilot true)}}
+          <li aria-label={{concat "Habilité pour " feature.label}}>
+            <FaIcon class="granted-habilitation-icon" @icon="circle-check" />
+            {{feature.label}}
+          </li>
+        {{else}}
+          <li aria-label={{concat "Non habilité pour " feature.label}}>
+            <FaIcon class="not-granted-habilitation-icon" @icon="circle-xmark" />
+            {{feature.label}}
+          </li>
+        {{/if}}
+      {{/each}}
     </ul>
   </div>
   <div class="property">

admin/app/components/certification-centers/information-view.js

@@ -8,18 +8,24 @@ export default class InformationView extends Component {
     return this.args.availableHabilitations?.sortBy('id');
   }
 
-  get externalURL() {
-    const urlDashboardPrefix = ENV.APP.CERTIFICATION_CENTER_DASHBOARD_URL;
-    return urlDashboardPrefix && urlDashboardPrefix + this.args.certificationCenter.id;
-  }
+  get availableFeatureHabilitations() {
+    const isV3Pilot = this.args.certificationCenter.isV3Pilot;
+    const isV3PilotLabel = this.intl.t(
+      'pages.certification-centers.information-view.feature-habilitations.labels.is-v3-pilot',
+    );
+    const isComplementaryAlonePilot = this.args.certificationCenter.isComplementaryAlonePilot;
+    const isComplementaryAlonePilotLabel = this.intl.t(
+      'pages.certification-centers.information-view.feature-habilitations.labels.is-complementary-alone-pilot',
+    );
 
-  get isV3PilotLabel() {
-    return this.intl.t('pages.certification-centers.information-view.feature-habilitations.labels.is-v3-pilot');
+    return [
+      { isPilot: isV3Pilot, label: isV3PilotLabel },
+      { isPilot: isComplementaryAlonePilot, label: isComplementaryAlonePilotLabel },
+    ];
   }
 
-  get isComplementaryAlonePilotLabel() {
-    return this.intl.t(
-      'pages.certification-centers.information-view.feature-habilitations.labels.is-complementary-alone-pilot',
-    );
+  get externalURL() {
+    const urlDashboardPrefix = ENV.APP.CERTIFICATION_CENTER_DASHBOARD_URL;
+    return urlDashboardPrefix && urlDashboardPrefix + this.args.certificationCenter.id;
   }
 }

admin/app/models/certification-center.js

@@ -14,6 +14,7 @@ export default class CertificationCenter extends Model {
   @attr() dataProtectionOfficerLastName;
   @attr() dataProtectionOfficerEmail;
   @attr() isV3Pilot;
+  @attr() isComplementaryAlonePilot;
 
   @hasMany('complementary-certification') habilitations;