test html template | C# Online Compiler

test html template by rolence

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	public partial class ProductSample
	{
		public int PId;
		
		public string Name;
		
		public string Link;
		
		public string ImgUrl;
		
		public System.Nullable<int> Price;
		
		public string Tag;
	}
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    public partial class ProductSample
    {
        public int PId;
        
        public string Name;
        
        public string Link;
        
        public string ImgUrl;
        
        public System.Nullable<int> Price;
        
        public string Tag;
    }
}

@model HelloWorldMvcApp.SampleViewModel
@{
	Layout = null;
}

<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->

<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Bootstrap 101 Template</title>

		<!-- CSS Includes -->
		<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
		
		<style type="text/css">

			.field-validation-error {
				color: #ff0000;
			}

		</style>
	</head>
	
	<body>
		<style type="text/css">
#cssSlider {
   width: 700px;
   height: 210px;
   overflow: hidden;
   position: relative;
   margin: 0 auto;
}
#cssSlider figure {
   width: 700px;
   height: 210px;
   margin: 0;
   position: absolute;
   top: 0;
   left: -700px;
   z-index: 1;
   transition: all linear 0.5s;
   -o-transition: all linear 0.5s;
   -moz-transition: all linear 0.5s;
   -webkit-transition: all linear 0.5s;
}
#cssSlider figure:target {
   left: 0;
}
#cssSlider figure:first-child {
   left: 0;
}
#cssSlider figure figcaption {
   position: absolute;
   bottom: 0;
   right: 700px;
   z-index: 2;
   color: #fff;
   padding: 10px 20px;
   width: 660px;
   background: #000;
   transition: all linear 1s;
   -o-transition: all linear 1s;
   -moz-transition: all linear 1s;
   -webkit-transition: all linear 1s;
   opacity: 0;
}
#cssSlider figure:target figcaption {
   right: 0;
   opacity: 1;
}
#sliderPagination {
   position: absolute;
   right: 10px;
   bottom: 10px;
   z-index: 10;
}
#sliderPagination a {
   text-decoration: none;
   background: rgba(255,255,255,0.5);
   padding: 4px 8px;
   color: #333;
   border-radius: 20px;
   transition: all linear 0.5s;
   -o-transition: all linear 0.5s;
   -moz-transition: all linear 0.5s;
   -webkit-transition: all linear 0.5s;
}
#sliderPagination a:hover {
   background: #fff;
   color: #666;
   width: auto;
}
</style>
<div id="cssSlider">
   <figure id="image1">
      <img src="https://dr8je84o1cpr6.cloudfront.net/Img?ecid=1&productIdU=DIBK3V-A90065PBP&imageUrl=http%3A%2F%2Fec1img.pchome.com.tw%2Fpic%2Fv1%2Fdata%2Fitem%2F201506%2FD%2FI%2FB%2FK%2F3%2FV%2FDIBK3V-A90065PBP000_557529241964b.jpg&imgW=640&v=1462429330" alt="">
      <figcaption>Zambezi Sunset</figcaption>
   </figure>
   <figure id="image2">
      <img src="https://dr8je84o1cpr6.cloudfront.net/Img?ecid=8&productIdU=3809048&imageUrl=http%3A%2F%2Fimg1.momoshop.com.tw%2Fgoodsimg%2F0003%2F809%2F048%2F3809048_R.jpg%3Ft%3D1452003073&imgW=640&v=1462429330" alt="">
      <figcaption>Bateleur Eagle</figcaption>
   </figure>
   <figure id="image3">
      <img src="https://dr8je84o1cpr6.cloudfront.net/Img?ecid=8&productIdU=3339140&imageUrl=http%3A%2F%2Fwww.momoshop.com.tw%2Fgoodsimg%2F0003%2F339%2F140%2F3339140_L.jpg&imgW=640&v=1462429330" alt="">
      <figcaption>Common Seal</figcaption>
   </figure>  
   <figure id="image4">
      <img src="https://dr8je84o1cpr6.cloudfront.net/Img?ecid=4&productIdU=5974361&imageUrl=https%3A%2F%2Fs.yimg.com%2Fwb%2Fimages%2FD02D411F1577A7E40EE3DBEC087D3B26D879554C&imgW=640&v=1462429330" alt="">
      <figcaption>Caliach Point</figcaption>
   </figure>
   <div id="sliderPagination">
      <a href="#image1">1</a>
      <a href="#image2">2</a>
      <a href="#image3">3</a>
      <a href="#image4">4</a>
    
   </div>
</div>
	</body>
</html>

View

 
@model HelloWorldMvcApp.SampleViewModel
@{
    Layout = null;
}
​
<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->
​
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Bootstrap 101 Template</title>
​
        <!-- CSS Includes -->
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
        
        <style type="text/css">
​
            .field-validation-error {
                color: #ff0000;
            }
​
        </style>
    </head>
    
    <body>
        <style type="text/css">
#cssSlider {
   width: 700px;
   height: 210px;
   overflow: hidden;
   position: relative;
   margin: 0 auto;
}
#cssSlider figure {
   width: 700px;
   height: 210px;
   margin: 0;
   position: absolute;
   top: 0;
   left: -700px;
   z-index: 1;
   transition: all linear 0.5s;
   -o-transition: all linear 0.5s;
   -moz-transition: all linear 0.5s;
   -webkit-transition: all linear 0.5s;
}
#cssSlider figure:target {
   left: 0;
}
#cssSlider figure:first-child {
   left: 0;
}
#cssSlider figure figcaption {
   position: absolute;
   bottom: 0;
   right: 700px;
   z-index: 2;
   color: #fff;
   padding: 10px 20px;
   width: 660px;
   background: #000;
   transition: all linear 1s;
   -o-transition: all linear 1s;
   -moz-transition: all linear 1s;
   -webkit-transition: all linear 1s;
   opacity: 0;
}
#cssSlider figure:target figcaption {
   right: 0;
   opacity: 1;
}
#sliderPagination {
   position: absolute;
   right: 10px;
   bottom: 10px;
   z-index: 10;
}
#sliderPagination a {
   text-decoration: none;
   background: rgba(255,255,255,0.5);
   padding: 4px 8px;
   color: #333;
   border-radius: 20px;
   transition: all linear 0.5s;
   -o-transition: all linear 0.5s;
   -moz-transition: all linear 0.5s;
   -webkit-transition: all linear 0.5s;
}
#sliderPagination a:hover {
   background: #fff;
   color: #666;
   width: auto;
}
</style>
<div id="cssSlider">
   <figure id="image1">
      <img src="https://dr8je84o1cpr6.cloudfront.net/Img?ecid=1&productIdU=DIBK3V-A90065PBP&imageUrl=http%3A%2F%2Fec1img.pchome.com.tw%2Fpic%2Fv1%2Fdata%2Fitem%2F201506%2FD%2FI%2FB%2FK%2F3%2FV%2FDIBK3V-A90065PBP000_557529241964b.jpg&imgW=640&v=1462429330" alt="">
      <figcaption>Zambezi Sunset</figcaption>
   </figure>
   <figure id="image2">
      <img src="https://dr8je84o1cpr6.cloudfront.net/Img?ecid=8&productIdU=3809048&imageUrl=http%3A%2F%2Fimg1.momoshop.com.tw%2Fgoodsimg%2F0003%2F809%2F048%2F3809048_R.jpg%3Ft%3D1452003073&imgW=640&v=1462429330" alt="">
      <figcaption>Bateleur Eagle</figcaption>
   </figure>
   <figure id="image3">
      <img src="https://dr8je84o1cpr6.cloudfront.net/Img?ecid=8&productIdU=3339140&imageUrl=http%3A%2F%2Fwww.momoshop.com.tw%2Fgoodsimg%2F0003%2F339%2F140%2F3339140_L.jpg&imgW=640&v=1462429330" alt="">
      <figcaption>Common Seal</figcaption>
   </figure>  
   <figure id="image4">
      <img src="https://dr8je84o1cpr6.cloudfront.net/Img?ecid=4&productIdU=5974361&imageUrl=https%3A%2F%2Fs.yimg.com%2Fwb%2Fimages%2FD02D411F1577A7E40EE3DBEC087D3B26D879554C&imgW=640&v=1462429330" alt="">
      <figcaption>Caliach Point</figcaption>
   </figure>
   <div id="sliderPagination">
      <a href="#image1">1</a>
      <a href="#image2">2</a>
      <a href="#image3">3</a>
      <a href="#image4">4</a>
    
   </div>
</div>
    </body>
</html>
​

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

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		[HttpGet]
		public ActionResult Index()
		{
			return View(new SampleViewModel());
		}


		[HttpPost]
		public JsonResult GetAnswer(string question)
		{				
			int index = _rnd.Next(_db.Count);
			var answer = _db[index];
			return Json(answer);
		}

		private static Random _rnd = new Random();
		
		private static List<string> _db = new List<string> { "Yes", "No", "Definitely, yes", "I don't know", "Looks like, yes"} ;
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            return View(new SampleViewModel());
        }
​
​
        [HttpPost]
        public JsonResult GetAnswer(string question)
        {               
            int index = _rnd.Next(_db.Count);
            var answer = _db[index];
            return Json(answer);
        }
​
        private static Random _rnd = new Random();
        
        private static List<string> _db = new List<string> { "Yes", "No", "Definitely, yes", "I don't know", "Looks like, yes"} ;
    }
}

View in Full Screen

Members

Id	Name	GroupId
2	It's Member_2

All Members

Id	Name	GroupId
3	It's Member_3	2
2	It's Member_2

Cached Result
Last Run:	11:09:35 pm
Compile:	0.28s
Execute:	0.388s
Memory:	1.54Mb
CPU:	0.516s

Members

All Members

View IL Code