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

namespace FinancialChartExplorer.Controllers
{
    public partial class HomeController : Controller
    {
        public ActionResult PointAndFigure()
        {
            ViewBag.FbData = FbData.GetDataFromJson();
            ViewBag.RsData = FbData.GetReativeStrengthDataFromJson();
            ViewBag.DemoSettingsModel = new ClientSettingsModel() { Settings = CreatePointAndFigureSettings(), DefaultValues = CreatePointAndFigureDefaultValues() };
            return View();
        }

        private static IDictionary<string, object[]> CreatePointAndFigureSettings()
        {
            var settings = new Dictionary<string, object[]>
            {
                {"Fields", new object[]{"HighLow","Close"}},
                {"Reversal", new object[]{"2","3","4","5"}},
                {"Scaling", new object[]{"Traditional", "Fixed", "Dynamic"}},
                {"BoxSize", new object[]{"1","2","3","4","5"}},
                {"Period", new object[]{"10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30"}},
                {"Stroke", new object[]{"LightBlue","Red", "Green", "Blue","Black","Purple","Yellow","Orange","Silver","Brown"}},
                {"AltStroke", new object[]{"LightBlue","Red", "Green", "Blue","Black","Purple","Yellow","Orange","Silver","Brown"}},
            };

            return settings;
        }

        private static IDictionary<string, object> CreatePointAndFigureDefaultValues()
        {
            return new Dictionary<string, object>
            {
                { "Reversal", "3" },
                { "Period", "20" },
                { "Stroke", "Black" },
                { "AltStroke", "Red" }
            };
        }
    }
}

@using FinancialChartExplorer.Models

@{
    IEnumerable<FinanceData> fbData = ViewBag.FbData;
    IEnumerable<FinanceData> rsData = ViewBag.RsData;
    ViewBag.DemoSettings = true;
    ClientSettingsModel demoSettingsModel = ViewBag.DemoSettingsModel;
}


    <script type="text/javascript">

        c1.documentReady(function () {
            var scaling = wijmo.Control.getControl('#Scaling');
            var boxSize = wijmo.Control.getControl('#BoxSize');
            var period = wijmo.Control.getControl('#Period');

            function updateStatus(s) {
                boxSize.isDisabled = s.selectedIndex != 1;
                period.isDisabled = s.selectedIndex != 2;
            }

            updateStatus(scaling);
            scaling.selectedIndexChanged.addHandler(function (s, e) {
                updateStatus(s);
            });

            function updateX(cv) {
                var items = cv.sourceCollection;
                for (var i = 0; i < items.length; i++) {
                    var item = items[i];
                    item['X'] = wijmo.Globalize.parseDate(item['X'], "yyyy-MM-dd");
                }
            }

            updateX(c1.getService("cvFb"));
            updateX(c1.getService("cvRs"));
        });

        function customChangeFields(control, value) {
            var options = getPointAndFigureOptions(control);
            options.fields = wijmo.chart.finance.DataFields[value];
            control.invalidate();
        }

        function customChangeReversal(control, value) {
            var options = getPointAndFigureOptions(control);
            options.reversal = +value;
            control.invalidate();
        }

        function customChangeScaling(control, value) {
            var options = getPointAndFigureOptions(control);
            options.scaling = wijmo.chart.finance.PointAndFigureScaling[value];
            control.invalidate();
        }

        function customChangeBoxSize(control, value) {
            var options = getPointAndFigureOptions(control);
            options.boxSize = +value;
            control.invalidate();
        }

        function customChangePeriod(control, value) {
            var options = getPointAndFigureOptions(control);
            options.period = +value;
            control.invalidate();
        }

        function getPointAndFigureOptions(control) {
            var options = control.options;
            if (!options) {
                options = control.options = {};
            }

            var pointAndFigure = options.pointAndFigure;
            if (!pointAndFigure) {
                pointAndFigure = options.pointAndFigure = {};
            }

            return pointAndFigure;
        }

        function customChangeStroke(control, value) {
            setColor(control, "style", "stroke", value);
        }

        function customChangeAltStroke(control, value) {
            setColor(control, "altStyle", "stroke", value);
        }

        function setColor(control, styleName, attName, value) {
            control.series[0][styleName][attName] = value;
            control.invalidate();
        }

        function changeStockData(menu) {
            var chart = wijmo.Control.getControl('#@demoSettingsModel.ControlId');
            var fields = wijmo.Control.getControl('#Fields');

            // update header
            menu.header = "Stock Data: <b>" + menu.selectedItem.Header + "</b>";

            // change the items source and default fields setting
            var value = menu.selectedItem.CommandParameter;
            switch (value) {
                case "rs":
                    chart.itemsSource = c1.getService("cvRs");
                    fields.selectedIndex = 1;
                    break;
                case "fb":
                default:
                    chart.itemsSource = c1.getService("cvFb");
                    fields.selectedIndex = 0;
                    
                    break;
            }

            // update fields
            changeFields(fields);
        }
    </script>

     @Html.C1().Menu().Id("stockData").Header("Stock Data: <b>Facebook Inc. (FB)</b>").MenuItems(items =>
            {
                items.Add().Header("Facebook Inc. (FB)").CommandParameter("fb");
                items.Add().Header("FB relative to NASDAQ-100 (NDX)").CommandParameter("rs");
            }).OnClientItemClicked("changeStockData")

    @Html.C1().CollectionViewService().Id("cvFb").Bind(fbData)
    @Html.C1().CollectionViewService().Id("cvRs").Bind(rsData)

    @(Html.C1().FinancialChart()
        .Id(demoSettingsModel.ControlId)
        .ItemsSourceId("cvFb")
        .BindingX("X")
        .ChartType(C1.Web.Mvc.Finance.ChartType.PointAndFigure)
        .Options(o =>
        {
            o.PointAndFigureFields(C1.Web.Mvc.Finance.DataFields.HighLow);
            o.PointAndFigureReversal(3);
            o.PointAndFigureScaling(C1.Web.Mvc.Finance.PointAndFigureScaling.Traditional);
            o.PointAndFigureBoxSize(1);
            o.PointAndFigurePeriod(20);
        })
        .Series(sers =>
        {
            sers.Add().Binding("High,Low,Open,Close").Name("FB").Style(s => s.Stroke("Black")).AltStyle(s => s.Stroke("Red"));
        })
        .Tooltip(t => t.Content("{x:d}<br/>{y}")))

    @section Description{
        <p>
            Point and Figure chart consists of columns of X's and O's that represent filtered price movements.
            X-Columns represent rising prices and O-Columns represent falling prices.
        </p>
    }
    @section Summary{
        <p>
            Point and Figure chart consists of columns of X's and O's that represent filtered price movements.
        </p>
    }