Homework Help is Here – Start Your Trial Now!
Engineering
Computer Science
Project 2: Build the Price Quotation app For this project, you will build a single-page app like the one that's shown below. 23 Price Quotation A localhost:5001 Price Quotation Subtotal: 500 Discount percent: 20 Discount amount: $100.00 Total $400.00 Calculate Clear Specifications When the app starts, it should display the Price Quotation page with no subtotal or discount percent, and it should set the discount amount and total to $0.00. If the user enters a valid subtotal and discount percent and clicks the Calculate button, the app should calculate and display the discount amount and total. If the user enters invalid data and clicks the Calculate button, the app should display a summary of validation errors above the form. Here are the requirements for valid data: The sales price is required and must be a valid number that's greater than 0 and less than or equal to 5000.. The discount percent is required and must be a valid number from 0 to 100. If the user clicks the Clear link, the app should reset the form to how it was when the app first started. Use the MVC pattern. To do that, create a model class that stores the subtotal and discount percent and calculates the discount amount and total. Make sure to bind that model to the Razor view that displays the Price Quotation page shown above. Use a Razor layout to store the , , and elements. Use a custom CSS style sheet to style the HTML elements so they appear as shown above.

Project 2: Build the Price Quotation app For this project, you will build a single-page app like the one that's shown below. 23 Price Quotation A localhost:5001 Price Quotation Subtotal: 500 Discount percent: 20 Discount amount: $100.00 Total $400.00 Calculate Clear Specifications When the app starts, it should display the Price Quotation page with no subtotal or discount percent, and it should set the discount amount and total to $0.00. If the user enters a valid subtotal and discount percent and clicks the Calculate button, the app should calculate and display the discount amount and total. If the user enters invalid data and clicks the Calculate button, the app should display a summary of validation errors above the form. Here are the requirements for valid data: The sales price is required and must be a valid number that's greater than 0 and less than or equal to 5000.. The discount percent is required and must be a valid number from 0 to 100. If the user clicks the Clear link, the app should reset the form to how it was when the app first started. Use the MVC pattern. To do that, create a model class that stores the subtotal and discount percent and calculates the discount amount and total. Make sure to bind that model to the Razor view that displays the Price Quotation page shown above. Use a Razor layout to store the , , and elements. Use a custom CSS style sheet to style the HTML elements so they appear as shown above.

Database System Concepts
Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
See similar textbooks
icon
Related questions
Question

I need help with with the assignment in the image. Using ASP.NET Core MVC

2019 Visual Studio

**Project 2: Build the Price Quotation App** For this project, you will build a single-page app like the one that’s shown below. ### Price Quotation App Interface The interface includes fields for: - **Subtotal**: Input field value of 500 - **Discount percent**: Input field value of 20 - **Discount amount**: Display field showing $100.00 - **Total**: Display field showing $400.00 - **Buttons**: "Calculate" and "Clear" ### Specifications - **Initial Display**: - On startup, the app displays the Price Quotation page with no values for the subtotal or discount percent. - The discount amount and total are set to $0.00. - **Functionality**: - **Calculate**: - When a valid subtotal and discount percent are entered, clicking "Calculate" displays the discount amount and total. - **Validation**: - If invalid data is entered and "Calculate" is clicked, the app shows validation errors above the form. - **Data Requirements**: - Subtotal must be a valid number > 0 and ≤ 5000. - Discount percent must be a valid number from 0 to 100. - **Clear Button**: - Clicking "Clear" resets the form to its initial state. - **Implementation**: - Follow the MVC pattern by creating a model class for the subtotal and discount percent, and calculating the discount and total. - Bind this model to the Razor view to display the Price Quotation page. - Use a Razor layout to structure the HTML `<html>`, `<head>`, and `<body>` elements. - Apply a custom CSS stylesheet to style the elements as demonstrated. This app is a practical exercise in applying basic programming and design principles to build a functional, user-friendly interface.
Transcribed Image Text:**Project 2: Build the Price Quotation App** For this project, you will build a single-page app like the one that’s shown below. ### Price Quotation App Interface The interface includes fields for: - **Subtotal**: Input field value of 500 - **Discount percent**: Input field value of 20 - **Discount amount**: Display field showing $100.00 - **Total**: Display field showing $400.00 - **Buttons**: "Calculate" and "Clear" ### Specifications - **Initial Display**: - On startup, the app displays the Price Quotation page with no values for the subtotal or discount percent. - The discount amount and total are set to $0.00. - **Functionality**: - **Calculate**: - When a valid subtotal and discount percent are entered, clicking "Calculate" displays the discount amount and total. - **Validation**: - If invalid data is entered and "Calculate" is clicked, the app shows validation errors above the form. - **Data Requirements**: - Subtotal must be a valid number > 0 and ≤ 5000. - Discount percent must be a valid number from 0 to 100. - **Clear Button**: - Clicking "Clear" resets the form to its initial state. - **Implementation**: - Follow the MVC pattern by creating a model class for the subtotal and discount percent, and calculating the discount and total. - Bind this model to the Razor view to display the Price Quotation page. - Use a Razor layout to structure the HTML `<html>`, `<head>`, and `<body>` elements. - Apply a custom CSS stylesheet to style the elements as demonstrated. This app is a practical exercise in applying basic programming and design principles to build a functional, user-friendly interface.
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 2 steps with 10 images

SEE SOLUTIONCheck out a sample Q&A here
Blurred answer
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education
SEE MORE TEXTBOOKS