feat: add message when meal plan is empty

zanix · Apr 1, 2024 · 11d0427 · 11d0427
1 parent 6368f58
commit 11d0427
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 1 deletion.
diff --git a/MMM-MealieMenu.css b/MMM-MealieMenu.css
@@ -81,3 +81,7 @@
  color: #fff;
  font-size: calc(var(--font-size-medium) - 0.3rem);
 }
+
+.MMM-MealieMenu .meal-empty {
+ text-align: center;
+}
diff --git a/MMM-MealieMenu.js b/MMM-MealieMenu.js
@@ -137,7 +137,8 @@ Module.register("MMM-MealieMenu", {
  getTemplateData () {
  return {
  phrases: {
- loading: this.translate("LOADING")
+ loading: this.translate("LOADING"),
+ emptyMealPlan: this.translate("MEALIE_EMPTY_MEALPLAN")
  },
  hasError: Boolean(this.error),
  error: this.error,

diff --git a/MMM-MealieMenu.njk b/MMM-MealieMenu.njk
@@ -33,6 +33,12 @@
  </div>
  </div>
  {% endfor %}
+
+ {% if menu.meals | length == 0 %}
+ <div class="meal-empty">
+ {{ phrases.emptyMealPlan | safe }}
+ </div>
+ {% endif %}
  </div>
 
  <div class="meta-timestamp" id="{{ moduleTimestampIdPrefix + identifier }}" data-timestamp="{{ timestamp }}">

diff --git a/translations/en.json b/translations/en.json
@@ -9,6 +9,7 @@
  "FETCH_ERROR": "Fetch Error: There was an error fetching data from Mealie.",
  "MEALIE_SUSPEND": "Function suspend - module: {name} with identifier: {identifier}",
  "MEALIE_RESUME": "Function resume - module: {name} with identifier: {identifier}",
+ "MEALIE_EMPTY_MEALPLAN": "There are no meals planned.",
  "MEAL_TYPES": {
  "breakfast": "Breakfast",
  "lunch": "Lunch",