var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Series;
        (function (Series) {
            let Components;
            (function (Components) {
                class SeriesFormatList extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this.seriesManager = Series.Managers.SeriesManager.Instance();
                        this.datetimehelper = Platform.Helpers.DateTimeHelper.Instance();
                    }
                    jsFiles() {
                        return ['platform/series/managers/seriesmanager.js', 'platform/core/helpers/datetimehelper/datetimehelper.js', 'platform/series/components/createseriesformat.js', 'platform/series/components/seriesformatdetails.js'];
                    }
                    cssFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        let html = `<form id="SeriesFormatList" method="post" data-validate="parsley">
    <header class="b-b bg-white modal-header">
        <strong class="text-dark Title">Series Format</strong>
    </header>
    <div class="bg-light control-sorting modal-body pl-0 pr-0 pt-0" style="overflow-y: auto; height: 826px;">
        <input type="hidden" id="hf_seriesid" />
        <input type="hidden" id="hf_seriesformatid" />
        <div id="seriesformatdiv" class="bg-cyan-light-4">
            <div class="mb-10 d-none d-sm-block">
                <h6>
                    <div class="pull-right mr-10"></div>
                    <div class="col-10">
                        <div class="row">
                            <div class="col-sm-4 ml-1">Format</div>
                            <div class="col-sm-4">From Date</div>
                            <div class="col-sm-3">To Date</div>
                        </div>
                    </div>
                </h6>
            </div>
            <ul id="seriesformatList" class="list-group list-group-flush font-14"></ul>
        </div>
    </div>
<div class="bg-white footer b-t">
    <a  id="btn_CloseSeriesFormatList" class="btn btn-light btn-sm mr-auto"> Close</a>
    <a id="btnAddNewSeriesFormat" class="btn btn-sm"><i class="fa fa-plus"></i></a>
</div>
</form>`;
                        $("." + containerid).html(html);
                        return html;
                    }
                    load(id, containerid, callback) {
                        var Id = Number(id);
                        var instance = this;
                        instance.FormatList();
                        $("#btn_CloseSeriesFormatList").click(function () {
                            $('#' + containerid).modal('hide');
                            $('#' + containerid).remove();
                        });
                        $("#btnAddNewSeriesFormat").click(function () {
                            Unibase.Platform.Series.Components.CreateSeriesFormat.Instance().render(id);
                        });
                    }
                    FormatList() {
                        var SeriesId = Number($("#hf_seriesid").val());
                        var _datetimehelper = Unibase.Platform.Helpers.DateTimeHelper.Instance();
                        this.seriesManager.getSeriesFormats(SeriesId).then(function (response) {
                            $('.seriesformatlist').remove();
                            var html = "";
                            for (var i = 0; i < response.result.length; i++) {
                                var index = i + 1;
                                var data = response.result[i];
                                html = '<li class="row list-group-item seriesformatlist clear">' +
                                    '<a id="edit' + i + '"class="pull-right col-2 btn_EditFormat"  href="javascript:;" onclick="Unibase.Platform.Series.Components.CreateSeriesFormat.Instance().render(' + data.SeriesFormatId + ');">' +
                                    '<i class="pull-right fa fa-pencil m-t " ></i></a>' +
                                    '<a class="text-light-60" href="javascript:;" onclick="javascript:return Unibase.Platform.Series.Components.SeriesFormatList.Instance().SeriesFormatDetails(' + data.SeriesId + ', ' + data.SeriesFormatId + ');">' +
                                    '<div class="col-10">' +
                                    '<div class="row">' +
                                    '<div class="txt_format col-sm-4">' + data.seriesformat + '</div>' +
                                    '<div class="date_fromdate col-sm-4 ml-1 d-none d-sm-block">' + _datetimehelper.formatLocalDate1(data.FromDate, '') + '</div>' +
                                    '<div class="col-sm-4 d-block d-sm-none">' + _datetimehelper.formatLocalDate1(data.FromDate, '') + '</div>' +
                                    '<div class="date_todate_' + index + ' col-sm-3 ml-1 d-none d-sm-block">' + _datetimehelper.formatLocalDate1(data.ToDate, '') + '</div>' +
                                    '<div class="col-sm-3 d-block d-sm-none">' + _datetimehelper.formatLocalDate1(data.ToDate, '') + '</div>' +
                                    '</div>' +
                                    '</div>' +
                                    '</a></li>';
                                $('#seriesformatList').append(html);
                            }
                        });
                    }
                    SeriesFormatDetails(SeriesId, SeriesFormatId) {
                        $("#hf_seriesid").val(SeriesId);
                        $("#hf_seriesformatid").val(SeriesFormatId);
                        var instance = this;
                        instance.navigationHelper.popup(SeriesId, '', Unibase.Platform.Series.Components.SeriesFormatDetails.Instance(), null, Platform.Helpers.Size.DockLeft);
                    }
                    static Instance() {
                        if (this.instance === undefined) {
                            this.instance = new SeriesFormatList();
                        }
                        return this.instance;
                    }
                }
                Components.SeriesFormatList = SeriesFormatList;
            })(Components = Series.Components || (Series.Components = {}));
        })(Series = Platform.Series || (Platform.Series = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));