[Fork] [Fork] Asp.Net developer for full time permanent job - 1 | C# Online Compiler

[Fork] [Fork] Asp.Net developer for full time permanent job - 1 by Yeskendir Toleubekov

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	public class SomeTestClass
	{
		public int ID { get; set; }

		public string Title { get; set; }

		public string Data1 { get; set; }

		public string Data2 { get; set; }

		public string Data3 { get; set; }

		public string Data4 { get; set; }

		public OtherType OtherTypeValue { get; set; }

		public class OtherType
		{
			public int ID { get; set; }

			public string Title { get; set; }
		}
	}
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    public class SomeTestClass
    {
        public int ID { get; set; }
​
        public string Title { get; set; }
​
        public string Data1 { get; set; }
​
        public string Data2 { get; set; }
​
        public string Data3 { get; set; }
​
        public string Data4 { get; set; }
​
        public OtherType OtherTypeValue { get; set; }
​
        public class OtherType
        {
            public int ID { get; set; }
​
            public string Title { get; set; }
        }
    }
}

@using HelloWorldMvcApp
@model List<SomeTestClass>
	
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My ASP.NET Application</title>
	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<!-- Optional theme -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
</head>
<body>
    <div class="container body-content">
		<div class="row">
			<div class="col-md-12">
				<h3>What you need to do?</h1>
				
				<ul>
					<li>Show Table of items with id 2 and 3.</li>
				</ul>
			</div>
		</div>
		<div class="row">
				<table>
				<tr>
					<th>Title</th>
					<th>Data1</th>
					<th>Data2</th>
				<th>Data3</th>
				<th>Data4</th>
				<th>OtherType Id</th>
				<th>OtherType Title</th>
			</tr>
					@foreach(var m in Model.Where(m => m.ID == 1 || m.ID == 2))
					{
						<tr>
							<td>@m.Title</td>
						<td>@m.Data1</td>
						<td>@m.Data2</td>
						<td>@m.Data3</td>
						<td>@m.Data4</td>
						<td>@m.OtherTypeValue.ID</td>
						<td>@m.OtherTypeValue.Title</td>
					</tr>
					}
				</table>
			</div>
    </div>
	<div class="modal-cont">
        <div class="modal-box">
            <span class="close">&times;</span>
            <form action="" class="login-box">
              <h1> Login Page </h1>
                <label for="">Username</label>
                <input type="text" class="name" id="name" required>
                <label for="">Password</label>
                <input type="password" class="password" id="pass" required>
              <button class="login-button">Login</button>
                <div class="close-forgot">
                    <button class="cancel">Cancel</button>
                </div>
            </form>
        </div>
    </div>
	<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
	<!-- Latest compiled and minified JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>
	<script>
		var closeBut = document.getElementsByClassName('close')[0],
    modal = document.getElementsByClassName('modal-cont')[0],
    cancelBut = document.getElementsByClassName('cancel')[0],
    loginBut = document.getElementsByClassName('login-button')[0];
    
//close
function x () {
    modal.style.display = "none";
}
closeBut.onclick = x;
cancelBut.onclick = x;

loginBut.onclick = function () {
		console.log(document.getElementById('pass').value);
		if(document.getElementById('name').value == "test@test.com" && document.getElementById('pass').value == "test")
		{
		alert("success");
		}
		else{
		alert("error");
		}
    modal.style.display = "block";
}

window.onclick = function (e) {
    if (e.target.className === 'modal-cont'){
        e.target.style.display = 'none';
    }
}
	</script>

View

 
@using HelloWorldMvcApp
@model List<SomeTestClass>
    
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My ASP.NET Application</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
</head>
<body>
    <div class="container body-content">
        <div class="row">
            <div class="col-md-12">
                <h3>What you need to do?</h1>
                
                <ul>
                    <li>Show Table of items with id 2 and 3.</li>
                </ul>
            </div>
        </div>
        <div class="row">
                <table>
                <tr>
                    <th>Title</th>
                    <th>Data1</th>
                    <th>Data2</th>
                <th>Data3</th>
                <th>Data4</th>
                <th>OtherType Id</th>
                <th>OtherType Title</th>
            </tr>
                    @foreach(var m in Model.Where(m => m.ID == 1 || m.ID == 2))
                    {
                        <tr>
                            <td>@m.Title</td>
                        <td>@m.Data1</td>
                        <td>@m.Data2</td>
                        <td>@m.Data3</td>
                        <td>@m.Data4</td>
                        <td>@m.OtherTypeValue.ID</td>
                        <td>@m.OtherTypeValue.Title</td>
                    </tr>
                    }
                </table>
            </div>
    </div>
    <div class="modal-cont">
        <div class="modal-box">
            <span class="close">&times;</span>
            <form action="" class="login-box">
              <h1> Login Page </h1>
                <label for="">Username</label>
                <input type="text" class="name" id="name" required>
                <label for="">Password</label>
                <input type="password" class="password" id="pass" required>
              <button class="login-button">Login</button>
                <div class="close-forgot">
                    <button class="cancel">Cancel</button>
                </div>
            </form>
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>
    <script>
        var closeBut = document.getElementsByClassName('close')[0],
    modal = document.getElementsByClassName('modal-cont')[0],
    cancelBut = document.getElementsByClassName('cancel')[0],
    loginBut = document.getElementsByClassName('login-button')[0];
    
//close
function x () {
    modal.style.display = "none";
}
closeBut.onclick = x;
cancelBut.onclick = x;
​
loginBut.onclick = function () {
        console.log(document.getElementById('pass').value);
        if(document.getElementById('name').value == "test@test.com" && document.getElementById('pass').value == "test")
        {
        alert("success");
        }
        else{
        alert("error");
        }
    modal.style.display = "block";
}
​
window.onclick = function (e) {
    if (e.target.className === 'modal-cont'){
        e.target.style.display = 'none';
    }
}
    </script>
    

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

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		[HttpGet]
		public ActionResult Index()
		{
            List<SomeTestClass> Items = new List<SomeTestClass>();
            Items.Add(new SomeTestClass() { ID = 1, Title = "Title 1", Data1 = "Data1 1", Data2 = "Data2 1", Data3 = "Data3 1", Data4 = "Data4 1", OtherTypeValue = new SomeTestClass.OtherType() { ID = 1, Title = "Ot1" } });
            Items.Add(new SomeTestClass() { ID = 2, Title = "Title 2", Data1 = "Data1 2", Data2 = "Data2 2", Data3 = "Data3 2", Data4 = "Data4 2", OtherTypeValue = new SomeTestClass.OtherType() { ID = 2, Title = "Ot2" } });
            Items.Add(new SomeTestClass() { ID = 3, Title = "Title 3", Data1 = "Data1 3", Data2 = "Data2 3", Data3 = "Data3 3", Data4 = "Data4 3", OtherTypeValue = new SomeTestClass.OtherType() { ID = 3, Title = "Ot3" } });
            Items.Add(new SomeTestClass() { ID = 4, Title = "Title 4", Data1 = "Data1 4", Data2 = "Data2 4", Data3 = "Data3 4", Data4 = "Data4 4", OtherTypeValue = new SomeTestClass.OtherType() { ID = 4, Title = "Ot4" } });
            Items.Add(new SomeTestClass() { ID = 5, Title = "Title 5", Data1 = "Data1 5", Data2 = "Data2 5", Data3 = "Data3 5", Data4 = "Data4 5", OtherTypeValue = new SomeTestClass.OtherType() { ID = 5, Title = "Ot5" } });
			
            return View(Items);
		}
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            List<SomeTestClass> Items = new List<SomeTestClass>();
            Items.Add(new SomeTestClass() { ID = 1, Title = "Title 1", Data1 = "Data1 1", Data2 = "Data2 1", Data3 = "Data3 1", Data4 = "Data4 1", OtherTypeValue = new SomeTestClass.OtherType() { ID = 1, Title = "Ot1" } });
            Items.Add(new SomeTestClass() { ID = 2, Title = "Title 2", Data1 = "Data1 2", Data2 = "Data2 2", Data3 = "Data3 2", Data4 = "Data4 2", OtherTypeValue = new SomeTestClass.OtherType() { ID = 2, Title = "Ot2" } });
            Items.Add(new SomeTestClass() { ID = 3, Title = "Title 3", Data1 = "Data1 3", Data2 = "Data2 3", Data3 = "Data3 3", Data4 = "Data4 3", OtherTypeValue = new SomeTestClass.OtherType() { ID = 3, Title = "Ot3" } });
            Items.Add(new SomeTestClass() { ID = 4, Title = "Title 4", Data1 = "Data1 4", Data2 = "Data2 4", Data3 = "Data3 4", Data4 = "Data4 4", OtherTypeValue = new SomeTestClass.OtherType() { ID = 4, Title = "Ot4" } });
            Items.Add(new SomeTestClass() { ID = 5, Title = "Title 5", Data1 = "Data1 5", Data2 = "Data2 5", Data3 = "Data3 5", Data4 = "Data4 5", OtherTypeValue = new SomeTestClass.OtherType() { ID = 5, Title = "Ot5" } });
            
            return View(Items);
        }
    }
}

View in Full Screen

View IL Code