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

namespace WebApiExplorer.Controllers
{
 public partial class MVCFlexChartController : Controller
 {
 private readonly ImageExportOptions _flexChartModel = new ImageExportOptions
 {
 Exporter = "wijmo.chart.ImageExporter"
 };

 private static IDictionary<string, object[]> CreateIndexSettings()
 {
 var settings = new Dictionary<string, object[]>
 {
 {"ChartType", new object[]{"Column", "Bar", "Scatter", "Line", "LineSymbols", "Area", "Spline", "SplineSymbols", "SplineArea"}},
 {"Stacking", new object[]{"None", "Stacked", "Stacked 100%"}},
 {"Rotated", new object[]{false, true}},
 {"Palette", new object[]{"standard", "cocoa", "coral", "dark", "highcontrast", "light", "midnight", "minimal", "modern", "organic", "slate"}},
 {"GroupWidth", new object[]{"25%", "70%", "100%", "50 pixels"}}
 };
 return settings;
 }

 private static IDictionary<string, object> GetIndexDefaultValues()
 {
 var defaultValues = new Dictionary<string, object>
 {
 {"GroupWidth", "70%"}
 };

 return defaultValues;
 }

 public ActionResult Index()
 {
 ViewBag.DemoSettingsModel = new ClientSettingsModel
 {
 Settings = CreateIndexSettings(),
 DefaultValues = GetIndexDefaultValues()
 };

 ViewBag.Options = _flexChartModel;
 return View(Fruit.GetFruitsSales());
 }

 }
}

@model IEnumerable<Fruit>
@{
 ViewBag.DemoSettings = true;
 ClientSettingsModel demoSettingsModel = ViewBag.DemoSettingsModel;
 ImageExportOptions optionsModel = ViewBag.Options;
}

@(Html.C1().FlexChart().Id(optionsModel.ControlId)
 .Bind(Model).BindingX("Name").Series(sers =>
 {
 sers.Add().Binding("MarPrice").Name("March");
 sers.Add().Binding("AprPrice").Name("April");
 sers.Add().Binding("MayPrice").Name("May");
 })
)

@section Settings{
 @Html.Partial("_ImageExportOptions", optionsModel)
}

<script type="text/javascript">
 convertStacking = function (value) {
 return value === "Stacked 100%" ? "Stacked100pc" : value;
 };
 convertPalette = function (value) {
 return wijmo.chart.Palettes[value];
 };
 updateGroupWidth = function (control, value) {
 control.options = { groupWidth: value === "50 pixels" ? 50 : value };

 };
</script>

@section Description{
 @Html.Raw(Resources.MVCFlexChart.Index_Text0)
}