richie-education 3.3.1-dev9 → 3.3.2-dev10

package/js/widgets/SyllabusCourseRunsList/components/SyllabusCourseRunCompacted/index.tsx

@@ -34,13 +34,18 @@ const messages = defineMessages({
   selfPaceRunPeriod: {
     id: 'components.SyllabusCourseRunCompacted.selfPaceCoursePeriod',
     description: 'Course date of an opened and self paced course run block',
-    defaultMessage: 'Available until {endDate}',
+    defaultMessage: 'Until {endDate, select, undefined {} other {{endDate}}}',
   },
   selfPaceNoEndDate: {
     id: 'components.SyllabusCourseRunCompacted.selfPaceNoEndDate',
     description: 'Self paced course run block with no end date',
     defaultMessage: 'Available',
   },
+  enrollment: {
+    id: 'components.SyllabusCourseRun.enrollment',
+    description: 'Title of the enrollment dates section of an opened course run block',
+    defaultMessage: 'Enrollment',
+  },
   coursePrice: {
     id: 'components.SyllabusCourseRunCompacted.coursePrice',
     description: 'Title of the course enrollment price section of an opened course run block',
@@ -105,6 +110,7 @@ const OpenedSelfPacedCourseRun = ({
   let enrollmentDiscountedPrice = '';
   let certificatePrice = '';
   let certificateDiscountedPrice = '';
+  const enrollmentEnd = courseRun.enrollment_end ? formatDate(courseRun.enrollment_end) : '...';
 
   if (courseRun.offer) {
     const offer = courseRun.offer.toUpperCase().replaceAll(' ', '_');
@@ -157,23 +163,41 @@ const OpenedSelfPacedCourseRun = ({
     <>
       {courseRun.title && <h3>{StringHelper.capitalizeFirst(courseRun.title)}</h3>}
       <dl>
-        {!showLanguages && (
-          <dt>
-            <FormattedMessage {...messages.course} />
-          </dt>
+        {hasEndDate ? (
+          <>
+            <dt>
+              <FormattedMessage {...messages.enrollment} />
+            </dt>
+            <dd>
+              <FormattedMessage
+                {...messages.selfPaceRunPeriod}
+                values={{
+                  endDate: enrollmentEnd,
+                }}
+              />
+            </dd>
+            <dt>
+              <FormattedMessage {...messages.course} />
+            </dt>
+            <dd>
+              <FormattedMessage
+                {...messages.selfPaceRunPeriod}
+                values={{
+                  endDate: end,
+                }}
+              />
+            </dd>
+          </>
+        ) : (
+          <>
+            <dt>
+              <FormattedMessage {...messages.enrollment} />
+            </dt>
+            <dd>
+              <FormattedMessage {...messages.selfPaceNoEndDate} />
+            </dd>
+          </>
         )}
-        <dd>
-          {hasEndDate ? (
-            <FormattedMessage
-              {...messages.selfPaceRunPeriod}
-              values={{
-                endDate: end,
-              }}
-            />
-          ) : (
-            <FormattedMessage {...messages.selfPaceNoEndDate} />
-          )}
-        </dd>
         {!showLanguages && (
           <>
             <dt>

package/js/widgets/SyllabusCourseRunsList/index.spec.tsx

@@ -172,7 +172,7 @@ describe('<SyllabusCourseRunsList/>', () => {
     });
     const runContainer = heading.parentNode! as HTMLElement;
     const courseDatesText = courseRun.end
-      ? `Available until ${intl.formatDate(new Date(courseRun.end), DEFAULT_DATE_FORMAT)}`
+      ? `Until ${intl.formatDate(new Date(courseRun.end), DEFAULT_DATE_FORMAT)}`
       : `Available`;
 
     const courseDatesContainer = getByText(runContainer, courseDatesText);
@@ -221,7 +221,7 @@ describe('<SyllabusCourseRunsList/>', () => {
   const expectEmptyPortalContainer = () => {
     // This way of testing is a bit hard but we are SURE that there is no other content. This way
     // we are also testing the absence of other elements.
-    expect(getPortalContainer().textContent).toEqual('Other course runsNo other course runs');
+    expect(getPortalContainer().textContent).toContain('Other course runs');
   };
 
   it('has no opened course run', async () => {
@@ -390,10 +390,13 @@ describe('<SyllabusCourseRunsList/>', () => {
     const courseRun = CourseRunFactoryFromPriority(Priority.ONGOING_OPEN)({
       resource_link: resourceLink,
     }).one();
+    const archivedCourseRun = CourseRunFactoryFromPriority(Priority.ARCHIVED_CLOSED)({
+      resource_link: resourceLink,
+    }).one();
 
     render(
       <SyllabusCourseRunsList
-        courseRuns={[courseRun]}
+        courseRuns={[courseRun, archivedCourseRun]}
         course={course}
         maxArchivedCourseRuns={MAX_ARCHIVED_COURSE_RUNS}
       />,
@@ -412,12 +415,42 @@ describe('<SyllabusCourseRunsList/>', () => {
     expectEmptyPortalContainer();
   });
 
+  it('has only one opened product', async () => {
+    const course = PacedCourseFactory().one();
+    const offering = OfferingFactory().one();
+    const resourceLink = `https://joanie.endpoint/api/v1.0/courses/${course.code}/products/${offering.product.id}/`;
+    fetchMock.get(resourceLink, offering);
+
+    const courseRun = CourseRunFactoryFromPriority(Priority.ONGOING_OPEN)({
+      resource_link: resourceLink,
+    }).one();
+
+    render(
+      <SyllabusCourseRunsList
+        courseRuns={[courseRun]}
+        course={course}
+        maxArchivedCourseRuns={MAX_ARCHIVED_COURSE_RUNS}
+      />,
+      {
+        queryOptions: { client: createTestQueryClient({ user: null }) },
+      },
+    );
+
+    // Header.
+    expect(getHeaderContainer().querySelectorAll('.course-detail__run-descriptions').length).toBe(
+      1,
+    );
+    await expectCourseProduct(getHeaderContainer(), offering);
+  });
+
   it('renders a specific title in portal when there is one opened course run', () => {
     const course = PacedCourseFactory().one();
+    const ongoingOpenCourseRun = CourseRunFactoryFromPriority(Priority.ONGOING_OPEN)().one();
+    const archivedCourseRun = CourseRunFactoryFromPriority(Priority.ARCHIVED_CLOSED)().one();
 
     render(
       <SyllabusCourseRunsList
-        courseRuns={[CourseRunFactoryFromPriority(Priority.ONGOING_OPEN)().one()]}
+        courseRuns={[ongoingOpenCourseRun, archivedCourseRun]}
         course={course}
         maxArchivedCourseRuns={MAX_ARCHIVED_COURSE_RUNS}
       />,

package/js/widgets/cunningham-fr-FR-locale.json

@@ -0,0 +1,80 @@
+{
+  "components": {
+    "alert": {
+      "close_aria_label": "Supprimer l'alerte",
+      "expand_aria_label": "Ouvrir l'alerte",
+      "shrink_aria_label": "Fermer l'alerte"
+    },
+    "pagination": {
+      "goto_label": "Aller à",
+      "goto_label_aria": "Aller à la page",
+      "next_aria": "Aller à la page suivante",
+      "previous_aria": "Aller à la page précédente",
+      "goto_page_aria": "Aller à la page {page}",
+      "current_page_aria": "Vous êtes actuellement sur la page {page}"
+    },
+    "datagrid": {
+      "empty": "Ce tableau est vide",
+      "empty_alt": "Illustration d'un tableau vide",
+      "loader_aria": "Chargement des données",
+      "rows_selection_aria": "Toutes les lignes sélectionnées",
+      "row_selection_aria": "Ligne sélectionnée"
+    },
+    "provider": {
+      "test": "Ceci est un test : {name}"
+    },
+    "forms": {
+      "input": {
+        "password": {
+          "show_password": "Afficher le mot de passe",
+          "hide_password": "Masquer le mot de passe"
+        }
+      },
+      "select": {
+        "toggle_button_aria_label": "Ouvrir le menu",
+        "clear_button_aria_label": "Effacer la sélection",
+        "clear_all_button_aria_label": "Effacer toutes les sélections",
+        "menu_empty_placeholder": "Aucun choix disponible"
+      },
+      "file_uploader": {
+        "delete_file_name": "Supprimer le fichier {name}",
+        "delete_file": "Supprimer le fichier",
+        "uploading": "Upload en cours ...",
+        "caption": "Glisser-déposer ou ",
+        "browse_files": "Parcourir"
+      },
+      "date_picker": {
+        "toggle_button_aria_label_open": "Ouvrir le calendrier",
+        "toggle_button_aria_label_close": "Fermer le calendrier",
+        "clear_button_aria_label": "Effacer la date",
+        "next_month_button_aria_label": "Mois suivant",
+        "next_year_button_aria_label": "Année suivante",
+        "previous_month_button_aria_label": "Mois précédent",
+        "previous_year_button_aria_label": "Année précédente",
+        "year_select_button_aria_label": "Sélectionner une année",
+        "month_select_button_aria_label": "Sélectionner un mois"
+      }
+    },
+    "modals": {
+      "helpers": {
+        "delete_confirmation": {
+          "title": "Êtes-vous sûr ?",
+          "children": "Êtes-vous sûr de vouloir supprimer cet élément ?",
+          "cancel": "Annuler",
+          "delete": "Supprimer"
+        },
+        "confirmation": {
+          "title": "Êtes-vous sûr ?",
+          "children": "Êtes-vous sûr de vouloir faire cela ?",
+          "cancel": "Annuler",
+          "yes": "Oui"
+        },
+        "disclaimer": {
+          "title": "Avertissement",
+          "children": "Ceci est un avertissement",
+          "ok": "Ok"
+        }
+      }
+    }
+  }
+}

package/js/widgets/index.tsx

@@ -4,6 +4,7 @@ import startCase from 'lodash-es/startCase';
 import { lazy, Suspense } from 'react';
 import ReactDOM from 'react-dom';
 import { CunninghamProvider } from '@openfun/cunningham-react';
+import cunninghamFrFRLocale from 'widgets/cunningham-fr-FR-locale.json';
 import { HistoryProvider } from 'hooks/useHistory';
 import { SessionProvider } from 'contexts/SessionContext';
 import { Spinner } from 'components/Spinner';
@@ -105,7 +106,11 @@ export const Root = ({ richieReactSpots, locale = 'en-US' }: RootProps) => {
   });
 
   return (
-    <CunninghamProvider currentLocale={locale}>
+    <CunninghamProvider
+      currentLocale={locale}
+      // TODO: remove customLocales and the cunningham-fr-FR-locale.json file once Cunningham is upgraded to v4+
+      customLocales={{ 'fr-FR': cunninghamFrFRLocale }}
+    >
       <SessionProvider>
         <HistoryProvider>
           <Suspense fallback={<Spinner />}>{portals}</Suspense>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "richie-education",
-  "version": "3.3.1-dev9",
+  "version": "3.3.2-dev10",
   "description": "A CMS to build learning portals for Open Education",
   "main": "sandbox/manage.py",
   "scripts": {
@@ -9,6 +9,7 @@
     "extract-translations": "formatjs extract './**/*.ts*' --ignore ./node_modules --ignore './**/*.d.ts' --out-file './i18n/frontend.json' --id-interpolation-pattern '[sha512:contenthash:base64:6]' --format crowdin",
     "compile-translations": "./i18n/compile-translations.js",
     "lint": "eslint . 'js/**/*.ts?(x)'",
+    "prettier-check": "prettier --check 'js/**/*.+(ts|tsx|json|js|jsx)' '*.+(ts|tsx|json|js|jsx)' '**/*.+(css|scss)'",
     "prettier-write": "prettier --write 'js/**/*.+(ts|tsx|json|js|jsx)' '*.+(ts|tsx|json|js|jsx)' '**/*.+(css|scss)'",
     "build-sass": "sass scss/_main.scss ../richie/static/richie/css/main.css --load-path=node_modules",
     "build-sass-production": "sass scss/_main.scss ../richie/static/richie/css/main.css --style=compressed --load-path=node_modules",