From nihal
<div class="main-container">
<div class="top-row">
<h1 class="main-title">Online Restaurant Management System</h1>
</div>
<hr />
<div class="button-box">
<a routerLink="/add">Add Menu</a>
<br />
<a routerLink="/view">View Menu</a>
</div>
<footer>
<small>© 2025 EmpId 2797212 Om</small>
</footer>
</div>
...
<div class="main-container">
<div class="top-row">
<h1 class="main-title">Online Restaurant Management System</h1>
</div>
<hr />
<div class="form-container">
<h2>Add Menu</h2>
<div *ngIf="successMessage">{{ successMessage }}</div>
<form (ngSubmit)="submitMenu()" #form="ngForm">
<label>Menu Name:</label><br />
<input type="text" [(ngModel)]="menu.menuName" name="menuName" required /><br /><br />
<label>Description:</label><br />
<textarea [(ngModel)]="menu.description" name="description"></textarea><br /><br />
<label>Category:</label><br />
<input type="text" [(ngModel)]="menu.category" name="category" required /><br /><br />
<label>Type:</label><br />
<select [(ngModel)]="menu.type" name="type" required>
<option value="Veg">Veg</option>
<option value="Non-Veg">Non-Veg</option>
</select><br /><br />
<label>Cost:</label><br />
<input type="number" [(ngModel)]="menu.cost" name="cost" required /><br /><br />
<label>Status:</label><br />
<select [(ngModel)]="menu.status" name="status" required>
<option value="Available">Available</option>
<option value="Not Available">Not Available</option>
</select><br /><br />
<button type="submit">Submit</button>
<button type="button" (click)="resetForm()">Reset</button>
<a routerLink="/" style="margin-left: 10px;">Back To Home</a>
</form>
</div>
</div>
.main-container {
margin: 20px;
font-family: sans-serif;
}
.form-container {
max-width: 400px;
}
input, select, textarea {
width: 100%;
padding: 5px;
box-sizing: border-box;
}
Comments
Post a Comment