C# Online Compiler | .NET Fiddle

<no name> by Anonymous

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	public class SampleViewModel
	{ 
		[Required]
		[MinLength(10)]
		[MaxLength(100)]
		[Display(Name = "Ask Magic 8 Ball any question:")]
		public string Question { get; set; }

		//See here for list of answers
		public string Answer { get; set; }
	}  
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    public class SampleViewModel
    { 
        [Required]
        [MinLength(10)]
        [MaxLength(100)]
        [Display(Name = "Ask Magic 8 Ball any question:")]
        public string Question { get; set; }
​
        //See here for list of answers
        public string Answer { get; set; }
    }  
}              

@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">

		
		html, body {
				height: 100%;
				margin: 0;
				padding: 0;
				background:#2E2E2E;
				font-size: 12px;
				}

			
		.map{position: relative;}

		.capital {width: 10px;
			height: 10px;
			background: green;
			position: absolute;
			left:695px;
			top:395px;
			}


		.viewlist{ width: 160px;
			height: auto;
			background:#F2F2F2;
			box-shadow: -2px 2px  2px 2px #696969;
			padding: 0px 5px;
			position: absolute;
			border-radius: 10px;
			-webkit-transform-origin: 0 0;
			top :1%;
			left :50%;	       
			display: none;
			} 
			
</style>
</head>
	
<body>
			 
	<div id="map" class = "map" style='height:800px;width:1400px;'></div>
		<div id="IEV" class = "capital"></div>
		<div class = "viewlist"></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 src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDorxeQAeWYL5PdlwFWKpijhKIDFvCItmU"></script>
<script type="text/javascript">
		         
   var arr = [];
  var flightPath;  
   var map;

      var beaches = [
  ['IEV', 50.449280, 30.525824,'Kiev'],
  ['MOW', 55.87531083569679,37.5732421875,'Moscow'],
  ['MSQ', 53.93021986394,27.509765625,'Minsk'],
  ['PAR', 48.86471476180277,2.373046875,'Paris'],
  ['LED', 59.977005492196,30.2783203125,'St.Petersburg'],
  ['ROM', 41.934976500546604,12.4365234375,'Roma'],
  ['AMS', 52.48278022207823,4.833984375,'Amsterdam'],
  ['IST', 40.979898069620134,29.00390625,'Istambul'],
  ['TBS', 41.70572851523752,44.9560546875,'Tbilisi'],
  ['KRR', 45.089035564831036,39.0234375,'Krasnodar']
		];

var newday = new Date();                   // console.log(newday);
var year = newday.getFullYear();           //  console.log(year);
var month = newday.getMonth()+1;           //  console.log(month);
var day = newday.getDate();            // console.log(day);
var newdaystring  ="";	
var nameKiev = beaches[0][3];
		
			 	
	if(month < 10 ){	newdaystring =  year +"-0"+ month;}	
	else {newdaystring =  year +"-"+ month;}					console.log(newdaystring);
				
																				//$(".map").click(function(event){console.log("общая"+event.pageX+";"+event.pageY)});
      function initialize() {
        var kiev = { lat: 50.449280, lng: 30.525824 };
        map = new google.maps.Map(document.getElementById('map'), { zoom: 5, minZoom: 5,maxZoom: 5, draggable:false, center: kiev});

	for (var i = 0; i < beaches.length; i++) {
		var beach = beaches[i];
		var marker = new google.maps.Marker({
			position: {lat: beach[1], lng: beach[2]},
			map: map,
			title: beach[0],    			
			label: beach[3]			
   				 });
 arr.push(marker);
			           }							console.log("массив" +arr);			//mass markers
  
 
	for (var i = 0; i < arr.length; i++) {
	
		google.maps.event.addListener(arr[i], 'click', function(e) {
		 	  
		if(flightPath){removeLine();}	
	
			$(".viewlist").empty().css({'display':'none'});
			var location = e.latLng;											//console.log(location.lat() +","+location.lng());
			var  IATA =this.title;													console.log("иат"+IATA);
			var  arrivalCity =this.label;												console.log("город"+arrivalCity);
			var y = 0;
			var x = 0;
			y = event.pageY;														console.log("высота"+y);
			x = event.pageX;														console.log("ширина"+x);
		   var flightPlanCoordinates = [];
			flightPath =[];
	 
	flightPlanCoordinates = [
          {lat: 50.449280, lng: 30.525824},
          {lat: location.lat(), lng: location.lng()}
        ];
	
	
    flightPath = new google.maps.Polyline({
          path: flightPlanCoordinates,
          geodesic: true,
          strokeColor: '#FF0000',
          strokeOpacity: 1.0,
          strokeWeight: 2
        });
	              
        addLine();

			$.ajax({
			url: '@Url.RouteUrl(new{ action="GetAnswer", controller="Home"})',
							data: {'City':'IEV','Day':newdaystring},
								type: 'POST',
								dataType: 'json',
								success: function(resp) {
								openAlert(resp);
			console.log("уррраааа");
						}});
	 
	function openAlert(txt) {
			
			var object = $.parseJSON(txt);
			var flags = 0;
			
			$(".viewlist").css({'display': 'block',
								'top':y,
								'left':x
								});
			
			object.forEach(function(list){
			
				if (list["destination"] == IATA){
				
					flags++; 
					var elem =  $(".viewlist").append("<div class = 'innerlist'></div>");
					
					elem.html(
					"<b>"+"<span>"+list["depart_date"]+"</span>"+"</b>"+" "+
					"<br>"+
					"<span>"+nameKiev+" - "+arrivalCity+"</span>"+" "+
					"<br>"+
					 "<span>"+list["value"]+ " rub."+"</span>"
							);
											}
											});
			
			if(flags == 0){
					$(".viewlist").text("In the near future there are no flights");
						 };
			
										}
	
			});} 
				    
	//google.maps.event.addListener(map, 'click', function(e) { var location = e.latLng;console.log(location.lat() +","+location.lng());})
	
	google.maps.event.addListener(map, 'click', function() { removeLine();});
	
	function addLine() {
        flightPath.setMap(map);
      }

      function removeLine() {
        flightPath.setMap(null);
      }		
	}

 
google.maps.event.addDomListener(window, 'load', initialize);

		</script>
	</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">
​
        
        html, body {
                height: 100%;
                margin: 0;
                padding: 0;
                background:#2E2E2E;
                font-size: 12px;
                }
​
            
        .map{position: relative;}
​
        .capital {width: 10px;
            height: 10px;
            background: green;
            position: absolute;
            left:695px;
            top:395px;
            }
​
​
        .viewlist{ width: 160px;
            height: auto;
            background:#F2F2F2;
            box-shadow: -2px 2px  2px 2px #696969;
            padding: 0px 5px;
            position: absolute;
            border-radius: 10px;
            -webkit-transform-origin: 0 0;
            top :1%;
            left :50%;         
            display: none;
            } 
            
</style>
</head>
    
<body>
             
    <div id="map" class = "map" style='height:800px;width:1400px;'></div>
        <div id="IEV" class = "capital"></div>
        <div class = "viewlist"></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 src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDorxeQAeWYL5PdlwFWKpijhKIDFvCItmU"></script>
<script type="text/javascript">
                 
   var arr = [];
  var flightPath;  
   var map;
​
      var beaches = [
  ['IEV', 50.449280, 30.525824,'Kiev'],
  ['MOW', 55.87531083569679,37.5732421875,'Moscow'],
  ['MSQ', 53.93021986394,27.509765625,'Minsk'],
  ['PAR', 48.86471476180277,2.373046875,'Paris'],
  ['LED', 59.977005492196,30.2783203125,'St.Petersburg'],
  ['ROM', 41.934976500546604,12.4365234375,'Roma'],
  ['AMS', 52.48278022207823,4.833984375,'Amsterdam'],
  ['IST', 40.979898069620134,29.00390625,'Istambul'],
  ['TBS', 41.70572851523752,44.9560546875,'Tbilisi'],
  ['KRR', 45.089035564831036,39.0234375,'Krasnodar']
        ];
​
var newday = new Date();                   // console.log(newday);
var year = newday.getFullYear();           //  console.log(year);
var month = newday.getMonth()+1;           //  console.log(month);
var day = newday.getDate();            // console.log(day);
var newdaystring  ="";  
var nameKiev = beaches[0][3];
        
                
    if(month < 10 ){    newdaystring =  year +"-0"+ month;} 
    else {newdaystring =  year +"-"+ month;}                    console.log(newdaystring);
                
                                                                                //$(".map").click(function(event){console.log("общая"+event.pageX+";"+event.pageY)});
      function initialize() {
        var kiev = { lat: 50.449280, lng: 30.525824 };
        map = new google.maps.Map(document.getElementById('map'), { zoom: 5, minZoom: 5,maxZoom: 5, draggable:false, center: kiev});
​
    for (var i = 0; i < beaches.length; i++) {
        var beach = beaches[i];
        var marker = new google.maps.Marker({
            position: {lat: beach[1], lng: beach[2]},
            map: map,
            title: beach[0],                
            label: beach[3]         
                 });
 arr.push(marker);
                       }                            console.log("массив" +arr);         //mass markers
  
 
    for (var i = 0; i < arr.length; i++) {
    
        google.maps.event.addListener(arr[i], 'click', function(e) {
              
        if(flightPath){removeLine();}   
    
            $(".viewlist").empty().css({'display':'none'});
            var location = e.latLng;                                            //console.log(location.lat() +","+location.lng());
            var  IATA =this.title;                                                  console.log("иат"+IATA);
            var  arrivalCity =this.label;                                               console.log("город"+arrivalCity);
            var y = 0;
            var x = 0;
            y = event.pageY;                                                        console.log("высота"+y);
            x = event.pageX;                                                        console.log("ширина"+x);
           var flightPlanCoordinates = [];
            flightPath =[];
     
    flightPlanCoordinates = [
          {lat: 50.449280, lng: 30.525824},
          {lat: location.lat(), lng: location.lng()}
        ];
    
    
    flightPath = new google.maps.Polyline({
          path: flightPlanCoordinates,
          geodesic: true,
          strokeColor: '#FF0000',
          strokeOpacity: 1.0,
          strokeWeight: 2
        });
                  
        addLine();
​
            $.ajax({
            url: '@Url.RouteUrl(new{ action="GetAnswer", controller="Home"})',
                            data: {'City':'IEV','Day':newdaystring},
                                type: 'POST',
                                dataType: 'json',
                                success: function(resp) {
                                openAlert(resp);
            console.log("уррраааа");
                        }});
     
    function openAlert(txt) {
            
            var object = $.parseJSON(txt);
            var flags = 0;
            
            $(".viewlist").css({'display': 'block',
                                'top':y,
                                'left':x
                                });
            
            object.forEach(function(list){
            
                if (list["destination"] == IATA){
                
                    flags++; 
                    var elem =  $(".viewlist").append("<div class = 'innerlist'></div>");
                    
                    elem.html(
                    "<b>"+"<span>"+list["depart_date"]+"</span>"+"</b>"+" "+
                    "<br>"+
                    "<span>"+nameKiev+" - "+arrivalCity+"</span>"+" "+
                    "<br>"+
                     "<span>"+list["value"]+ " rub."+"</span>"
                            );
                                            }
                                            });
            
            if(flags == 0){
                    $(".viewlist").text("In the near future there are no flights");
                         };
            
                                        }
    
            });} 
                    
    //google.maps.event.addListener(map, 'click', function(e) { var location = e.latLng;console.log(location.lat() +","+location.lng());})
    
    google.maps.event.addListener(map, 'click', function() { removeLine();});
    
    function addLine() {
        flightPath.setMap(map);
      }
​
      function removeLine() {
        flightPath.setMap(null);
      }     
    }
​
 
google.maps.event.addDomListener(window, 'load', initialize);
​
        </script>
    </body>
</html>
​

using System;
using System.Text;
using System.Web.Mvc;
using System.Collections.Generic;
using System.Net;
using System.IO;
namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		private const string URL_HEAD = "http://map.aviasales.ru/prices.json?origin_iata=";
		private const string URL_fOOT = ":season&direct=true&one_way=true&schengen=true&locale=ru&min_trip_duration_in_days=1&max_trip_duration_in_days=2";
		
		[HttpGet]
		public ActionResult Index()
		{
			return View(new SampleViewModel());
		}


	 private string GetJSONResult(string URL)
		{
			HttpWebRequest request = WebRequest.Create(URL) as HttpWebRequest;
            string result = "";

            using (HttpWebResponse response = request.GetResponse() as HttpWebResponse)
            {
                StreamReader reader = new StreamReader(response.GetResponseStream());
                result = reader.ReadToEnd();
            } 
			
			return result;
		}
	 
	 
		[HttpPost]
		public JsonResult GetAnswer(string City,string Day)
		{		string result = GetJSONResult(URL_HEAD + City +"&period="+Day+"-01" + URL_fOOT);		
					
			return Json(result);
		}

		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.Text;
using System.Web.Mvc;
using System.Collections.Generic;
using System.Net;
using System.IO;
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        private const string URL_HEAD = "http://map.aviasales.ru/prices.json?origin_iata=";
        private const string URL_fOOT = ":season&direct=true&one_way=true&schengen=true&locale=ru&min_trip_duration_in_days=1&max_trip_duration_in_days=2";
        
        [HttpGet]
        public ActionResult Index()
        {
            return View(new SampleViewModel());
        }
​
​
     private string GetJSONResult(string URL)
        {
            HttpWebRequest request = WebRequest.Create(URL) as HttpWebRequest;
            string result = "";
​
            using (HttpWebResponse response = request.GetResponse() as HttpWebResponse)
            {
                StreamReader reader = new StreamReader(response.GetResponseStream());
                result = reader.ReadToEnd();
            } 
            
            return result;
        }
     
     
        [HttpPost]
        public JsonResult GetAnswer(string City,string Day)
        {       string result = GetJSONResult(URL_HEAD + City +"&period="+Day+"-01" + URL_fOOT);        
                    
            return Json(result);
        }
​
        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

View IL Code