Project Fair | C# Online Compiler

Project Fair by Daniil N.

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
		public class TableComponents
		{
				public int tableTop_width
				{
					get;
					set;
				}

				public int tableTop_length
				{
					get;
					set;
				}

				public int tableTop_height
				{
					get;
					set;
				}

				public int tableLegs_width
				{
					get;
					set;
				}

				public int tableLegs_length
				{
					get;
					set;
				}

				public int tableLegs_height
				{
					get;
					set;
				}

				public int tableSideRailsLong_width
				{
					get;
					set;
				}

				public int tableSideRailsLong_length
				{
					get;
					set;
				}

				public int tableSideRailsLong_height
				{
					get;
					set;
				}

				public int tableSideRailsShort_widtgh
				{
					get;
					set;
				}

				public int tableSideRailsShort_length
				{
					get;
					set;
				}

				public int tableSideRailsShort_height
				{
					get;
					set;
				}
		}
		
		public class StoolComponents 
		{
				public int stoolTop_width
				{
					get;
					set;
				}

				public int stoolTop_length
				{
					get;
					set;
				}

				public int stoolTop_height
				{
					get;
					set;
				}

				public int stoolLegs_width
				{
					get;
					set;
				}

				public int stoolLegs_length
				{
					get;
					set;
				}

				public int stoolLegs_height
				{
					get;
					set;
				}

				public int stoolSideRails_width
				{
					get;
					set;
				}

				public int stoolSideRails_length
				{
					get;
					set;
				}

				public int stoolSideRails_height
				{
					get;
					set;
				}
		}
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
        public class TableComponents
        {
                public int tableTop_width
                {
                    get;
                    set;
                }
​
                public int tableTop_length
                {
                    get;
                    set;
                }
​
                public int tableTop_height
                {
                    get;
                    set;
                }
​
                public int tableLegs_width
                {
                    get;
                    set;
                }
​
                public int tableLegs_length
                {
                    get;
                    set;
                }
​
                public int tableLegs_height
                {
                    get;
                    set;
                }
​
                public int tableSideRailsLong_width
                {
                    get;
                    set;
                }
​
                public int tableSideRailsLong_length
                {
                    get;
                    set;
                }
​
                public int tableSideRailsLong_height
                {
                    get;
                    set;
                }
​
                public int tableSideRailsShort_widtgh
                {
                    get;
                    set;
                }
​
                public int tableSideRailsShort_length
                {
                    get;
                    set;
                }
​
                public int tableSideRailsShort_height
                {
                    get;
                    set;
                }
        }
        
        public class StoolComponents 
        {
                public int stoolTop_width
                {
                    get;
                    set;
                }
​
                public int stoolTop_length
                {
                    get;
                    set;
                }
​
                public int stoolTop_height
                {
                    get;
                    set;
                }
​
                public int stoolLegs_width
                {
                    get;
                    set;
                }
​
                public int stoolLegs_length
                {
                    get;
                    set;
                }
​
                public int stoolLegs_height
                {
                    get;
                    set;
                }
​
                public int stoolSideRails_width
                {
                    get;
                    set;
                }
​
                public int stoolSideRails_length
                {
                    get;
                    set;
                }
​
                public int stoolSideRails_height
                {
                    get;
                    set;
                }
        }
}

@{
	Layout = null;
}

<!DOCTYPE html>

<html lang="en">
<head>
  <title>PF Furniture SKU Generator</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
  <style type="text/css">	
body {
	border: 12px solid;
}
	 
#components {
	width: 100%  
}

#tableDimensions {
	  display: none;
}
#stoolDimensions {
	  display: none;
}	  
table.steelBlueCols {
  border: 4px solid ##b8b8b8;
  background-color: ##b8b8b8;
  width: 400px;
  text-align: center;
  border-collapse: collapse;
}
table.steelBlueCols td, table.steelBlueCols th {
  border: 1px solid #b8b8b8;
  padding: 5px 10px;
}
table.steelBlueCols tbody td {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}
table.steelBlueCols td:nth-child(even) {
  background: #6bb1cf;
}
table.steelBlueCols td:nth-child(odd) {
  background: #b8b8b8;
}
table.steelBlueCols thead {
  background: #398AA4;
  border-bottom: 10px solid #398AA4;
}
table.steelBlueCols thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  border-left: 2px solid #398AA4;
}
table.steelBlueCols thead th:first-child {
  border-left: none;
}

table.steelBlueCols tfoot td {
  font-size: 13px;
}
table.steelBlueCols tfoot .links {
  text-align: right;
}
table.steelBlueCols tfoot .links a{
  display: inline-block;
  background: #6bb1cf;
  color: #398AA4;
  padding: 2px 8px;
  border-radius: 5px;
}
	
	</style>
</head>
<body>
  <div class="container">
    <div>
      <h1>Здравствуйте, дорогой клиент!</h1>
      	<h4>Какую единицу мебели вы бы хотели заказать?</h4>
	  		<!--TABLE SELECT-->
			<div id = "table">
				<input id = "choice1" class = "form-group" value = "none" type = "radio" name = "furniture">
	  			<label for = "furniture">СТОЛ</label>
	  			<img id = "table" width = "260" height = "140" src = "https://images2.imgix.net/p4dbimg/1204/images/333211.jpg?fit=fill&trim=color&trimcolor=FFFFFF&trimtol=5&bg=FFFFFF&w=768&h=576&fm=pjpg"><br>
			</div>
	 		<!--STOOL SELECT-->
			<div id = "stool">
			 	<input id = "choice2" class = "form-group" value = "none" type = "radio" name = "furniture">
	  			<label for = "furniture">СТУЛ</label><img id = "stool" width = "220" height = "260" src = "https://www.knightsbridge-furniture.co.uk/wp-content/uploads/2019/11/KnightsbridgeFurniture_Tbls_DrakeS600Occasional_Render.png">
			</div>
			<!--SUBMIT--><button type="button" class="btn btn-success submit" id="button1">Submit</button><br><br>
     	 	<div>
				<!--QUANTITY-->
				<h4><strong>Выберите желаемое колличество единиц заказа:</strong></h4>
				<input type="number" id="quantity" name="quantity" min="0" max="10" step="1">
				<button type="button" class="btn btn-success submit" id="button2">Submit</button><br><br>
			</div>			
			
			<div id="promptdimensions">
        		<h4><strong>Выберите ниже предложенные размеры вашей единиц(ы) мебели в миллиметрах.</strong></h4>
      		</div><br>
									
	<!--TABLE DIMENSIONS-->
      <div id = "tableDimensions" class = "Dimensions">	
      	<div>
		 	<strong>Ширина:</strong><br>
			<input id="tableWidth1" type = "radio" name = "productWidth" value = "1200">
			<label for "productWidth">1200</label>
	  		<input id="tableWidth2" type = "radio" name = "productWidth" value = "1500">
			<label for "productWidth">1500</label>
	   		<input id="tableWidth3" type = "radio" name = "productWidth" value = "1800">
			<label for "productWidth">1800</label>
     	</div><br>
		<div>
			<strong>Длина:</strong><br>
			<input id="tableLength1" type = "radio" name = "productLength" value = "1800">
			<label for "productLength">1800</label>
	  		<input id="tableLength2" type = "radio" name = "productLength" value = "2000">
			<label for "productLength">2000</label>
	   		<input id="tableLength" type = "radio" name = "productLength" value = "2400">
			<label for "productLength3">2400</label>
     	</div><br>
		<div>
		 	<strong>Высота:</strong><br>
			<input id="tableHeight1" type = "radio" name = "productHeight" value = "1000">
			<label for "productHeight">1000</label>
	  		<input id="tableHeight2" type = "radio" name = "productHeight" value = "1200">
			<label for "productHeight">1200</label>
	   		<input id="tableHeight3" type = "radio" name = "productHeight" value = "600">
			<label for "productHeight">600</label>
     	</div><br>
      <!--SUBMIT--><button type="button" class="btn btn-success submit" id="button3">Submit</button><br>
	</div><br>
-----------------------------<br>
	
	<!--STOOL DIMENSIONS-->
	  <br><div id = "stoolDimensions" class = "Dimensions">	
      	<div>
		 	<strong>Ширина:</strong><br>
			<input id="stoolWidth" type = "radio" name = "productWidth" value = "350">
			<label for "productWidth">350</label>
	  		<input id="stoolWidth" type = "radio" name = "productWidth" value = "400">
			<label for "productWidth">400</label>
	   		<input id="stoolWidth" type = "radio" name = "productWidth" value = "450">
			<label for "productWidth">450</label>
     	</div><br>
		<div>
			<strong>Длина:</strong><br>
			<input id="stoolLength" type = "radio" name = "productLength" value = "350">
			<label for "productLength">350</label>
	  		<input id="stoolLength" type = "radio" name = "productLength" value = "400">
			<label for "productLength">400</label>
	   		<input id="stoolLength" type = "radio" name = "productLength" value = "450">
			<label for "productLength">450</label>
     	</div><br>
		<div>
		 	<strong>Высота:</strong><br>
			<input id="stoolHeight" type = "radio" name = "productHeight" value = "600">
			<label for "productHeight">600</label>
	  		<input id="stoolHeight" type = "radio" name = "productHeight" value = "900">
			<label for "productHeight">900</label>
	   		<input id="stoolHeight" type = "radio" name = "productHeight" value = "1200">
			<label for "productHeight">1200</label>
     	</div><br>
	   <!--SUBMIT--><button type="button" class="btn btn-success submit" id="button4">Submit</button><br>
	  </div>
	  
      </div>
  </div>
  	<div class="container"><br>
  		<!--TABLE OF COMPONENTS -->
		<table class = "steelBlueCols" id = "components">
	  		<strong><h3>Вот все необходимые запчасти:</h3></strong>
			<thead>
			  <tr>
				<th scope="col">SKU</th>
				<th scope="col">width(mm)</th>
				<th scope="col">length(mm)</th>
				<th scope="col">height(mm)</th>
				<th scope="col">Quantity</th>
				

			  </tr>
			</thead>
				<tfoot>
				</tfoot>
			<tbody>
			  <tr>
				<th scope="row">hbvgcgvh</th>
				<td data-title="width(mm)">i3huesvy2z</td>
				<td data-title="length(mm)">ihsu3eyz2</td>
				<td data-title="height(mm)" >jbvy</td>
				<td data-title="Quantity" >s3nibeuz2vyq</td>


			  </tr>
			   <tr>
				<th scope="row">ihsu3eyz2</th>
				<td data-title="width(mm)">ihsu3eyz2</td>
				<td data-title="length(mm)">ihsu3eyz2</td>
				<td data-title="height(mm)">ihsu3eyz2</td>
				<td data-title="Quantity">ihsu3eyz2</td>


			  </tr>
			  <tr>
				<th scope="row">ihsu3eyz2</th>
				<td data-title="width(mm)">ihsu3eyz2</td>
				<td data-title="length(mm)">ihsu3eyz2</td>
				<td data-title="height(mm)" >ihsu3eyz2</td>
				<td data-title="Quantity" >ihsu3eyz2</td>


			  </tr>
			  <tr>
				<th scope="row"></th>
				<td data-title="width(mm)">ihsu3eyz2</td>
				<td data-title="length(mm)">ihsu3eyz2</td>
				<td data-title="height(mm)">ihsu3eyz2</td>
				<td data-title="Quantity">ihsu3eyz2</td>



			  </tr>
			  <tr>
				<th scope="row"></th>
				<td data-title="width(mm)">ihsu3eyz2</td>
				<td data-title="length(mm)">ihsu3eyz2</td>
				<td data-title="height(mm)">ihsu3eyz2</td>
				<td data-title="Quantity">ihsu3eyz2</td>



			  </tr>
			  <tr>
				<th scope="row">ihsu3eyz2</th>
				<td data-title="width(mm)">ihsu3eyz2</td>
				<td data-title="length(mm)">ihsu3eyz2</td>
				<td data-title="height(mm)">ihsu3eyz2</td>
				<td data-title="Quantity">ihsu3eyz2</td>



			  </tr>
			  <tr>
				<th scope="row"></th>
				<td data-title="width(mm)">ihsu3eyz2</td>
				<td data-title="length(mm)">ihsu3eyz2</td>
				<td data-title="height(mm)">ihsu3eyz2</td>
				<td data-title="Quantity">ihsu3eyz2</td>



			  </tr>
			  <tr>
				<th scope="row"></th>
				<td data-title="width(mm)">ihsu3eyz2</td>
				<td data-title="length(mm)">ihsu3eyz2</td>
				<td data-title="height(mm)">ihsu3eyz2</td>
				<td data-title="Quantity">ihsu3eyz2</td>



			  </tr>
			  <tr>
				<th scope="row">ihsu3eyz2</th>
				<td data-title="width(mm)">ihsu3eyz2</td>
				<td data-title="length(mm)">ihsu3eyz2</td>
				<td data-title="height(mm)">ihsu3eyz2</td>
				<td data-title="Quantity">ihsu3eyz2</td>



			  </tr>
			  <tr>
				<th scope="row"> </th>
				<td data-title="width(mm)">ihsu3eyz2</td>
				<td data-title="length(mm)">ihsu3eyz2</td>
				<td data-title="Quantity"=>ihsu3eyz2</td>
				<td data-title="height(mm)">ihsu3eyz2</td>

			  </tr>
			  <tr>
				<th scope="row"></th>
				<td data-title="width(mm)">ihsu3eyz2</td>
				<td data-title="length(mm)">ihsu3eyz2</td>
				<td data-title="height(mm)">ihsu3eyz2</td>
				<td data-title="Quantity">ihsu3eyz2</td>


			  </tr>
			  <tr>
				<th scope="row">ihsu3eyz2</th>
				<td data-title="width(mm)">ihsu3eyz2</td>
				<td data-title="length(mm)">ihsu3eyz2</td>
				<td data-title="height(mm)">ihsu3eyz2</td>
				<td data-title="Quantity">ihsu3eyz2</td>


			  </tr>
			  <tr>
				<th scope="row"></th>
				<td data-title="width(mm)">ihsu3eyz2</td>
				<td data-title="length(mm)">ihsu3eyz2</td>
				<td data-title="height(mm)">ihsu3eyz2</td>
				<td data-title="Quantity">ihsu3eyz2</td>


			  </tr>
			</tbody>
		  </table><br><br>
		<div id = "rating">
		  <strong><h4>Как бы вы оценили наш сервис онлайн заказов?</h4></strong>
			<input type = "radio" id = "rating" name = "rating">
				<img width = "50" height = "50" id = "bad" src = "data:image/png;base64,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"><br>
			<br><br><input type = "radio" id = "rating" name = "rating">
				<img width = "50" height = "50" id = "good" src = "https://images-na.ssl-images-amazon.com/images/I/711FP5JzjCL._AC_SX466_.jpg"><br>
			<br><br><input type = "radio" id = "rating" name = "rating">
				<img width = "50" height = "50" id = "excellent" src = "data:image/png;base64,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"><br>
			<br></div>
	</div>
	  <!--SCRRRRIIIIIPT!!!-->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
  <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
  <script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script> 
  <script src="//ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script> 
  <script type="text/javascript">
	  
	  $(document).ready(function() {
		  $("#choice1").click(function() {
			$("#tableDimensions").show();
		  	$("#stoolDimensions").hide();	
	 	  });
		});
	  
	    $(document).ready(function() {
		  $("#choice2").click(function() {
			$("#stoolDimensions").show();
	        $("#tableDimensions").hide();
		  });
		});
	 
     

  </script>
</body>
</html>

View

 
@{
    Layout = null;
}
​
<!DOCTYPE html>
​
<html lang="en">
<head>
  <title>PF Furniture SKU Generator</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
  <style type="text/css">   
body {
    border: 12px solid;
}
     
#components {
    width: 100%  
}
​
#tableDimensions {
      display: none;
}
#stoolDimensions {
      display: none;
}     
table.steelBlueCols {
  border: 4px solid ##b8b8b8;
  background-color: ##b8b8b8;
  width: 400px;
  text-align: center;
  border-collapse: collapse;
}
table.steelBlueCols td, table.steelBlueCols th {
  border: 1px solid #b8b8b8;
  padding: 5px 10px;
}
table.steelBlueCols tbody td {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}
table.steelBlueCols td:nth-child(even) {
  background: #6bb1cf;
}
table.steelBlueCols td:nth-child(odd) {
  background: #b8b8b8;
}
table.steelBlueCols thead {
  background: #398AA4;
  border-bottom: 10px solid #398AA4;
}
table.steelBlueCols thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  border-left: 2px solid #398AA4;
}
table.steelBlueCols thead th:first-child {
  border-left: none;
}
​
table.steelBlueCols tfoot td {
  font-size: 13px;
}
table.steelBlueCols tfoot .links {
  text-align: right;
}
table.steelBlueCols tfoot .links a{
  display: inline-block;
  background: #6bb1cf;
  color: #398AA4;
  padding: 2px 8px;
  border-radius: 5px;
}
    
    </style>
</head>
<body>
  <div class="container">
    <div>
      <h1>Здравствуйте, дорогой клиент!</h1>
        <h4>Какую единицу мебели вы бы хотели заказать?</h4>
            <!--TABLE SELECT-->
            <div id = "table">
                <input id = "choice1" class = "form-group" value = "none" type = "radio" name = "furniture">
                <label for = "furniture">СТОЛ</label>
                <img id = "table" width = "260" height = "140" src = "https://images2.imgix.net/p4dbimg/1204/images/333211.jpg?fit=fill&trim=color&trimcolor=FFFFFF&trimtol=5&bg=FFFFFF&w=768&h=576&fm=pjpg"><br>
            </div>
            <!--STOOL SELECT-->
            <div id = "stool">
                <input id = "choice2" class = "form-group" value = "none" type = "radio" name = "furniture">
                <label for = "furniture">СТУЛ</label><img id = "stool" width = "220" height = "260" src = "https://www.knightsbridge-furniture.co.uk/wp-content/uploads/2019/11/KnightsbridgeFurniture_Tbls_DrakeS600Occasional_Render.png">
            </div>
            <!--SUBMIT--><button type="button" class="btn btn-success submit" id="button1">Submit</button><br><br>
            <div>
                <!--QUANTITY-->
                <h4><strong>Выберите желаемое колличество единиц заказа:</strong></h4>
                <input type="number" id="quantity" name="quantity" min="0" max="10" step="1">
                <button type="button" class="btn btn-success submit" id="button2">Submit</button><br><br>
            </div>          
            
            <div id="promptdimensions">
                <h4><strong>Выберите ниже предложенные размеры вашей единиц(ы) мебели в миллиметрах.</strong></h4>
            </div><br>
                                    
    <!--TABLE DIMENSIONS-->
      <div id = "tableDimensions" class = "Dimensions"> 
        <div>
            <strong>Ширина:</strong><br>
            <input id="tableWidth1" type = "radio" name = "productWidth" value = "1200">
            <label for "productWidth">1200</label>
            <input id="tableWidth2" type = "radio" name = "productWidth" value = "1500">
            <label for "productWidth">1500</label>
            <input id="tableWidth3" type = "radio" name = "productWidth" value = "1800">
            <label for "productWidth">1800</label>
        </div><br>
        <div>
            <strong>Длина:</strong><br>
            <input id="tableLength1" type = "radio" name = "productLength" value = "1800">
            <label for "productLength">1800</label>
            <input id="tableLength2" type = "radio" name = "productLength" value = "2000">
            <label for "productLength">2000</label>
            <input id="tableLength" type = "radio" name = "productLength" value = "2400">
            <label for "productLength3">2400</label>
        </div><br>
        <div>
            <strong>Высота:</strong><br>
            <input id="tableHeight1" type = "radio" name = "productHeight" value = "1000">
            <label for "productHeight">1000</label>
            <input id="tableHeight2" type = "radio" name = "productHeight" value = "1200">
            <label for "productHeight">1200</label>
            <input id="tableHeight3" type = "radio" name = "productHeight" value = "600">
            <label for "productHeight">600</label>
        </div><br>
      <!--SUBMIT--><button type="button" class="btn btn-success submit" id="button3">Submit</button><br>
    </div><br>
-----------------------------<br>
    
    <!--STOOL DIMENSIONS-->
      <br><div id = "stoolDimensions" class = "Dimensions"> 
        <div>
            <strong>Ширина:</strong><br>
            <input id="stoolWidth" type = "radio" name = "productWidth" value = "350">
            <label for "productWidth">350</label>
            <input id="stoolWidth" type = "radio" name = "productWidth" value = "400">
            <label for "productWidth">400</label>
            <input id="stoolWidth" type = "radio" name = "productWidth" value = "450">
            <label for "productWidth">450</label>
        </div><br>
        <div>
            <strong>Длина:</strong><br>
            <input id="stoolLength" type = "radio" name = "productLength" value = "350">
            <label for "productLength">350</label>
            <input id="stoolLength" type = "radio" name = "productLength" value = "400">
            <label for "productLength">400</label>
            <input id="stoolLength" type = "radio" name = "productLength" value = "450">
            <label for "productLength">450</label>
        </div><br>
        <div>
            <strong>Высота:</strong><br>
            <input id="stoolHeight" type = "radio" name = "productHeight" value = "600">
            <label for "productHeight">600</label>
            <input id="stoolHeight" type = "radio" name = "productHeight" value = "900">
            <label for "productHeight">900</label>
            <input id="stoolHeight" type = "radio" name = "productHeight" value = "1200">
            <label for "productHeight">1200</label>
        </div><br>
       <!--SUBMIT--><button type="button" class="btn btn-success submit" id="button4">Submit</button><br>
      </div>
      
      </div>
  </div>
    <div class="container"><br>
        <!--TABLE OF COMPONENTS -->
        <table class = "steelBlueCols" id = "components">
            <strong><h3>Вот все необходимые запчасти:</h3></strong>
            <thead>
              <tr>
                <th scope="col">SKU</th>
                <th scope="col">width(mm)</th>
                <th scope="col">length(mm)</th>
                <th scope="col">height(mm)</th>
                <th scope="col">Quantity</th>
                
​
              </tr>
            </thead>
                <tfoot>
                </tfoot>
            <tbody>
              <tr>
                <th scope="row">hbvgcgvh</th>
                <td data-title="width(mm)">i3huesvy2z</td>
                <td data-title="length(mm)">ihsu3eyz2</td>
                <td data-title="height(mm)" >jbvy</td>
                <td data-title="Quantity" >s3nibeuz2vyq</td>
​
​
              </tr>
               <tr>
                <th scope="row">ihsu3eyz2</th>
                <td data-title="width(mm)">ihsu3eyz2</td>
                <td data-title="length(mm)">ihsu3eyz2</td>
                <td data-title="height(mm)">ihsu3eyz2</td>
                <td data-title="Quantity">ihsu3eyz2</td>
​
​
              </tr>
              <tr>
                <th scope="row">ihsu3eyz2</th>
                <td data-title="width(mm)">ihsu3eyz2</td>
                <td data-title="length(mm)">ihsu3eyz2</td>
                <td data-title="height(mm)" >ihsu3eyz2</td>
                <td data-title="Quantity" >ihsu3eyz2</td>
​
​
              </tr>
              <tr>
                <th scope="row"></th>
                <td data-title="width(mm)">ihsu3eyz2</td>
                <td data-title="length(mm)">ihsu3eyz2</td>
                <td data-title="height(mm)">ihsu3eyz2</td>
                <td data-title="Quantity">ihsu3eyz2</td>
​
​
​
              </tr>
              <tr>
                <th scope="row"></th>
                <td data-title="width(mm)">ihsu3eyz2</td>
                <td data-title="length(mm)">ihsu3eyz2</td>
                <td data-title="height(mm)">ihsu3eyz2</td>
                <td data-title="Quantity">ihsu3eyz2</td>
​
​
​
              </tr>
              <tr>
                <th scope="row">ihsu3eyz2</th>
                <td data-title="width(mm)">ihsu3eyz2</td>
                <td data-title="length(mm)">ihsu3eyz2</td>
                <td data-title="height(mm)">ihsu3eyz2</td>
                <td data-title="Quantity">ihsu3eyz2</td>
​
​
​
              </tr>
              <tr>
                <th scope="row"></th>
                <td data-title="width(mm)">ihsu3eyz2</td>
                <td data-title="length(mm)">ihsu3eyz2</td>
                <td data-title="height(mm)">ihsu3eyz2</td>
                <td data-title="Quantity">ihsu3eyz2</td>
​
​
​
              </tr>
              <tr>
                <th scope="row"></th>
                <td data-title="width(mm)">ihsu3eyz2</td>
                <td data-title="length(mm)">ihsu3eyz2</td>
                <td data-title="height(mm)">ihsu3eyz2</td>
                <td data-title="Quantity">ihsu3eyz2</td>
​
​
​
              </tr>
              <tr>
                <th scope="row">ihsu3eyz2</th>
                <td data-title="width(mm)">ihsu3eyz2</td>
                <td data-title="length(mm)">ihsu3eyz2</td>
                <td data-title="height(mm)">ihsu3eyz2</td>
                <td data-title="Quantity">ihsu3eyz2</td>
​
​
​
              </tr>
              <tr>
                <th scope="row"> </th>
                <td data-title="width(mm)">ihsu3eyz2</td>
                <td data-title="length(mm)">ihsu3eyz2</td>
                <td data-title="Quantity"=>ihsu3eyz2</td>
                <td data-title="height(mm)">ihsu3eyz2</td>
​
              </tr>
              <tr>
                <th scope="row"></th>
                <td data-title="width(mm)">ihsu3eyz2</td>
                <td data-title="length(mm)">ihsu3eyz2</td>
                <td data-title="height(mm)">ihsu3eyz2</td>
                <td data-title="Quantity">ihsu3eyz2</td>
​
​
              </tr>
              <tr>
                <th scope="row">ihsu3eyz2</th>
                <td data-title="width(mm)">ihsu3eyz2</td>
                <td data-title="length(mm)">ihsu3eyz2</td>
                <td data-title="height(mm)">ihsu3eyz2</td>
                <td data-title="Quantity">ihsu3eyz2</td>
​
​
              </tr>
              <tr>
                <th scope="row"></th>
                <td data-title="width(mm)">ihsu3eyz2</td>
                <td data-title="length(mm)">ihsu3eyz2</td>
                <td data-title="height(mm)">ihsu3eyz2</td>
                <td data-title="Quantity">ihsu3eyz2</td>
​
​
              </tr>
            </tbody>
          </table><br><br>
        <div id = "rating">
          <strong><h4>Как бы вы оценили наш сервис онлайн заказов?</h4></strong>
            <input type = "radio" id = "rating" name = "rating">
                <img width = "50" height = "50" id = "bad" src = "data:image/png;base64,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"><br>
            <br><br><input type = "radio" id = "rating" name = "rating">
                <img width = "50" height = "50" id = "good" src = "https://images-na.ssl-images-amazon.com/images/I/711FP5JzjCL._AC_SX466_.jpg"><br>
            <br><br><input type = "radio" id = "rating" name = "rating">
                <img width = "50" height = "50" id = "excellent" src = "data:image/png;base64,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"><br>
            <br></div>
    </div>
      <!--SCRRRRIIIIIPT!!!-->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
  <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
  <script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script> 
  <script src="//ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script> 
  <script type="text/javascript">
      
      $(document).ready(function() {
          $("#choice1").click(function() {
            $("#tableDimensions").show();
            $("#stoolDimensions").hide();   
          });
        });
      
        $(document).ready(function() {
          $("#choice2").click(function() {
            $("#stoolDimensions").show();
            $("#tableDimensions").hide();
          });
        });
     
     
​
  </script>
</body>
</html>
​

using System;
using System.Web.Mvc;
using System.Collections.Generic;

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{	
		public static List<StoolComponents> parts = new List<StoolComponents>();
		public static List<TableComponents> components = new List<TableComponents>();
		public ActionResult Index()
		{
			components.Add(new TableComponents{});
			components.Add(new TableComponents{});
			components.Add(new TableComponents{});
			components.Add(new TableComponents{});
			components.Add(new TableComponents{});
			components.Add(new TableComponents{});
			components.Add(new TableComponents{});
			components.Add(new TableComponents{});
			components.Add(new TableComponents{});
			components.Add(new TableComponents{});
			components.Add(new TableComponents{});
			components.Add(new TableComponents{});
			ViewBag.TableComponents = components;
			
			
			
			
			
			return View();
		}
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {   
        public static List<StoolComponents> parts = new List<StoolComponents>();
        public static List<TableComponents> components = new List<TableComponents>();
        public ActionResult Index()
        {
            components.Add(new TableComponents{});
            components.Add(new TableComponents{});
            components.Add(new TableComponents{});
            components.Add(new TableComponents{});
            components.Add(new TableComponents{});
            components.Add(new TableComponents{});
            components.Add(new TableComponents{});
            components.Add(new TableComponents{});
            components.Add(new TableComponents{});
            components.Add(new TableComponents{});
            components.Add(new TableComponents{});
            components.Add(new TableComponents{});
            ViewBag.TableComponents = components;
            
            
            
            
            
            return View();
        }
    }
}

View in Full Screen

Going from the bad format to DateTimeOffset w/TimeZone looks like:

    Formatted Date: 12:01am PT Jan-01 2001
    Date: 01/01/2001 00:01:00 -08:00
    TimeZone: (UTC-08:00) Pacific Time (Los Angeles)

    Formatted Date: 12:01am PT Jul-01 2001
    Date: 07/01/2001 00:01:00 -07:00
    TimeZone: (UTC-08:00) Pacific Time (Los Angeles)

    Formatted Date: 12:01am MT Jan-01 2001
    Date: 01/01/2001 00:01:00 -07:00
    TimeZone: (UTC-07:00) Mountain Time (Denver)

    Formatted Date: 12:01am MT Jul-01 2001
    Date: 07/01/2001 00:01:00 -06:00
    TimeZone: (UTC-07:00) Mountain Time (Denver)

Going the other way looks like

    UtcDate: 01/01/2021 07:00:00
    Zone:(UTC-07:00) Mountain Time (Phoenix)
    Date In Targe TimeZone: 01/01/2021 00:00:00 -07:00
    FormattedDate: 12:00am MT Jan-01 2021

    UtcDate: 07/01/2021 07:00:00
    Zone:(UTC-07:00) Mountain Time (Phoenix)
    Date In Targe TimeZone: 07/01/2021 00:00:00 -07:00
    FormattedDate: 12:00am PT Jul-01 2021

The full round trip looks like

    SourceDateTime: 12:01am PT Jan-01 2001
    ParsedDateTime: 01/01/2001 00:01:00 -08:00
    FormattedDateTime: 12:01am PT Jan-01 2001

    SourceDateTime: 12:01am PT Jul-01 2001
    ParsedDateTime: 07/01/2001 00:01:00 -07:00
    FormattedDateTime: 12:01am PT Jul-01 2001

Last Run:	4:21:36 pm
Compile:	0.016s
Execute:	0.11s
Memory:	12.33Mb
CPU:	0.126s

View IL Code