feat: Add empty content module (#111)

* Add empty content module

* Make Bene Happy again

i18n/locales/de-DE.json

@@ -105,6 +105,7 @@
   "usingServerCredentialsLabel": "Die Beispielanwendung verwendet derzeit serverseitig gespeicherte Anmeldeinformationen zum Herstellen einer Verbindung mit einem Contentful-Space.",
   "usingSessionCredentialsLabel": "Die Beispielanwendung verwendet derzeit Anmeldeinformationen von der Anwendungssitzung, um eine Verbindung zu einem Contentful-Space herzustellen.",
   "applicationCredentialsLabel": "Anmeldeinformationen für die Anwendungssitzung",
+  "noContentLabel": "Keinen Inhalt gefunden.",
   "errorHighlightedCourse": "⚠️ Dieser Kurs wurde nicht veröffentlicht oder existiert nicht.",
   "somethingWentWrongLabel": "Hmm, etwas ging schief.",
   "errorMessage404Route": "Diese Seite existiert nicht.",

i18n/locales/en-US.json

@@ -105,6 +105,7 @@
   "usingServerCredentialsLabel": "The example app is currently using server side stored credentials to connect to a Contentful space.",
   "usingSessionCredentialsLabel": "The example app is currently using application session stored credentials to connect to a Contentful space.",
   "applicationCredentialsLabel": "Application session credentials",
+  "noContentLabel": "No content found.",
   "errorHighlightedCourse": "⚠️ The course is not published or does not exist.",
   "somethingWentWrongLabel": "Oops, something went wrong",
   "errorMessage404Route": "The page you are trying to open does not exist.",

views/courses.pug

@@ -2,6 +2,7 @@ extends layout
 
 include mixins/_breadcrumb
 include mixins/_courseCard
+include mixins/_emptyModule
 
 block content
   .layout-no-sidebar
@@ -35,6 +36,9 @@ block content
                 .editorial-features__hint-message #{translate('editorialFeaturesHint', currentLocale.code)}
 
         .grid-list
+          if courses.length
             each course in courses
               .grid-list__item
                 +courseCard(course)
+          else
+            +emptyModule()

views/landingPage.pug

@@ -5,6 +5,7 @@ include mixins/_editorialFeatures
 include mixins/_moduleCopy
 include mixins/_moduleHeroImage
 include mixins/_moduleHighlightedCourse
+include mixins/_emptyModule
 
 block content
   if currentPath !== '/'
@@ -13,6 +14,7 @@ block content
   .layout-centered
     +editorialFeatures(landingPage)
   .modules-container
+    if landingPage.fields.contentModules.length
       each module in landingPage.fields.contentModules
         case module.sys.contentType.sys.id
           when 'layoutCopy'
@@ -23,3 +25,5 @@ block content
 
           when 'layoutHighlightedCourse'
             +moduleHighlightedCourse(module, module.fields.course)
+    else
+      +emptyModule()

views/mixins/_emptyModule.pug

@@ -0,0 +1,7 @@
+mixin emptyModule()
+  .module
+    h1 ️️#{translate('noContentLabel', currentLocale.code)}
+    h2 ️️#{translate('hintsLabel', currentLocale.code)}
+    ul
+      li ️️#{translate('notFoundErrorHint', currentLocale.code)}
+      li ️️#{translate('draftOrPublishedErrorHint', currentLocale.code)}

views/mixins/_lesson.pug

@@ -2,12 +2,14 @@ include _editorialFeatures
 include _lessonModuleCodeSnippet
 include _lessonModuleCopy
 include _lessonModuleImage
+include _emptyModule
 
 mixin lesson(lesson, course, nextLesson)
   .lesson
     h1.lesson__title #{lesson.fields.title}
     +editorialFeatures(lesson)
     .lesson__modules
+      if lesson.fields.modules.length
         each module in lesson.fields.modules
           if module.sys.contentType
             case module.sys.contentType.sys.id
@@ -22,6 +24,8 @@ mixin lesson(lesson, course, nextLesson)
             p
               span #{translate('lessonModuleErrorBody', currentLocale.code)}
               strong  #{module.sys.id}
+      else
+        +emptyModule()
     if nextLesson
       a.lesson__cta.cta(href=`/courses/${course.fields.slug}/lessons/${nextLesson.fields.slug}${queryString}`) #{translate('nextLessonLabel', currentLocale.code)}