Sorted by current day in meal plan

cookbook/templates/base.html

@@ -86,11 +86,12 @@
             </a>
         {% endif %}
     {% endif %}
-
+    
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText"
             aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
     </button>
+    
 
     {% if request.user.userpreference.left_handed %}
         {% if not request.user.is_authenticated or request.user.userpreference.theme == request.user.userpreference.TANDOOR %}

vue/src/apps/MealPlanView/MealPlanView.vue

@@ -363,20 +363,26 @@ export default {
             }
         },
         mobileSimpleGrid() {
-            let grid = []
+            let grid = [];
-
+            let currentDate = moment();
-            if (this.current_period !== null) {
+            for (let x = 0; x < 7; x++) {
-                for (const x of Array(7).keys()) {
+                let moment_date = currentDate.clone().add(x, "d");
-                    let moment_date = moment(this.current_period.periodStart).add(x, "d")
+                grid.push({
-                    grid.push({
+                    date: moment_date,
-                        date: moment_date,
+                    create_default_date: moment_date.format("YYYY-MM-DD"),
-                        create_default_date: moment_date.format("YYYY-MM-DD"), // improve meal plan edit modal to do formatting itself and accept dates
+                    date_label: moment_date.format("dd") + " " + moment_date.format("ll"),
-                        date_label: moment_date.format("dd") + " " + moment_date.format("ll"),
+                    plan_entries: this.plan_items.filter(
-                        plan_entries: this.plan_items.filter((m) => moment_date.isBetween(moment(m.startDate), moment(m.endDate), 'day', '[]'))
+                        (m) =>
-                    })
+                            moment_date.isBetween(
-                }
+                                moment(m.startDate),
+                                moment(m.endDate),
+                                'day',
+                                '[]'
+                            )
+                    ),
+                });
             }
-            return grid
+            return grid;
         }
     },
     mounted() {

vue/src/components/RecipeContextMenu.vue

@@ -1,5 +1,6 @@
 <template>
     <div>
+        <link rel="stylesheet" type="text/css" href="print.css" media="print">
         <div class="dropdown d-print-none">
             <a class="btn shadow-none pr-0 pl-0" href="javascript:void(0);" role="button" id="dropdownMenuLink"
                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

vue/src/components/print.css

@@ -0,0 +1,6 @@
+@media print {
+    body {
+      color: black;        /* Set text color to black */
+      background: white;   /* Set background color to white */
+    }
+}