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
-          each course in courses
-            .grid-list__item
-              +courseCard(course)
+          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,13 +14,16 @@ block content
   .layout-centered
     +editorialFeatures(landingPage)
   .modules-container
-    each module in landingPage.fields.contentModules
-      case module.sys.contentType.sys.id
-        when 'layoutCopy'
-          +moduleCopy(module)
+    if landingPage.fields.contentModules.length
+      each module in landingPage.fields.contentModules
+        case module.sys.contentType.sys.id
+          when 'layoutCopy'
+            +moduleCopy(module)
 
-        when 'layoutHeroImage'
-          +moduleHeroImage(module)
+          when 'layoutHeroImage'
+            +moduleHeroImage(module)
 
-        when 'layoutHighlightedCourse'
-          +moduleHighlightedCourse(module, module.fields.course)
+          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,26 +2,30 @@ 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
-      each module in lesson.fields.modules
-        if module.sys.contentType
-          case module.sys.contentType.sys.id
-            when 'lessonCodeSnippets'
-              +lessonModuleCodeSnippet(module)
-            when 'lessonCopy'
-              +lessonModuleCopy(module)
-            when 'lessonImage'
-              +lessonModuleImage(module)
-        else
-          h2 ️️#{translate('lessonModuleErrorTitle', currentLocale.code)}
-          p
-            span #{translate('lessonModuleErrorBody', currentLocale.code)}
-            strong  #{module.sys.id}
+      if lesson.fields.modules.length
+        each module in lesson.fields.modules
+          if module.sys.contentType
+            case module.sys.contentType.sys.id
+              when 'lessonCodeSnippets'
+                +lessonModuleCodeSnippet(module)
+              when 'lessonCopy'
+                +lessonModuleCopy(module)
+              when 'lessonImage'
+                +lessonModuleImage(module)
+          else
+            h2 ️️#{translate('lessonModuleErrorTitle', currentLocale.code)}
+            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)}