var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Series;
        (function (Series) {
            let Components;
            (function (Components) {
                class SeriesFormatDetails 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'];
                    }
                    cssFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        let html = `<form id="frm_Series_SeriesFormatDetails" method="post" data-validate="parsley">
    <header class="b-b bg-white modal-header">
        <strong class="text-dark Title" id="div_FormName">Series Format Details</strong>
        <input type="hidden" id="hf_SeriesId" value="0" />
        <input type="hidden" id="hf_SeriesFormatId" value="0" />
    </header>
    <div class="bg-light control-sorting modal-body" style="overflow-y: auto; height: 826px;">
        <div id="bizgaze_ValidationsSummary" class="clear">
        </div>
        <div class="panel panel-default m-n">
                <div class="row font-14">
                    <div class="col-sm-12">
                        <ul class="list-group m-b-n">
                            <li class="list-group-item">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <strong>Series Format</strong>
                                        <span class="pull-right" id="sname"></span>
                                    </div>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <strong>Starting Number</strong>
                                        <span class="pull-right" id="snumber"></span>
                                    </div>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <strong>Last Number</strong>
                                        <span class="pull-right" id="lnumber"></span>
                                    </div>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <strong>Number Prefix</strong>
                                        <span class="pull-right" id="numprefix"></span>
                                    </div>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <strong>Number Size</strong>
                                        <span class="pull-right" id="numsize"></span>
                                    </div>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <strong>From Date</strong>
                                        <span class="pull-right" id="fdate"></span>
                                    </div>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <strong>To Date</strong>
                                        <span class="pull-right" id="tdate"></span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
        </div>
    </div>
</form>
<footer class="bg-white modal-footer" style="position:absolute; bottom:0px;width:100%;">
    <a href="javascript:;" id="btn_SeriesFormatDetailsClose" class="btn btn-light btn-sm mr-auto"> Close</a>
</footer>`;
                        $("." + containerid).html(html);
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = Unibase.Platform.Series.Components.SeriesFormatDetails.Instance();
                        instance.GetSeriesFormatDetails();
                        $("#btn_SeriesFormatDetailsClose").click(function () {
                            $('#' + containerid).modal('hide');
                            $('#' + containerid).remove();
                        });
                    }
                    GetSeriesFormatDetails() {
                        var SeriesId = Number($("#hf_seriesid").val());
                        var SeriesFormatId = Number($("#hf_seriesformatid").val());
                        var _fileCacheHelper = this.fileCacheHelper;
                        _fileCacheHelper.loadJsFile('platform/series/managers/seriesmanager.js', null);
                        var _datetimehelper = Unibase.Platform.Helpers.DateTimeHelper.Instance();
                        this.seriesManager.getSeriesFormatBySeriesId(SeriesId, SeriesFormatId).then(function (response) {
                            $('#snumber').text(response.result.StartingNumber);
                            $('#lnumber').text(response.result.LastNumber);
                            $('#sname').text(response.result.seriesformat);
                            $('#numprefix').text(response.result.NumberPrefix);
                            $('#numsize').text(response.result.NumberSize);
                            $("#fdate").text(_datetimehelper.formatLocalDate1(response.result.FromDate, ''));
                            $("#tdate").text(_datetimehelper.formatLocalDate1(response.result.ToDate, ''));
                        });
                    }
                    static Instance() {
                        if (this.instance === undefined) {
                            this.instance = new SeriesFormatDetails();
                        }
                        return this.instance;
                    }
                }
                Components.SeriesFormatDetails = SeriesFormatDetails;
            })(Components = Series.Components || (Series.Components = {}));
        })(Series = Platform.Series || (Platform.Series = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));