davidsonsousa

<div class="row">
	@foreach (var item in Model)
	{
		<div class="col-md-4">
			<a href="#" data-toggle="modal" data-target="#youtube-modal" data-video-title="@item.Title" data-video-id="@item.Id" data-video-width="@item.Width" data-video-height="@item.Height">
				<img src="http://img.youtube.com/vi/@item.Id/mqdefault.jpg" alt="@item.Id" />
			</a>
		</div>
	}
</div>

davidsonsousa

var player;

$('#youtube-modal').on('show.bs.modal', function (event) {
	var link = $(event.relatedTarget);
	var videoId = link.data('video-id');
	var videoTitle = link.data('video-title');
	var videoWidth = link.data('video-width');
	var videoHeight = link.data('video-height');

	var modal = $(this);

davidsonsousa

<div class="modal fade" id="youtube-modal">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title"></h4>
			</div>
			<div class="modal-body">
				<!-- Player for Youtube API -->
				<div id="player"></div>

davidsonsousa

@model DropDownListExample.ViewModels.GenericViewModel

@Html.DropDownListFor(m => m.SelectedCountryId, Model.CountryItems)

davidsonsousa

public ActionResult Index()
{
	var genericViewModel = new GenericViewModel();
	return View(genericViewModel);
}

davidsonsousa

public class GenericViewModel
{
	[Display(Name = "Country")]
	public Guid SelectedCountryId { get; set; }
	public List<SelectListItem> CountryItems { get; set; }

	public GenericViewModel()
	{
		var ddlHelper = new DropDownListHelper();
		this.CountryItems = ddlHelper.CountryItems.ToList();

davidsonsousa

public IEnumerable<SelectListItem> DefaultItem
{
	get
	{
		return Enumerable.Repeat(new SelectListItem
		{
			Value = "",
			Text = "- SELECT -"
		}, count: 1);
	}

davidsonsousa

private List<Country> _countries;
public IEnumerable<SelectListItem> CountryItems
{
	get
	{
		IEnumerable<SelectListItem> selectCountries = new List<SelectListItem>();
		selectCountries = _countries.Select(x => new SelectListItem
		{
			Value = x.Id.ToString(),
			Text = x.Name

davidsonsousa

public class Country
{
	public Guid Id { get; set; }
	public string Name { get; set; }
}

davidsonsousa

public class Video
{
	public string Id { get; set; }
	public string Title { get; set; }
	public string Width { get; set; }
	public string Height { get; set; }
}