Tai/Aberwyn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

New stuff

Browse Source
This commit is contained in:
Elias Jansson
2025-02-24 15:43:47 +01:00
parent 36429beada
commit 4635724569
22 changed files with 1493 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
Aberwyn/Views/Home/Menu.cshtml Normal file
View File

@@ -0,0 +1,98 @@
@model Aberwyn.Models.MenuViewModel
@{
Layout = "_Layout";
}
<!DOCTYPE html>
<html lang="en" ng-app="mealMenuApp">
<head>
<meta charset="utf-8">
<title>Meal Menu Overview</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
<script src="~/js/menu.js"></script>
<link rel="stylesheet" type="text/css" href="~/css/meal-menu.css">
</head>
<body ng-controller="MealMenuController">
<div class="meal-menu-page">
<h1 class="page-title">Meal Menu Overview</h1>
<div class="date-picker">
<button type="button" class="date-btn" ng-click="goToPreviousWeek()">Previous Week</button>
<span class="week-info">Week {{ selectedWeek }} - {{ selectedYear }}</span>
<button type="button" class="date-btn" ng-click="goToNextWeek()">Next Week</button>
</div>
<div class="mode-toggle">
<button ng-click="toggleEditMode()" ng-show="!isEditing" class="mode-btn">Edit</button>
<button ng-click="toggleEditMode()" ng-show="isEditing" class="mode-btn">View</button>
</div>
<div class="meal-menu-container">
<div ng-repeat="day in daysOfWeek" class="day-item">
<div class="day-header">{{ day }}</div>
<div class="meal-info" ng-if="!isEditing">
<div ng-if="menu[day]">
<div ng-if="menu[day].breakfastMealName">
<span><strong>Breakfast:</strong> {{ menu[day].breakfastMealName }}</span>
</div>
<div ng-if="menu[day].lunchMealName">
<span><strong>Lunch:</strong> {{ menu[day].lunchMealName }}</span>
</div>
<div ng-if="menu[day].dinnerMealName">
<span><strong>Dinner:</strong> {{ menu[day].dinnerMealName }}</span>
</div>
</div>
<div ng-if="!menu[day]">
<span class="not-assigned">Not Assigned</span>
</div>
</div>
<div class="meal-edit" ng-if="isEditing">
<div>
<strong>Breakfast:</strong>
<select ng-model="menu[day].breakfastMealId" ng-change="handleMealSelection(day, 'breakfast')"
ng-options="meal.id as meal.name for meal in meals">
<option value="">Select Meal</option>
<option value="new">New Meal</option>
</select>
</div>
<div>
<strong>Lunch:</strong>
<select ng-model="menu[day].lunchMealId" ng-change="handleMealSelection(day, 'lunch')"
ng-options="meal.id as meal.name for meal in meals">
<option value="">Select Meal</option>
<option value="new">New Meal</option>
</select>
</div>
<div>
<strong>Dinner:</strong>
<select ng-model="menu[day].dinnerMealId" ng-change="handleMealSelection(day, 'dinner')"
ng-options="meal.id as meal.name for meal in meals">
<option value="">Select Meal</option>
<option value="new">New Meal</option>
</select>
</div>
</div>
</div>
<button ng-if="isEditing" ng-click="saveMenu()" class="save-btn">Save Menu</button>
</div>
<div class="new-meal-form" ng-if="isEditing">
<h3>Add a New Meal</h3>
<input type="text" placeholder="Meal Name" ng-model="newMeal.name">
<input type="text" placeholder="Description" ng-model="newMeal.description">
<input type="text" placeholder="Protein Type" ng-model="newMeal.proteinType">
<input type="text" placeholder="Carb Type" ng-model="newMeal.carbType">
<input type="text" placeholder="Recipe URL" ng-model="newMeal.recipeUrl">
<button ng-click="saveNewMeal()">Save Meal</button>
<button ng-click="cancelNewMeal()">Cancel</button>
</div>
</div>
</body>
</html>