Desafio | C# Online Compiler

Desafio by Mazio Souza

using System;
using System.ComponentModel.DataAnnotations;

namespace Desafio
{
	public class Pessoa
	{
		public string Nome { get; set; }

		[Display(Name = "E-mail")]
		public string Email { get; set; }
		
		[Display(Name = "Situação")]
		public string Situacao { get; set; }
	}
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace Desafio
{
    public class Pessoa
    {
        public string Nome { get; set; }
​
        [Display(Name = "E-mail")]
        public string Email { get; set; }
        
        [Display(Name = "Situação")]
        public string Situacao { get; set; }
    }
}

@model List<Desafio.Pessoa>
@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Desafio</title>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

    <style type="text/css">
        html {
            font-family: "Times New Roman";
        }

        span {
            float: right;
        }

        .menu {
            width: 220px;
            background-color: #384150;
            padding-top: 20px;
            padding-left: 0px;
            height: 450px;
            list-style: none;
        }

        h4 {
            float: left;
            font-size: 16pt;
            color: #3D4F61;
        }

        button {
            float: right;
            font-size: 10pt;
            text-align: center;
            color: #FFFFFF;
            background-color: #3596C9;
            cursor: pointer;
            border: 1px solid transparent;
            border-radius: 4px;
            height: 35px;
            margin-top: 4px;
        }

        .item {
            font-size: 9pt;
            font-weight: bold;
            text-transform: capitalize;
            color: #8D949E;
            border: 1px solid #282F3A;
            height: 50px;
            padding: 15px 0px 0px 20px;
        }

        .hover {
            color: #FFFFFF;
            border-left: 5px solid #3596C9;
        }

        .active {
            color: #FFFFFF;
            background-color: #212A3A;
            border-left: 5px solid #B33C7D;
        }

        #title {
            border-top: 1px solid #DDDFE0;
            border-bottom: 1px solid #DDDFE0;
            margin-top: 20px;
            margin-left: 30px;
            width: 100%;
        }

        .danger {
            background-color: #d9534f;
        }

        .primary {
            background-color: #3596C9;
        }

        input[type='checkbox'] {
            margin: 0px 20px 0px 20px;
        }

        tr {
            height: 50px;
            border-bottom: 1px solid #F1F1F1;
            font-size: 10pt;
            color: #272E31;
        }

        .linhaS {
            color: #FFFFFF !important;
            background-color: #9BB2C9 !important;
        }

        .linhaH {
            color: #272E31 !important;
            background-color: #E7E9EB !important;
        }

        .novo {
            background-color: #5bc0de;
            font-size: 8pt;
            font-weight: bold;
            text-transform: capitalize;
            color: #FFFFFF;
            margin-right: 20px;
            height: 21px;
            width: 80px;
            padding-top: 5px;
        }

        .alteracao {
            background-color: #E07182;
            font-size: 8pt;
            font-weight: bold;
            text-transform: capitalize;
            color: #FFFFFF;
            margin-right: 20px;
            height: 21px;
            width: 80px;
            padding-top: 5px;
        }

        tr:nth-child(even) {
            background: #FAFAFA;
        }

        tr:nth-child(odd) {
            background: #FFFFFF;
        }

        table {
            width: 100%;
            margin-left: 30px;
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-xs-3 col-md-3 col-sm-4">
                <ul class="menu">
                    <li class="item" id="andamento">EM ANDAMENTO<span class="badge primary" id="cont">0</span></li>
                    <li class="item" id="atrasada">ATRASADAS<span class="badge danger">0</span></li>
                </ul>
            </div>
            <div class="col-xs-9 col-md-9 col-sm-8">
                <div class="row" id="title">
                    <h4>Em andamento</h4>
                    <button type="submit" id="cadastrar">Cadastrar lorem</button>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-md-12 col-sm-12" id="table">
                        <table>
                            <tbody>
                                @foreach (var pessoa in Model)
                                {
                                    <tr>
                                        <td>@pessoa.Nome</td>
                                        <td>@pessoa.Email</td>
                                        <td>@pessoa.Situacao</td>
                                    </tr>
                                }
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- JS includes -->
    <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 () {
            ContarPessoas();
            efeitosTable();
            itemMenu();

            $('#andamento').on('click', function () {
                $.ajax({
                    url: '@Url.RouteUrl(new{ action="EmAndamento", controller="Home"})',
                    type: 'GET',
                    success: function (retorno) {
                        if (retorno) {
                            $('.container').html('').append(retorno);
                            ContarPessoas();
                            itemMenu();
                        }
                    }
                });
            });

            $('#atrasada').on('click', function () {
                $.ajax({
                    url: '@Url.RouteUrl(new{ action="Atrasado", controller="Home"})',
                    type: 'GET',
                    success: function (retorno) {
                        if (retorno) {
                            $('.container').html('').append(retorno);
                            ContarPessoas();
                            itemMenu();
                        }
                    }
                });
            });

            $("#cadastrar").on('click', function () {
                $.ajax({
                    url: '@Url.RouteUrl(new{ action="Cadastrar", controller="Home"})',
                    type: 'POST',
                    success: function (retorno) {
                        if (retorno) {
                            $('.container').html('').append(retorno);
                            ContarPessoas();
                            itemMenu();
                        }
                    }
                });
            });
        });

        function itemMenu() {
            $('.item').click(function () {
                $(this).addClass('active').siblings().removeClass('active');
            });

            $('.item').hover(function () {
                $(this).addClass('hover').siblings().removeClass('hover');
            });
        }

        function efeitosTable() {
            $('tr').click(function () {
                $(this).addClass('linhaS').siblings().removeClass('linhaS');
            });

            $('tr').hover(function () {
                $(this).addClass('linhaH').siblings().removeClass('linhaH');
            });
        }

        function ContarPessoas() {
            $.ajax({
                url: '@Url.RouteUrl(new{ action="ContarPessoas", controller="Home"})',
                type: 'POST',
                success: function (retorno) {
                    if (retorno) {
                        $('.primary').html(retorno.andamento);
                        $('.danger').html(retorno.atraso);
                    }
                }
            });
        }
    </script>
</body>
</html>

View

 
@model List<Desafio.Pessoa>
@{
    Layout = null;
}
​
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Desafio</title>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
​
    <style type="text/css">
        html {
            font-family: "Times New Roman";
        }
​
        span {
            float: right;
        }
​
        .menu {
            width: 220px;
            background-color: #384150;
            padding-top: 20px;
            padding-left: 0px;
            height: 450px;
            list-style: none;
        }
​
        h4 {
            float: left;
            font-size: 16pt;
            color: #3D4F61;
        }
​
        button {
            float: right;
            font-size: 10pt;
            text-align: center;
            color: #FFFFFF;
            background-color: #3596C9;
            cursor: pointer;
            border: 1px solid transparent;
            border-radius: 4px;
            height: 35px;
            margin-top: 4px;
        }
​
        .item {
            font-size: 9pt;
            font-weight: bold;
            text-transform: capitalize;
            color: #8D949E;
            border: 1px solid #282F3A;
            height: 50px;
            padding: 15px 0px 0px 20px;
        }
​
        .hover {
            color: #FFFFFF;
            border-left: 5px solid #3596C9;
        }
​
        .active {
            color: #FFFFFF;
            background-color: #212A3A;
            border-left: 5px solid #B33C7D;
        }
​
        #title {
            border-top: 1px solid #DDDFE0;
            border-bottom: 1px solid #DDDFE0;
            margin-top: 20px;
            margin-left: 30px;
            width: 100%;
        }
​
        .danger {
            background-color: #d9534f;
        }
​
        .primary {
            background-color: #3596C9;
        }
​
        input[type='checkbox'] {
            margin: 0px 20px 0px 20px;
        }
​
        tr {
            height: 50px;
            border-bottom: 1px solid #F1F1F1;
            font-size: 10pt;
            color: #272E31;
        }
​
        .linhaS {
            color: #FFFFFF !important;
            background-color: #9BB2C9 !important;
        }
​
        .linhaH {
            color: #272E31 !important;
            background-color: #E7E9EB !important;
        }
​
        .novo {
            background-color: #5bc0de;
            font-size: 8pt;
            font-weight: bold;
            text-transform: capitalize;
            color: #FFFFFF;
            margin-right: 20px;
            height: 21px;
            width: 80px;
            padding-top: 5px;
        }
​
        .alteracao {
            background-color: #E07182;
            font-size: 8pt;
            font-weight: bold;
            text-transform: capitalize;
            color: #FFFFFF;
            margin-right: 20px;
            height: 21px;
            width: 80px;
            padding-top: 5px;
        }
​
        tr:nth-child(even) {
            background: #FAFAFA;
        }
​
        tr:nth-child(odd) {
            background: #FFFFFF;
        }
​
        table {
            width: 100%;
            margin-left: 30px;
        }
    </style>
</head>
​
<body>
    <div class="container">
        <div class="row">
            <div class="col-xs-3 col-md-3 col-sm-4">
                <ul class="menu">
                    <li class="item" id="andamento">EM ANDAMENTO<span class="badge primary" id="cont">0</span></li>
                    <li class="item" id="atrasada">ATRASADAS<span class="badge danger">0</span></li>
                </ul>
            </div>
            <div class="col-xs-9 col-md-9 col-sm-8">
                <div class="row" id="title">
                    <h4>Em andamento</h4>
                    <button type="submit" id="cadastrar">Cadastrar lorem</button>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-md-12 col-sm-12" id="table">
                        <table>
                            <tbody>
                                @foreach (var pessoa in Model)
                                {
                                    <tr>
                                        <td>@pessoa.Nome</td>
                                        <td>@pessoa.Email</td>
                                        <td>@pessoa.Situacao</td>
                                    </tr>
                                }
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- JS includes -->
    <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 () {
            ContarPessoas();
            efeitosTable();
            itemMenu();
​
            $('#andamento').on('click', function () {
                $.ajax({
                    url: '@Url.RouteUrl(new{ action="EmAndamento", controller="Home"})',
                    type: 'GET',
                    success: function (retorno) {
                        if (retorno) {
                            $('.container').html('').append(retorno);
                            ContarPessoas();
                            itemMenu();
                        }
                    }
                });
            });
​
            $('#atrasada').on('click', function () {
                $.ajax({
                    url: '@Url.RouteUrl(new{ action="Atrasado", controller="Home"})',
                    type: 'GET',
                    success: function (retorno) {
                        if (retorno) {
                            $('.container').html('').append(retorno);
                            ContarPessoas();
                            itemMenu();
                        }
                    }
                });
            });
​
            $("#cadastrar").on('click', function () {
                $.ajax({
                    url: '@Url.RouteUrl(new{ action="Cadastrar", controller="Home"})',
                    type: 'POST',
                    success: function (retorno) {
                        if (retorno) {
                            $('.container').html('').append(retorno);
                            ContarPessoas();
                            itemMenu();
                        }
                    }
                });
            });
        });
​
        function itemMenu() {
            $('.item').click(function () {
                $(this).addClass('active').siblings().removeClass('active');
            });
​
            $('.item').hover(function () {
                $(this).addClass('hover').siblings().removeClass('hover');
            });
        }
​
        function efeitosTable() {
            $('tr').click(function () {
                $(this).addClass('linhaS').siblings().removeClass('linhaS');
            });
​
            $('tr').hover(function () {
                $(this).addClass('linhaH').siblings().removeClass('linhaH');
            });
        }
​
        function ContarPessoas() {
            $.ajax({
                url: '@Url.RouteUrl(new{ action="ContarPessoas", controller="Home"})',
                type: 'POST',
                success: function (retorno) {
                    if (retorno) {
                        $('.primary').html(retorno.andamento);
                        $('.danger').html(retorno.atraso);
                    }
                }
            });
        }
    </script>
</body>
</html>
​

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

namespace Desafio
{
	public class HomeController : Controller
	{
        public ActionResult Index()
        {
            return View(PopulaLista());
        }

        public List<Pessoa> PopulaLista()
        {
            List<Pessoa> pessoaList = new List<Pessoa>();

            pessoaList.Add(new Pessoa()
            {
                Nome = "David Koch",
                Email = "david@gmail.com",
                Situacao = "em andamento"
            });

            pessoaList.Add(new Pessoa()
            {
                Nome = "Charles Koch",
                Email = "koch@gmail.com",
                Situacao = "atrasado"
            });

            pessoaList.Add(new Pessoa()
            {
                Nome = "Michael Bloomberg",
                Email = "bloomberg@gmail.com",
                Situacao = "atrasado"
            });

            pessoaList.Add(new Pessoa()
            {
                Nome = "Larry Ellison",
                Email = "larry@gmail.com",
                Situacao = "atrasado"
            });

            pessoaList.Add(new Pessoa()
            {
                Nome = "Mark Zuckerberg",
                Email = "mark@gmail.com",
                Situacao = "atrasado"
            });

            pessoaList.Add(new Pessoa()
            {
                Nome = "Jeff Bezos",
                Email = "jeff@gmail.com",
                Situacao = "em andamento"
            });

            pessoaList.Add(new Pessoa()
            {
                Nome = "Carlos Slim",
                Email = "carlos@gmail.com",
                Situacao = "em andamento"
            });

            pessoaList.Add(new Pessoa()
            {
                Nome = "Warren Buffett",
                Email = "warren@gmail.com",
                Situacao = "atrasado"
            });

            pessoaList.Add(new Pessoa()
            {
                Nome = "Amâncio Ortega",
                Email = "ortega@gmail.com",
                Situacao = "em andamento"
            });

            pessoaList.Add(new Pessoa()
            {
                Nome = "Bill Gates",
                Email = "gates@gmail.com",
                Situacao = "em andamento"
            });

            return pessoaList;
        }

        public ActionResult EmAndamento()
        {
            List<Pessoa> pessoaList = PopulaLista().Where(p => p.Situacao.Equals("em andamento")).ToList();
            return View("Index", pessoaList);
        }

        public ActionResult Atrasado()
        {
            List<Pessoa> pessoaList = PopulaLista().Where(p => p.Situacao.Equals("atrasado")).ToList();
            return View("Index", pessoaList);
        }

        [HttpPost]
        public ActionResult Cadastrar()
        {
            List<Pessoa> pessoaList = PopulaLista().OrderBy(p => p.Nome).ToList();
            return View("Index", pessoaList);
        }

        [HttpPost]
        public JsonResult ContarPessoas()
        {
            List<Pessoa> pessoaList = PopulaLista();
            int andamentoCount = pessoaList.Where(p => p.Situacao.Equals("em andamento")).Count();
            int atrasoCount = pessoaList.Where(p => p.Situacao.Equals("atrasado")).Count();
            return Json(new { andamento = andamentoCount, atraso = atrasoCount });
        }
	}
}

Controller

 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
​
namespace Desafio
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View(PopulaLista());
        }
​
        public List<Pessoa> PopulaLista()
        {
            List<Pessoa> pessoaList = new List<Pessoa>();
​
            pessoaList.Add(new Pessoa()
            {
                Nome = "David Koch",
                Email = "david@gmail.com",
                Situacao = "em andamento"
            });
​
            pessoaList.Add(new Pessoa()
            {
                Nome = "Charles Koch",
                Email = "koch@gmail.com",
                Situacao = "atrasado"
            });
​
            pessoaList.Add(new Pessoa()
            {
                Nome = "Michael Bloomberg",
                Email = "bloomberg@gmail.com",
                Situacao = "atrasado"
            });
​
            pessoaList.Add(new Pessoa()
            {
                Nome = "Larry Ellison",
                Email = "larry@gmail.com",
                Situacao = "atrasado"
            });
​
            pessoaList.Add(new Pessoa()
            {
                Nome = "Mark Zuckerberg",
                Email = "mark@gmail.com",
                Situacao = "atrasado"
            });
​
            pessoaList.Add(new Pessoa()
            {
                Nome = "Jeff Bezos",
                Email = "jeff@gmail.com",
                Situacao = "em andamento"
            });
​
            pessoaList.Add(new Pessoa()
            {
                Nome = "Carlos Slim",
                Email = "carlos@gmail.com",
                Situacao = "em andamento"
            });
​
            pessoaList.Add(new Pessoa()
            {
                Nome = "Warren Buffett",
                Email = "warren@gmail.com",
                Situacao = "atrasado"
            });
​
            pessoaList.Add(new Pessoa()
            {
                Nome = "Amâncio Ortega",
                Email = "ortega@gmail.com",
                Situacao = "em andamento"
            });
​
            pessoaList.Add(new Pessoa()
            {
                Nome = "Bill Gates",
                Email = "gates@gmail.com",
                Situacao = "em andamento"
            });
​
            return pessoaList;
        }
​
        public ActionResult EmAndamento()
        {
            List<Pessoa> pessoaList = PopulaLista().Where(p => p.Situacao.Equals("em andamento")).ToList();
            return View("Index", pessoaList);
        }
​
        public ActionResult Atrasado()
        {
            List<Pessoa> pessoaList = PopulaLista().Where(p => p.Situacao.Equals("atrasado")).ToList();
            return View("Index", pessoaList);
        }
​
        [HttpPost]
        public ActionResult Cadastrar()
        {
            List<Pessoa> pessoaList = PopulaLista().OrderBy(p => p.Nome).ToList();
            return View("Index", pessoaList);
        }
​
        [HttpPost]
        public JsonResult ContarPessoas()
        {
            List<Pessoa> pessoaList = PopulaLista();
            int andamentoCount = pessoaList.Where(p => p.Situacao.Equals("em andamento")).Count();
            int atrasoCount = pessoaList.Where(p => p.Situacao.Equals("atrasado")).Count();
            return Json(new { andamento = andamentoCount, atraso = atrasoCount });
        }
    }
}

View in Full Screen

welcome to my class=2

Last Run:	8:50:40 pm
Compile:	0.162s
Execute:	0s
Memory:	0b
CPU:	0.016s

View IL Code