"use strict";

var currencyMap = [{ name: "usd", value: "$" }, { name: "euro", value: "€" }, { name: "gbp", value: "₤" }, { name: "yen", value: "¥" }];
var loader = '<div class="loader-wrp"><div class="spin-loader" aria-hidden="true"></div></div>';
var $marketSlider = void 0;
// $(window).on('load', function () {
//     $('#pageLoader').fadeOut();
// })
var companyAutoCompleteData = void 0;
var applyCompanyAutoCompleteFilter = void 0;

var tabLegend = new Map([['equities', 'equity'], ['sme', 'sme'], ['debt', 'bonds'], ['mf', 'Mutual Funds']]);

var EnDLegends = new Map([['FUTCUR', 'Currency Futures'], ['OPTCUR', 'Currency Options'], ['FUTSTK', 'Stock Futures'], ['OPTSTK', 'Stock Options'], ['FUTIDX', 'Index Futures'], ['OPTIDX', 'Index Options'], ['FUTIRC', 'Interest Rate Futures'], ['FUTIRT', 'Govt. Sec. Futures'], ['FUTBLN', 'Bullion Futures'], ['FUTENR', 'Energy Futures'], ['CE', 'Call'], ['PE', 'Put'], ['FF', 'FF'], ['XX', '-']]);
var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var companyFilter = false;
var entityMap = {
    '&': '&amp;',
    '<': '&lt;',
    '>': '&gt;',
    '"': '&quot;',
    "'": '&#39;',
    '/': '&#x2F;',
    '`': '&#x60;',
    '=': '&#x3D;'
};
var QLCorpCom = [];
var quickBtn = false;
var autoPlayMarket = void 0,
    QLCorpTable = void 0,
    tabIndex = void 0,
    autoUpdateMarket = void 0;

var equityKey = 'equity',
    derivativeKey = 'derivatives',
    slbKey = 'slb',
    bondsKey = 'bonds';

var activeTabNo = 0;
var activeTabVal = void 0;
var ua = window.navigator.userAgent;
var lastScrollAt = Date.now(),
    timeout = void 0;

var errSnackbarTimeout;

function escapeHtml(string) {
    return String(string).replace(/[&<>"'`=\/]/g, function fromEntityMap(s) {
        return entityMap[s];
    });
}

$(function () {
    //customDropdown();

    tableHeaderFix();

    /* Select overlapping issue fix */
    $('#main_navbar li').hover(function () {
        $('select').blur();
    });
    /* Select overlapping issue fix End */

    /* Market Status Hover Stop Animation */
    /*$('#nseMarketStatus').hover(function(){
        clearTimeout(autoPlayMarket);
    }, function(){
        autoplayMarketStatus();
    })*/
    /* End */

    /* collapse banner */
    var nav = $("#main_slider"),
        animateTime = 500,
        navLink = $('.collpase_btn a');
    navLink.click(function (e) {
        $(this).parent().toggleClass('link_collapsed');
        $("#main_slider").toggleClass("bnr_height");
        if (nav.height() === 200) {
            autoHeightAnimate(nav, animateTime);
        } else {
            nav.stop().animate({ height: '200' }, animateTime);
        }
        e.preventDefault();
    }).click();

    /* Function to animate height: auto */
    function autoHeightAnimate(element, time) {
        var curHeight = element.height(),
            autoHeight = element.css('height', 'auto').height();
        element.height(curHeight);
        element.stop().animate({ height: autoHeight }, time);
    }

    /* @end collapse banner */

    /* fixed header */
    function re_head_height() {
        var header_height = $('header').height();
        $('body').css('padding-top', header_height);
    }

    re_head_height();
    $(window).resize(function () {
        re_head_height();
    });
    /* end fixed header */

    $('.subscribe_toggle').on(' click', function () {
        $('.subscribe_toggle .card-body').toggleClass('open');
    });
    $('.subscribe_toggle').on('mouseleave', function () {
        $('.subscribe_toggle .card-body').removeClass('open');
    });

    /* collapsible search */
    var submitIcon = $('.searchbox-icon');
    var inputBox = $('.searchbox-input');
    var searchBox = $('.expnd_searchbox');
    var isOpen = false;
    submitIcon.click(function () {
        if (isOpen == false) {
            searchBox.addClass('searchbox-open');
            inputBox.focus();
            isOpen = true;
        } else {
            searchBox.removeClass('searchbox-open');
            inputBox.focusout();
            isOpen = false;
        }
    });
    submitIcon.mouseup(function () {
        return false;
    });
    searchBox.mouseup(function () {
        return false;
    });
    $(document).mouseup(function () {
        if (isOpen == true) {
            $('.searchbox-icon').css('display', 'block');
            submitIcon.click();
        }
    });

    /* footer accordion */
    $(".nav-folderized .foot-nav h6").click(function () {
        $(".nav-folderized .foot-nav").removeClass('open');
        $(this).parent(".foot-nav").toggleClass("open");
    });

    /* dropdown menu */
    $('.navbar-header').mouseenter(function () {
        if ($(this).is(":visible")) {
            $(this).prev('.navbar-nav li ').addClass('active');
        }
    }).mouseleave(function () {
        if ($(this).is(":visible")) {
            $(this).prev('.navbar-nav li').removeClass('active');
        }
    });

    $('.navbar-nav li').on('click', function (e) {
        if (Modernizr.mq('screen and (max-width:767px)')) {
            //e.preventDefault();
            $(this).parent().find('..navbar-inverse').slideToggle();
        }
    });

    $('.setting_btn').click(function (e) {
        //alert('');
        e.preventDefault();
        $('.setting_wrap').toggleClass('active');
    });

    /* Company AutoComplete */
    var CFCompany = function CFCompany() {
        var uri = '/api/search/autocomplete?q=%QUERY';
        if (typeof symbol_type !== "undefined") {
            uri += "&symbol_type=" + symbol_type;
        }

        return new Bloodhound({
            datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
            queryTokenizer: Bloodhound.tokenizers.whitespace,
            remote: {
                url: uri,
                wildcard: '%QUERY',
                replace: function replace(url, uriEncodedQuery) {
                    url = url.replace('%QUERY', uriEncodedQuery);
                    var activeTab = $('#Company_Directory').find('.nav-link.active').data('tab');
                    return activeTab ? url + "&symbol_type=" + (tabLegend.get(activeTab) || 'equity') : url;
                },
                filter: function filter(response) {
                    return [].concat(response.symbols, response.mfsymbols);
                }
            }
        });
    };

    applyCompanyAutoCompleteFilter = function applyCompanyAutoCompleteFilter(fieldId) {
        $("" + (fieldId ? fieldId : '.companyAutoComplete')).typeahead(null, {
            name: 'Company',
            display: 'symbol_info',
            source: CFCompany(),
            templates: {
                empty: function empty(data) {
                    return "<div class=\"autocompleteList\">\n                                <p class=\"line1\">\n                                    <span>No record found</span>\n                                </p>\n                            </div>";
                },
                suggestion: function suggestion(data) {
                    return "<div class=\"autocompleteList\">\n                                <p class=\"line1\">\n                                    <span class=\"lt\">" + data.symbol_info + "</span>\n                                    <span>" + data.symbol + "</span>\n                                </p>\n                            </div>";
                }
            }
        }).bind("typeahead:selected", function (obj, datum, name) {
            $(this).data("value", datum.symbol);
            $(this).data("type", datum.result_sub_type);
            companyAutoCompleteData = $(this);
            if (companyFilter) {
                var filters = getFilterValues($(this));
                filterlogic(filters);
            }
        });
    };

    applyCompanyAutoCompleteFilter();

    /* Company AutoComplete end */
    QLCorpCom = [];
    $('.QLAutocomplete').typeahead(null, {
        name: 'Company',
        display: 'symbol_info',
        source: CFCompany(),
        templates: {
            empty: function empty(data) {
                return "<div class=\"autocompleteList\">\n                            <p class=\"line1\">\n                                <span>No record found</span>\n                            </p>\n                        </div>";
            },
            suggestion: function suggestion(data) {
                return "<div class=\"autocompleteList\">\n                            <p class=\"line1\">\n                                <span class=\"lt\">" + data.symbol_info + "</span>\n                                <span>" + data.symbol + "</span>\n                            </p>\n                        </div>";
            }
        }
    }).bind("typeahead:selected", function (obj, datum, name) {
        if (QLCorpCom.length >= 5) {
            alert("You can only select 5 Companies");
        } else if (QLCorpCom.includes(datum.symbol)) {
            alert("Company is already selected");
        } else {
            QLCorpCom.push(datum.symbol);
        }
        genComList(QLCorpCom);
        $('.QLAutocomplete').typeahead('val', '');
    });
    /* LHS Menu / Tabs */
    $('.nav-tabs.nav-item a').click(function () {
        $('.vert_subtabs a').removeClass('sel');
        if ($(this).parent().hasClass('vert_subtabs')) {
            $(this).parent().find('a:first-child').addClass('sel');
        }
    });
    /* End */
    /* Quick Links */
    $('#quickLinkBtn').click(function () {
        try {
            quickBtn = false;
            $('#quickLinkBtn').fadeOut();
            $('.footer_strip').animate({
                width: "toggle"
            });
        } catch (e) {
            console.log("quickLinkBtn Error", e.message);
        }
    });
    $('.footer-tabs li:first-child').click(function () {
        try {
            quickBtn = true;
            $('#quickLinkBtn').fadeIn();
            $('.footer_strip').animate({
                width: "toggle"
            });
        } catch (e) {
            console.log("quickLinkBtn Error", e.message);
        }
    });
    /* End */
    /* Modal Popup Close */
    $('.modal-backdrop').click(function () {
        $('.qlinks_modal .close').trigger('click');
    });
    $(document).keyup(function (e) {
        if (e.key === "Escape") {
            // escape key maps to keycode `27`
            $('.qlinks_modal .close').trigger('click');
        }
    });
    /* End */
    /*$( document ).ajaxStop(function() {
        $('#pageLoader').hide();
        alert("ajaxStop page Loaded");
    });
     $( document ).ajaxComplete(function() {
        alert("ajaxComplete page Loaded");
    });
     $( document ).ajaxSuccess(function() {
        alert("ajaxSuccess page Loaded");
    });*/
});

/* end collapsible search */

function tableHeaderFix() {
    /* Table first column freeze */
    // table-wrap - scrollWrap
    $('.scrollWrap').scroll(function (e) {
        //detect a scroll event on the tbody
        try {
            var _this = $(this);
            var _scrollTop = _this.scrollTop();

            if (isIE(ua)) {
                lastScrollAt = Date.now();
                clearTimeout(timeout);
                _this.find('.tableScroll > thead').css("opacity", 0);
                timeout = setTimeout(function () {
                    if (Date.now() - lastScrollAt > 99) _this.find('.tableScroll > thead').css("opacity", 1);
                }, 150);
            }
            _this.find('.tableScroll > thead').css("top", _scrollTop - 1); //fix thead of the table
            _this.find('.tableScroll .freezed-row').css("top", _scrollTop - 1); //fix thead of the table
            if ($(window).width() > 767) {
                //$('#equityStockTable thead').css("left", -$(".table-wrap").scrollLeft()); //fix the thead relative to the body scrolling
                _this.find('.tableScroll > thead  th:nth-child(1)').css("left", _this.scrollLeft() - 1); //fix the first cell of the header
                _this.find('.tableScroll > tbody  td:nth-child(1)').css("left", _this.scrollLeft() - 1); //fix the first column of tdbody
            } else {
                $('.tableScroll > thead  th:nth-child(1)').css("left", 0); //fix the first cell of the header
                $('.tableScroll > tbody  td:nth-child(1)').css("left", 0); //fix the first column of tdbody
            }
        } catch (e) {
            console.log("tableScroll Scroll", e.message);
        }
    });
    /* Table first column freeze end */
}
function isIE(userAgent) {
    userAgent = userAgent || navigator.userAgent;
    return userAgent.indexOf("MSIE ") > -1 || userAgent.indexOf("Trident/") > -1 || userAgent.indexOf("Edge/") > -1;
}

/* footer strip show hide on scroll */
//$(".footer_strip").hide();
$(window).scroll(function () {
    if ($(window).scrollTop() > 100) {
        quickBtn ? $("#quickLinkBtn").slideDown("slow") : $(".footer_strip").slideDown("slow");
        $('#betaVerBand').slideUp('fast');
        $('body').removeClass('showBand');
    } else {
        quickBtn ? $("#quickLinkBtn").slideUp("fast") : $(".footer_strip").slideUp("fast");
        $('#betaVerBand').slideDown('fast');
        $('body').addClass('showBand');
    }
    if ($('.optionChainTable:visible').length > 0) {
        OCHeaderFix($(window).scrollTop());
    }
});
/* end footer strip show hide */

// Tab Active Center - start

$(function () {

    /* For Beta to old website navigation Band */
    $('body').addClass('showBand'); /* To remove kindly search all 'showBand' class and remove */
    /* End */

    //if($('.live_mkt_watch .common-tabs .subtabs .nav-tabs .nav-link.active').length){
    if ($('.common-tabs .nav-tabs .tab-content .hometabs li.responsive tab .nav-link.active').length) {
        var left = $('.hometabs .active').offset().left;
        var width = $('.nav-tabs').width();
        var diff = left - width / 2 + 50;
        $('.nav-tabs').scrollLeft($('.nav-tabs').scrollLeft() + diff);
    };

    /* tip off page */
    $('#tipoff_detail').change(function () {
        if ($(this).val() == 'Yes') {
            $('.details_div').slideDown();
        } else {
            $('.details_div').slideUp();
        }
    });
    /* end tip off page */
});

$(function () {
    if ($('.live_mkt_watch .common-tabs .tab-menu .nav-link a.active').length) {
        var left = $('.hometabs li a.active').offset().left;
        //console.log(left);
        var width = $('.tab-content ').width();
        //console.log(width);
        var diff = left - width / 2 + 100;
        //console.log(diff);
        $('.tab-content').scrollLeft($('.tab-content').scrollLeft() + diff);
    }
});

// Tab Active Center - End

/* start dropdown menu */
function toggleNavbarMethod() {
    if ($(window).width() > 768) {
        $('.navbar .navbar-header').on('mouseover', function () {
            $('.navbar li', this).trigger('click');
        }).on('mouseout', function () {
            $('.navbar-header', this).trigger('click').blur();
        });
    } else {
        $('.navbar .navbar-header').off('mouseover').off('mouseout');
    }
}
toggleNavbarMethod();
$(window).resize(toggleNavbarMethod);
/* end dropdown menu */

/* quick links */
$(function () {

    $('.footer_strip ul li a').click(function () {
        if (!$(this).hasClass('oldSite')) {
            $('.footer_strip ul li a').removeClass('active');
            $(this).addClass('active');
            $('body').addClass('qlinks-modalopen');
        }
    });
    ////////// added on feb 8 2019 /////////////////////
    $('.link_investors').on('click', function () {
        $('.modal').modal('hide');
        $('#qlink_investors').modal('show');
        $('body').addClass('qlinks-modalopen');
    });
    $('.link_corporates').on('click', function () {
        $('.modal').modal('hide');
        $('#qlink_corporates').modal('show');
        $('body').addClass('qlinks-modalopen');
    });
    $('.link_members').on('click', function () {
        $('.modal').modal('hide');
        $('#qlink_members').modal('show');
        $('body').addClass('qlinks-modalopen');
    });

    $("#qlink_investors").on("hide.bs.modal", function () {
        $('.footer_strip ul li a.link_investors').removeClass('active');
    });
    $("#qlink_corporates").on("hide.bs.modal", function () {
        $('.footer_strip ul li a.link_corporates').removeClass('active');
    });
    $("#qlink_members").on("hide.bs.modal", function () {
        $('.footer_strip ul li a.link_members').removeClass('active');
    });

    $('.footer_strip ul li:first-child a').off('click').removeClass('active');

    ////////// end added on feb 8 2019 /////////////////////
});
/* end quick links */

/* chart javascript */
function generateChart(api, id) {
    try {
        var preOpenDate = new Date();
        var norMarDate = new Date();
        preOpenDate = preOpenDate.setHours(8, 30, 0, 0);
        norMarDate = norMarDate.setHours(10, 30, 0, 0);
        $.getJSON(api, function (data) {
            // Create the chart
            if (data) {
                $.getJSON(api + '&preopen=true', function (preOpenData) {
                    if (preOpenData) {
                        Highcharts.stockChart(id, {
                            rangeSelector: {
                                enabled: false,
                                selected: 1,
                                inputEnabled: false
                            },
                            credits: {
                                enabled: false
                            },
                            title: false,
                            navigator: {
                                enabled: false
                            },
                            scrollbar: {
                                enabled: false
                            },
                            xAxis: {
                                type: 'datetime'
                            },
                            yAxis: {
                                gridLineWidth: 0,
                                minorGridLineWidth: 0,
                                opposite: false,
                                plotLines: [{
                                    color: '#333',
                                    width: 1,
                                    value: data.closePrice
                                }]
                            },
                            exporting: { enabled: false },
                            series: [{
                                name: preOpenData.identifier || "",
                                data: preOpenData.grapthData || [],
                                type: 'area',
                                //softThreshold:false,
                                //threshold: 'closePrice',
                                threshold: null,
                                tooltip: {
                                    valueDecimals: 2
                                },
                                /*zones: [{
                                    value: data.closePrice,
                                    color: 'red'
                                }, {
                                    color: 'green'
                                }],*/
                                zones: [{
                                    value: preOpenDate,
                                    color: 'orange',
                                    fillColor: {
                                        linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
                                        stops: [[0, '#FFDCAB'], // start
                                        [1, '#fff'] // end
                                        ]
                                    }
                                }, {
                                    value: norMarDate,
                                    color: '#FEAB25',
                                    fillColor: {
                                        linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
                                        stops: [[0, '#FFDCAB'], // start
                                        [1, '#fff'] // end
                                        ]
                                    }
                                }, {
                                    color: 'green',
                                    fillColor: {
                                        linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
                                        stops: [[0, '#3e85c5'], // start
                                        [1, 'rgba(11, 232, 250, 0)'] // end
                                        ]
                                    }
                                }],
                                plotOptions: {
                                    series: {
                                        color: '#3e85c5',
                                        lineWidth: 1
                                    }
                                },
                                fillColor: {
                                    linearGradient: {
                                        x1: 0,
                                        y1: 0,
                                        x2: 0,
                                        y2: 1
                                    },
                                    stops: [[0, '#3e85c5'], [1, 'rgba(11, 232, 250, 0)']]
                                } }, {
                                name: data.identifier || "",
                                data: data.grapthData || [],
                                type: 'area',
                                //softThreshold:false,
                                //threshold: 'closePrice',
                                threshold: null,
                                tooltip: {
                                    valueDecimals: 2
                                },
                                zones: [{
                                    value: data.closePrice,
                                    color: 'red'
                                }, {
                                    color: 'green'
                                }],
                                plotOptions: {
                                    series: {
                                        color: '#3e85c5',
                                        lineWidth: 1
                                    }
                                },
                                fillColor: {
                                    linearGradient: {
                                        x1: 0,
                                        y1: 0,
                                        x2: 0,
                                        y2: 1
                                    },
                                    stops: [[0, '#3e85c5'], [1, 'rgba(11, 232, 250, 0)']]
                                }
                            }]
                        });
                    }
                });
            }
        });
    } catch (error) {
        console.log("generateChart", error.message);
    }
}

$(function () {
    if ($("#container").length > 0) {}

    if ($('input[type="range"]').length) {
        initRangeSlider('input[type="range"]');
    }
});

function initRangeSlider(elem) {
    var DefaultVal = $('.rangeslider .rangeslider__handle').css('left');
    $(elem).rangeslider({
        polyfill: false,
        rangeClass: 'rangeslider',
        disabledClass: 'rangeslider--disabled',
        horizontalClass: 'rangeslider--horizontal',
        fillClass: 'rangeslider__fill',
        handleClass: 'rangeslider__handle',
        startEvent: ["mousemove", "touchstart", "pointerdown"],
        moveEvent: [],
        endEvent: ["mouseleave", "touchend", "pointerup"],

        onInit: function onInit() {
            var $rangeEl = this.$range;
            // add value label to handle
            var $handle = $rangeEl.find('.rangeslider__handle');
            var handleValue = '<div class="rangeslider__handle__value">' + DecimalFixed(this.value) + '</div>';

            var fixPoint = '<div class="rangeslider_fix">|</div>';
            $rangeEl.append(fixPoint);
            $rangeEl.append(handleValue);
            var leftCss = parseInt($rangeEl.find('.rangeslider__handle').css("left")) - $('.rangeslider__handle__value').outerWidth() / 2;
            $rangeEl.find('.rangeslider__handle__value').css('left', leftCss);
            $rangeEl.find('.rangeslider_fix').css({
                position: 'absolute',
                left: $rangeEl.find('.rangeslider__handle').css("left"),
                display: 'none'
            });
            var rangeLabels = this.$element.attr('labels');
            if (typeof rangeLabels !== 'undefined') {
                rangeLabels = rangeLabels.split(', ');
                $rangeEl.append('<div class="rangeslider__labels"></div>');
                $(rangeLabels).each(function (index, value) {
                    $rangeEl.find('.rangeslider__labels').append('<span class="rangeslider__labels__label">' + value + '</span>');
                });
            }
            //Disable range
            $rangeEl.addClass('rangeslider--disabled');
        },
        onSlide: function onSlide(position, value) {
            $rangeEl = this.$range;
            var $handle = this.$range.find('.rangeslider__handle__value');
            $handle.text(DecimalFixed(this.value));
            $rangeEl.find('.rangeslider_fix').show();
            $rangeEl.find('.rangeslider__handle').css({
                left: position,
                opacity: 0
            });
            var labelWidth = $rangeEl.find('.rangeslider__handle__value').outerWidth() / 2;
            $rangeEl.find('.rangeslider__handle__value').css('left', position - labelWidth);
        },
        onSlideEnd: function onSlideEnd(position, value) {}
    });
}

/* end chart */
/*
function customDropdown() {
    /!* custom select *!/

    $('.related-select select, .bulk-select select').each(function each() {
        if ($(this).parents('.select').length === 0) {
            var $this = $(this);
            var numberOfOptions = $(this).children('option').length;
            $this.addClass('select-hidden');
            $this.wrap('<div class="select"></div>');
            $this.after('<div class="select-styled">Select Index</div>');

            var $styledSelect = $this.next('div.select-styled');
            //$styledSelect.text($this.children('option').eq(0).text());
            var $list = $('<ul />', {
                'class': 'select-options'
            }).insertAfter($styledSelect);

            for (var i = 0; i < numberOfOptions; i++) {
                var escapedText = escapeHtml($this.children('option').eq(i).text());
                $('<li rel="' + escapedText + '">' + escapedText + '</li>').appendTo($list);
            }

            var $listItems = $list.children('li');
            //$list.children('li:first-child').addClass('active');
            $styledSelect.click(function (e) {
                e.stopPropagation();
                $('div.select-styled.active').not(this).each(function () {
                    $(this).removeClass('active').next('ul.select-options').hide();
                });
                $(this).toggleClass('active').next('ul.select-options').toggle();
            });

            $listItems.click(function (e) {
                e.stopPropagation();

                $styledSelect.text($(this).text()).removeClass('active');

                $this.val($(this).attr('rel')).attr('selected', 'selected');
                $list.hide();
                if ($styledSelect.text() == $(this).text()) {
                    $listItems.removeClass('active');
                    $(this).addClass('active');
                    var getindex = $(this).parents('.related-select').index();
                    $('.tab-pane.active').find('.dropdown-Wrap .dropdown-content').eq(getindex).addClass('active').siblings().removeClass('active');
                    $('.tab-pane.active').find('.plusbtn').removeClass('closebtn');
                    $(this).parents('.related-select').find('.tabspan').text($(this).text());
                }
            });

            $(document).click(function () {
                $styledSelect.removeClass('active');
                $list.hide();
            });
        }
    });
}*/

$(function () {
    var checkedArrey = [];
    var dropcount = 1;
    var _droplist, _dropData, getid;

    $('.plusbtn').click(function (event) {
        event.preventDefault();
        event.stopPropagation();

        if (!$(this).hasClass('closebtn')) {
            dropcount++;
            _dropData = "";
            _droplist = $(this).parent('.head_selectbox').find('.custom_select').eq(0).find('select').html();
            _dropData = '<div class="custom_select" class="no-border-radius" id="create' + dropcount + '"><select class="no-border-radius" data-no="' + dropcount + '"><option value="-1">Select Index</option>' + _droplist + '</select></div>';
            getid = '#create' + dropcount + '';

            if (dropcount == 5) {
                $(this).hide();
            }
            if (dropcount <= 5) {
                $(_dropData).insertBefore($(this));
                $(getid).find('option:selected').removeAttr('selected');
                // $(getid).find('select').click();
                $(this).parents(".head_selectbox").find('.custom_select').each(function () {

                    if ($(this).find(".tabspan").length == 0) {
                        var newDiv = '<span class="tabspan" data-val=""></span>';
                        $(this).append(newDiv);
                    }
                    $(this).find(".tabspan").text($(this).find("select option:selected").text());
                    $(this).find(".tabspan").attr('data-val', $(this).find("select").val());
                });
                $('.head_selectbox .custom_select').eq(dropcount - 2).find('.tabspan').addClass('active');

                $(this).addClass('closebtn');
            }
        } else {
            dropcount--;
            $(this).removeClass('closebtn');
            $(this).prev().remove();
            $(this).prev().find('.tabspan').removeClass('active');
        }
    });

    $(document)
    /*.on("click", ".head_selectbox .custom_select select", function (event) {
        if ($(this).data('no') !== activeTabNo) {
            event.preventDefault();
            event.stopPropagation();
            $(this).trigger('change');
        }
    })*/
    .on("change", ".head_selectbox .custom_select select", function (event) {
        event.preventDefault();
        event.stopPropagation();

        var getval = $(this).parents('.custom_select').find('select').val();
        if (getval !== -1) {
            $(this).parents('.head_selectbox').find('.plusbtn').removeClass('closebtn');
            var tabLen = $(this).parents('.head_selectbox').find('.custom_select').length - 1;
            $(this).parents('.head_selectbox').find('.custom_select').each(function (index) {
                if (index < tabLen && !$(this).hasClass('custom_close')) {
                    $(this).addClass("custom_close");
                    $(this).append('<span class="tabClose"><span class="close_icon"></span></span>');
                    $(this).append('<span class="activeTab"></span>');
                }
            });

            var _getval = $(this).parents('.custom_select').find('option:selected').val();
            var getText = $(this).parents('.custom_select').find('select option:selected').text();
            var getRel = $(this).parents('.custom_select').find('select option:selected').attr('rel');
            $(this).parents('.custom_select').find('.tabspan').attr({ "data-val": _getval, "data-rel": getRel }).text(getText);
            activeTabVal = _getval;
            updateMarketData(_getval, getRel);
            activeTabNo = $(this).data('no');
        } else {
            //$(this).parents('.head_selectbox').find('.plusbtn').addClass('closebtn');
        }
    });

    $('.selectbox').on('click', '.activeTab', function () {
        if ($('.head_selectbox .closebtn').length > 0) {
            alert("Select Indicies");
        } else {
            var _parent = $(this).parent();
            var _this = $(this);
            _this.remove();
            _parent.find('.tabClose').remove();
            _parent.removeClass('custom_close').siblings('.custom_select').addClass('custom_close');
            var activeVal = _parent.find('select option:selected').val();
            var activeType = $('.head_selectbox').data('type');
            updateMarketData(activeVal, activeType);

            $('.head_selectbox').find('.custom_close').each(function (index) {
                if ($(this).find('.tabClose').length === 0) {
                    $(this).append('<span class="tabClose"><span class="close_icon"></span></span>');
                }
                if ($(this).find('.activeTab').length === 0) {
                    $(this).append('<span class="activeTab"></span>');
                }
            });
            activeTabVal = activeVal;
        }
    });
    $('.selectbox').on('click', '.tabClose', function () {
        if ($('.head_selectbox .closebtn').length > 0) {
            alert("Select Indicies");
        } else {
            $(this).parent().remove();
            $('.head_selectbox .plusbtn').show();
            dropcount--;
        }
    });

    /*$(document).on("click", ".tabspan", function () {
        let getValue = $(this).attr('data-val');
        let getRel = $(this).attr('data-rel');
        $(this).parents('.custom_select').find('select').val(getValue).click();
         $(this).parents('.custom_select').find('.tabspan').removeClass('active');
        $(this).parents('.custom_select').siblings().find('.tabspan').addClass('active');
         updateMarketData(getValue, getRel);
    })*/

    var checkedCheckboxLength = 5;
    $('#selectIndicesModal .modal-body').find('input[type=checkbox]').change(function () {
       
        checkedCheckboxLength = $('#selectIndicesModal .modal-body').find('input[type=checkbox]:checked').length;
        var limit = 5;
        if (checkedCheckboxLength > limit) {
            checkedCheckboxLength = checkedCheckboxLength - 1;
            alert('Select max 5 options');
            this.checked = false;
        }
    });

    

    $(document).on('click', '#selectIndicesModal .modal-content .confirmBtn', function (e) {
        checkedArrey = [];
        $('#selectIndicesModal .modal-body').find('input[type=checkbox]:checked').each(function (e) {
            var thisText = $(this).attr('name');
            checkedArrey.push(thisText);
        });

        if (checkedCheckboxLength == 5) {
            setCookie("nseIndices", checkedArrey);
            $(this).closest('.modal-content').find('.modal-header button.close').trigger('click');
            location.reload();
        } else if (checkedCheckboxLength < 5) {
            alert('Select min 5 options');
        }
    });
});

function updateMarketData(val, type) {
    switch (type) {
        case "equity":
            equitystockIndices.state.rowData = [];
            B.findOne("#equityStockTable .emptyRow").innerHTML = loader;
            B.get('/api/equity-stockIndices?index=' + encodeURIComponent(val.toUpperCase())).then(function (resp) {
                var resData = JSON.parse(resp);
                equitystockIndices.state.rowData = resData.data || [];
                var mStatus = resData.marketStatus;
                var timeStampMessage = mStatus ? "<span class=\"" + (mStatus.marketStatusMessage.toLowerCase().includes('open') ? 'cool-green' : 'cool-red') + "\"> " + mStatus.marketStatusMessage + " </span>" : "";
                timeStampMessage += typeof resData.timestamp !== "undefined" ? " As on " + resData.timestamp + " IST" : "";
                if (timeStampMessage) B.findOne("#liveMrkStockTime").innerHTML = timeStampMessage;
                B.findOne("#liveMrkStockAdv").innerText = resData.advance.advances || 0;
                B.findOne("#liveMrkStockDec").innerText = resData.advance.declines || 0;
                B.findOne("#liveMrkStockUnChng").innerText = resData.advance.unchanged || 0;
            });
            break;
        case "derivatives":
            updateEquityDerivative(val);
            break;
    }
}

/*Fixed Decimal Start*/

//Eg:DecimalFixed(valpass)
function DecimalFixed(val) {
    var noDecimal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
    var escapeHypen = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;

    //return parseFloat(val).toFixed(2);
    //return val.toLocaleString();
    // A more complex example:
    val = parseFloat(val) || 0;
    var num = val === 0 && !escapeHypen ? '-' : val.toLocaleString("en-IN", {
        // minimumFractionDigits: val % 1 === 0 ? 0 : 2,
        minimumFractionDigits: noDecimal ? 0 : 2,
        maximumFractionDigits: noDecimal ? 0 : 2
    });
    return num;
}

function CurrDecimalFixed(val) {
    val = parseFloat(val) || 0;
    var num = val === 0 ? '-' : val.toLocaleString("en-IN", {
        minimumFractionDigits: 4,
        maximumFractionDigits: 4
    });
    return num;
}

/*Fixed Decimal Start End*/

B.on(document, 'allGood', function () {
    var _$$on$slick;

    // autoplayMarketStatus();
    marketStatusSlick(); // now in slick carousel
    updateMarketStatus();
    if ($("#TabMenu").length > 0) {
        $('.tab-menu').responsiveTabs();
    }

    if (getCookie("nseIndices") !== null) {
        var getCookieVal = getCookie("nseIndices");
        var convertCookieArray = getCookieVal.split(',');
        for (i = 0; i <= convertCookieArray.length; i++) {
            $('#selectIndicesModal .modal-body').find('input[name="' + convertCookieArray[i] + '"]').prop('checked', true);
        }
    } else {
        checkboxesDefaultCheck();
    }
    if (document.getElementById('tab1_container') !== null) {
        var convertCookieArray;
        if (getCookie("nseIndices") !== null) {
            var getCookieVal = getCookie("nseIndices");
            convertCookieArray = getCookieVal.split(',');
        } else {
           
        }
        for (var i = 0; i < convertCookieArray.length; i++) {
            
            generateChart('/api/chart-databyindex?index=' + encodeURIComponent(convertCookieArray[i]) + '&indices=true', 'tab' + (i + 1) + '_container');
        }
    }

    /* home hero slider */
    $('.home-hero-slider').on('init', function (slick) {
        setTimeout(function () {
            $('#bannerLoader').hide();
            $('.home-hero-slider').css('opacity', '1');
            $('.collpase_btn a').trigger('click'); //On Load hide banner text
        }, 500);
    }).slick((_$$on$slick = {
        dots: true,
        infinite: false,
        speed: 300,
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        autoplay: true,
        autoplaySpeed: 15000
    }, _$$on$slick["infinite"] = true, _$$on$slick.responsive = [{
        breakpoint: 1024,
        settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
            infinite: true

        }
    }, {
        breakpoint: 600,
        settings: {
            slidesToShow: 1,
            slidesToScroll: 1
        }
    }, {
        breakpoint: 480,
        settings: {
            slidesToShow: 1,
            slidesToScroll: 1
        }
    }], _$$on$slick));
    /* end home hero slider */

    /* academic slider */
    $('.academy_slider').slick({
        dots: true,
        infinite: false,
        speed: 300,
        slidesToShow: 1,
        autoplay: true,
        autoplaySpeed: 4000,
        slidesToScroll: 1,
        arrows: false
    });
    /* end academic slider */
    if ($("#corporate-videos").length > 0) {
        $("#corporate-videos .youTubeImg").each(function () {
            var youtubeId = getParameterByName("v", $(this).attr('rel'));
            $(this).attr('src', 'https://img.youtube.com/vi/' + youtubeId + '/mqdefault.jpg');
        });
    }

    if ($("#currencySpotRate").length > 0) {
        $("#currencySpotRate .currSymbol").each(function () {
            var currSymbol = getCurrencySymbol($(this).attr('rel'));
            $(this).text(currSymbol + " " + $(this).text());
        });
    }

    $('.todayDate').text(dateFormat(new Date()));
    var days = 1;
    $('.nextDate').text(dateFormat(new Date(Date.now() + days * 24 * 60 * 60 * 1000)));

    // read hash from page load and change tab
    var hash = document.location.hash;
    var prefix = "tab_";
    if (hash) {
        $('.nav-tabs a[href="' + hash + '"]').tab('show');
        $('.nav-tabs a[href="' + hash + '"]').parents('.card').find('.card-header a').click();
    }
    /* @end goto specific tab */
    var tabName = getParameterByName('tab');
    if (tabName !== null) {
        $('.nav-link').each(function () {
            if ($(this).attr('href').replace('#', '') === tabName) {
                $(this).click();
            }
        });
    }

    /* learn landing hero slider */
    if ($('.learn_hero_slider').length && $('.learn_hero_slider .item').length > 1) {
        $('.learn_hero_slider').slick({
            dots: true,
            infinite: false,
            speed: 300,
            slidesToShow: 1,
            slidesToScroll: 1,
            arrows: false
        });
    }
    /* @end learn landing hero slider */

    /* common slider */
    if ($('.common_slider').length && ($('.learn_hero_slider .item').length > 1 || $('#learn_categories .item').length > 1)) {
        $('.common_slider').slick({
            dots: true,
            infinite: false,
            speed: 300,
            slidesToShow: 4,
            slidesToScroll: 1,
            arrows: false,
            responsive: [{
                breakpoint: 1024,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1,
                    infinite: true

                }
            }, {
                breakpoint: 600,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1
                }
            }, {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1
                }
            }]
        });
    }

    /* event slider */
    if ($('.slider-for').length) {
        $('.slider-for').slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            arrows: true,
            fade: true,
            asNavFor: '.slider-nav'
        });
        $('.slider-nav').slick({
            slidesToShow: 5,
            slidesToScroll: 5,
            asNavFor: '.slider-for',
            arrows: false,
            dots: true,
            centerMode: true,
            focusOnSelect: true,
            responsive: [{
                breakpoint: 1024,
                settings: {
                    slidesToShow: 4,
                    slidesToScroll: 4
                }
            }, {
                breakpoint: 600,
                settings: {
                    slidesToShow: 3,
                    slidesToScroll: 3
                }
            }, {
                breakpoint: 480,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 2
                }
            }]
        });

        $('.slider-for').on('init', function (event, slick) {}).on('afterChange', function (e, o) {
            $('iframe').each(function () {
                $(this)[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');
            });
        }).slick();
    }
    /* @end event slider */
});



function setCookie(name, value, days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "") + expires + "; path=/";
}

function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1, c.length);
        }if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}

function corporateSlider(id) {
    try {
        /* corporate slider */
        $(id).slick({
            dots: true,
            infinite: false,
            speed: 300,
            slidesToShow: 4,
            slidesToScroll: 4,
            arrows: false,
            responsive: [{
                breakpoint: 1024,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 2,
                    infinite: true

                }
            }, {
                breakpoint: 600,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1
                }
            }, {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1
                }
            }]
        });
        /* end corporate slider */
    } catch (error) {
        console.log("corporateSlider", error.message);
    }
}

/* Download Table to CSV */
function download_csv(csv, filename, id, _this) {
    if (navigator.msSaveBlob) {
        // IE 10+
        var fileName = filename + ".csv";
        var blob = new Blob([csv], {
            "type": "text/csv;charset=utf8;"
        });
        navigator.msSaveBlob(blob, fileName);
    } else {
        return ExcellentExport.csv(_this, id);
        /*var link = _this;
        var csvdatacontent = "data:text/csv;charset=utf-8," + csv;
        var encodedUri = encodeURI(csvdatacontent);
        link.setAttribute("href", encodedUri);
        link.setAttribute("download", filename+".csv");
        link.click();*/
    }
}

function export_table_to_csv(_this, id, filename, type, limit) {
    var csv = [];
    var _id = '#' + id;
    var rows = document.querySelectorAll(_id + " tr");

    for (var i = 0; i < rows.length; i++) {
        var row = [],
            cols = rows[i].querySelectorAll("td, th");

        for (var j = 0; j < cols.length; j++) {
            row.push(cols[j].innerText.replace(/[,\r\n]/g, ''));
        }csv.push(row.join(","));
    }
    // Download CSV
    download_csv(csv.join("\r\n"), filename, id, _this);
}

/* End */

function getCurrencySymbol(val) {
    var returnData;
    currencyMap.map(function (item, index) {
        if (item.name === val) {
            returnData = item.value;
        }
    });
    return returnData;
}

function getParameterByName(name, url) {
    try {
        if (!url) url = window.location.href;
        name = name.replace(/[\[\]]/g, "\\$&");
        var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
            results = regex.exec(url);
        if (!results) return null;
        if (!results[2]) return '';
        return decodeURIComponent(results[2].replace(/\+/g, " "));
    } catch (error) {
        console.log("getParameterByName", error.message);
    }
}

/* Market Status Animation */
var boxHeight = $(".top_logomenu").outerHeight(true);
var boxLength = $(".top_logomenu").length;
$(".top_logomenu").css({
    'position': 'relative',
    'height': boxHeight * boxLength
});

/*function autoplayMarketStatus() {
    clearTimeout(autoPlayMarket);
    if($(".top_logomenu .niftyMarket .innerContainer .niftyFifty").length === 4) {
        var boxClone = $(".top_logomenu .niftyMarket .innerContainer .niftyFifty").eq(0).clone();
        $(".top_logomenu .niftyMarket .innerContainer").animate({
            'top': -boxHeight
        }, 800, function () {
            $(".top_logomenu .niftyMarket .innerContainer .niftyFifty").eq(0).remove();
            $(".top_logomenu .niftyMarket .innerContainer").css({'top': 0}).append(boxClone);
        });
    }
    autoPlayMarket = setTimeout(function () {
        autoplayMarketStatus();
    }, 6000)
}*/

/* End */

function dateFormat(date) {
    var mon = ["JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"];
    var d = new Date(date),
        month = '' + mon[d.getMonth()],
        day = '' + d.getDate(),
        year = d.getFullYear();

    if (month.length < 2) month = '0' + month;
    if (day.length < 2) day = '0' + day;
    return [day, month, year].join(' ');
}

function dateFormat2(date) {
    var d = new Date(date),
        month = '' + (d.getMonth() + 1),
        day = '' + d.getDate(),
        year = d.getFullYear();
    if (month.length < 2) month = '0' + month;
    if (day.length < 2) day = '0' + day;
    return [day, month, year].join('-');
}

function genGraph(id, row) {
    try {
        setTimeout(function () {
            Highcharts.stockChart(id, {
                rangeSelector: {
                    enabled: false,
                    selected: 1,
                    inputEnabled: false
                },
                credits: {
                    enabled: false
                },
                chart: {
                    backgroundColor: 'transparent',
                    height: 60,
                    width: 100
                },
                title: false,
                navigator: {
                    enabled: false
                },
                scrollbar: {
                    enabled: false
                },
                yAxis: {
                    gridLineWidth: 0,
                    minorGridLineWidth: 0,
                    opposite: false,
                    labels: {
                        enabled: false
                    }
                },
                xAxis: {
                    lineWidth: 0,
                    minorGridLineWidth: 0,
                    lineColor: 'transparent',
                    labels: {
                        enabled: false
                    },
                    minorTickLength: 0,
                    tickLength: 0
                },
                exporting: { enabled: false },
                tooltip: {
                    enabled: false
                },
                series: [{
                    name: 'Nifty fifty',
                    data: row,
                    type: 'area',
                    threshold: null,
                    fillColor: {
                        linearGradient: {
                            x1: 0,
                            y1: 0,
                            x2: 0,
                            y2: 1
                        },
                        stops: [[0, '#3e85c5'], [1, 'rgba(11, 232, 250, 0)']]
                    },
                    plotOptions: {
                        series: {
                            color: '#3e85c5',
                            lineWidth: 1
                        }
                    }
                }]
            });
        }, 50);
    } catch (error) {
        console.log("genGraph", error.message);
    }
}

function filterInputVal(section, val) {
    try {
        switch (section) {
            case "IPPPastIssue":
                if (val.length < 3) {
                    liveIPPpast.state.rowData = liveIPPpastRD;
                } else {
                    var filterData = liveIPPpastRD.filter(function (liveIPPpastRD) {
                        return liveIPPpastRD.company.toLowerCase().indexOf(val.toLowerCase()) >= 0;
                    });
                    liveIPPpast.state.rowData = filterData;
                }
                break;

            case "TenderPastIssue":
                if (val.length < 3) {
                    liveTenderpast.state.rowData = liveTenderpastRD;
                } else {
                    var _filterData = liveTenderpastRD.filter(function (liveTenderpastRD) {
                        return liveTenderpastRD.company.toLowerCase().indexOf(val.toLowerCase()) >= 0;
                    });
                    liveTenderpast.state.rowData = _filterData;
                }
                break;

            case "RitsPastIssue":
                if (val.length < 3) {
                    liveRitsPast.state.rowData = liveRitsPastRD;
                } else {
                    var _filterData2 = liveRitsPastRD.filter(function (liveRitsPastRD) {
                        return liveRitsPastRD.company.toLowerCase().indexOf(val.toLowerCase()) >= 0;
                    });
                    liveRitsPast.state.rowData = _filterData2;
                }
                break;

            case "OfsPastRetail":
                if (val.length < 3) {
                    liveOfsPastRetail.state.rowData = liveOfsPastRetailRD;
                } else {
                    var _filterData3 = liveOfsPastRetailRD.filter(function (liveOfsPastRetailRD) {
                        return liveOfsPastRetailRD.companyName.toLowerCase().indexOf(val.toLowerCase()) >= 0;
                    });
                    liveOfsPastRetail.state.rowData = _filterData3;
                }
                break;

            case "OfsPastGeneral":
                if (val.length < 3) {
                    liveOfsPastGeneral.state.rowData = liveOfsPastGeneralRD;
                } else {
                    var _filterData4 = liveOfsPastGeneralRD.filter(function (liveOfsPastGeneralRD) {
                        return liveOfsPastGeneralRD.companyName.toLowerCase().indexOf(val.toLowerCase()) >= 0;
                    });
                    liveOfsPastGeneral.state.rowData = _filterData4;
                }
                break;

            case "OfsPast":
                if (val.length < 3) {
                    liveOfsPast.state.rowData = liveOfsPastRD;
                } else {
                    var _filterData5 = liveOfsPastRD.filter(function (liveOfsPastRD) {
                        return liveOfsPastRD.companyName.toLowerCase().indexOf(val.toLowerCase()) >= 0;
                    });
                    liveOfsPast.state.rowData = _filterData5;
                }
                break;
        }
    } catch (error) {
        console.log("filterInputVal ", error.message);
    }
}

// search autocomplete implementation
var headerSearchInput = document.getElementById('header-search-input');
if (headerSearchInput) {
    var autoCompleteSource = new Bloodhound({
        datumTokenizer: Bloodhound.tokenizers.whitespace,
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        remote: {
            url: '/api/search/autocomplete?q=%QUERY',
            wildcard: '%QUERY',
            transform: function transform(response) {
                var symbols = response.symbols,
                    search_content = response.search_content,
                    sitemap = response.sitemap,
                    mfsymbols = response.mfsymbols;

                return [].concat(symbols.slice(0, 5), sitemap.slice(0, 2), symbols.slice(5, symbols.length), sitemap.slice(2, sitemap.length), search_content, mfsymbols);
            }
        }
    });

    $('#header-search-input').typeahead({
        highlight: true,
        hint: false,
        minLength: 2
    }, {
        name: 'search',
        source: autoCompleteSource,
        limit: 7,
        display: 'symbol',
        templates: {
            empty: function empty(data) {
                return "<div class=\"autocompleteList\"><p class=\"line1\"><span>No record found</span></p></div>";
            },
            suggestion: function suggestion(data) {
                if (data) {
                    if (data.result_type === 'sitemap') {
                        return "<div class=\"autocompleteList\">\n                            <p class=\"line1\">\n                                <span class=\"full\">" + data.site_sub_module + "</span>\n                            </p>\n                            <p class=\"line2\">in " + data.site_module + "</p>\n                        </div>";
                    } else if (data.result_type === 'content') {
                        return "<div class=\"autocompleteList\">\n                            <p class=\"line1\">\n                                <span class=\"full\">" + data.title + "</span>\n                            </p>\n                            <p class=\"line2\">in " + data.result_sub_type + "</p>\n                        </div>";
                    } else {
                        return "<div class=\"autocompleteList\">\n                            <p class=\"line1\">\n                                <span class=\"lt\">" + data.symbol_info + "</span>\n                                <span>" + data.symbol + "</span>\n                            </p>\n                            <p class=\"line2\">in " + data.result_sub_type + "</p>\n                        </div>";
                    }
                }
            },
            footer: function footer(data) {
                return "<div class=\"footerNote\">Press Enter for more result</div>";
            }
        }
    }).on('typeahead:select', function (event, data) {
        // redirect user to selected item's url
        window.location.href = data.url;
    });

    $('#header-search-input, #page-search-input').on('keypress', function (event) {
        if (event.which === 13) {
            event.preventDefault();

            var q = event.target.value.trim();
            if (!q) {
                return;
            }

            // redirect user to search page
            window.location.href = "/search?q=" + encodeURIComponent(q);
        }
    });
}

var convertToValue = function convertToValue(val, selector) {
    switch (val) {
        case "lakhs":
            for (var _iterator = selector.state.colData, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
                var _ref;

                if (_isArray) {
                    if (_i >= _iterator.length) break;
                    _ref = _iterator[_i++];
                } else {
                    _i = _iterator.next();
                    if (_i.done) break;
                    _ref = _i.value;
                }

                var key = _ref;

                if (key.valueTyp && key.valueTyp > 1) {
                    key.valueTyp = "100000";
                    key.subHead = key.subHead.replace(/Lakhs|lakhs|Billions|Crores/gi, "Lakhs");
                }
            }
            selector.state.colData = selector.state.colData;
            selector.state.rowData = selector.state.rowData;
            break;
        case "billions":
            for (var _iterator2 = selector.state.colData, _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
                var _ref2;

                if (_isArray2) {
                    if (_i2 >= _iterator2.length) break;
                    _ref2 = _iterator2[_i2++];
                } else {
                    _i2 = _iterator2.next();
                    if (_i2.done) break;
                    _ref2 = _i2.value;
                }

                var _key = _ref2;

                if (_key.valueTyp && _key.valueTyp > 1) {
                    _key.valueTyp = "1000000000";
                    _key.subHead = _key.subHead.replace(/Lakhs|lakhs|Billions|Crores/gi, "Billions");
                }
            }
            selector.state.colData = selector.state.colData;
            selector.state.rowData = selector.state.rowData;
            break;
        case "crores":
            for (var _iterator3 = selector.state.colData, _isArray3 = Array.isArray(_iterator3), _i3 = 0, _iterator3 = _isArray3 ? _iterator3 : _iterator3[Symbol.iterator]();;) {
                var _ref3;

                if (_isArray3) {
                    if (_i3 >= _iterator3.length) break;
                    _ref3 = _iterator3[_i3++];
                } else {
                    _i3 = _iterator3.next();
                    if (_i3.done) break;
                    _ref3 = _i3.value;
                }

                var _key2 = _ref3;

                if (_key2.valueTyp && _key2.valueTyp > 1) {
                    _key2.valueTyp = "10000000";
                    _key2.subHead = _key2.subHead.replace(/Lakhs|lakhs|Billions|Crores/gi, "Crores");
                }
            }
            selector.state.colData = selector.state.colData;
            selector.state.rowData = selector.state.rowData;
            break;
    }
};

var _MS_PER_DAY = 1000 * 60 * 60 * 24;

// a and b are javascript Date objects
function dateDiffInDays(a, b) {
    try {
        // Discard the time and time-zone information.
        var utc1 = Date.UTC(a.getFullYear(), a.getMonth(), a.getDate());
        var utc2 = Date.UTC(b.getFullYear(), b.getMonth(), b.getDate());

        return Math.floor((utc2 - utc1) / _MS_PER_DAY);
    } catch (e) {
        console.log("dateDiffInDays", e.message);
    }
}

function formatDate(date) {
    try {
        //convert dd-mm-yyyy to date
        var dateVal = date.split("-");
        return new Date(dateVal[2], parseInt(dateVal[1] - 1), dateVal[0]);
    } catch (e) {
        console.log("formatDate", e.message);
    }
}

/* Accessibility Start */
var fontSizeCount = 0;

function increaseFont() {
    if (fontSizeCount < 2) {
        fontSizeCount++;
        fontResize(fontSizeCount);
    }
}

function decreaseFont() {
    if (fontSizeCount === -2) {
        return;
    }
    fontSizeCount--;
    fontResize(fontSizeCount);
}

function resetFont() {
    fontResize(0);
}

function fontResize(count) {
    try {
        if (count <= 2 && count >= -2) {
            $('html').css('fontSize', 100 + count * 10 + '%');
        }
    } catch (e) {
        console.log("fontResize", e.message);
    }
}
function highContrast() {
    $('body').addClass('body_contrast1');
    contrastGraph();
}
function normalContrast() {
    $('body').removeClass('body_contrast1');
    resetGraphColor();
}
function contrastGraph() {
    try {
        $('.stockChart').each(function () {
            $(this).highcharts().series[0].update({
                fillColor: {
                    linearGradient: {
                        x1: 0,
                        y1: 0,
                        x2: 0,
                        y2: 1
                    },
                    stops: [[0, '#333'], [1, 'rgba(0, 0, 0, 0)']]
                }
            });
        });
    } catch (e) {
        console.log("contrastGraph", e.message);
    }
}
function resetGraphColor() {
    try {
        $('.stockChart').each(function () {
            $(this).highcharts().series[0].update({
                fillColor: {
                    linearGradient: {
                        x1: 0,
                        y1: 0,
                        x2: 0,
                        y2: 1
                    },
                    stops: [[0, '#3e85c5'], [1, 'rgba(11, 232, 250, 0)']]
                }
            });
        });
    } catch (e) {
        console.log("resetGraphColor", e.message);
    }
}
/* Accessibility End */

/* Table Sorting */
var sortType = "asc";
var tableHead = "";
var TableSortBy = function TableSortBy(key, id, apiContain) {
    var _this = eval(apiContain);
    sortType = sortType === "asc" ? "desc" : "asc";
    if (tableHead !== key) {
        sortType = "asc";
    }
    var els = document.querySelectorAll('.toggleIcon');
    for (var i = 0; i < els.length; i++) {
        els[i].classList.remove("asc", "desc");
    }
    if (id !== null) {
        document.getElementById(id).classList.add(sortType);
    }

    var rowSortData = _this.state.rowData.sort(sortTableData(key, sortType));
    tableHead = key;
    _this.state.rowData = rowSortData;
};

var sortTableData = function sortTableData(key, order, type) {
    return function (a, b) {
        if (b.priority > 0) {
            return 0;
        }
        if (!a.hasOwnProperty(key) || !b.hasOwnProperty(key)) {
            return 0;
        }

        var varA = void 0,
            varB = void 0;

        if (type && type === "date") {
            var month = ["JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"];
            var aVal = a[key].split('-');
            var bVal = b[key].split('-');

            if (aVal[1].length > 2) {
                aVal[1] = month.indexOf(aVal[1].toUpperCase()) + 1;
            }
            if (bVal[1].length > 2) {
                bVal[1] = month.indexOf(bVal[1].toUpperCase()) + 1;
            }

            varA = aVal.reverse().join();
            varB = bVal.reverse().join();
        } else {
            varA = typeof a[key] === 'string' ? type === "number" || type === "quantity" ? parseInt(a[key]) : a[key].toUpperCase() : a[key];
            varB = typeof b[key] === 'string' ? type === "number" || type === "quantity" ? parseInt(b[key]) : b[key].toUpperCase() : b[key];
        }

        var comparison = 0;
        if (varA > varB) {
            comparison = 1;
        } else if (varA < varB) {
            comparison = -1;
        }
        return order === 'desc' ? comparison * -1 : comparison;
    };
};
/* Table Sorting End */

function getISTDate() {
    var currentTime = new Date();
    var currentOffset = currentTime.getTimezoneOffset();
    var ISTOffset = 330; // IST offset UTC +5:30
    var ISTTime = new Date(currentTime.getTime() + (ISTOffset + currentOffset) * 60000);
    return ISTTime;
}

/* Date Difference */
function getStartEndDate(days, format) {
    var fulldate = new Date();
    //fulldate.setMonth(fulldate.getMonth() + 1);
    var prefix = 0,
        prefixVal = 0;
    if (typeof format === "undefined") {
        if (fulldate.getMonth() < 9) {
            prefix = "0" + (fulldate.getMonth() + 1);
        } else {
            prefix = fulldate.getMonth() + 1;
        }
    } else if (format === "mmm") {
        prefix = monthNames[fulldate.getMonth()];
    }

    var tday = fulldate.getDate();
    if (tday < 9) {
        tday = "0" + tday;
    }
    var todayDate = [tday, prefix, fulldate.getFullYear()].join('-');

    switch (days) {

        case "1D":
            fulldate.setDate(fulldate.getDate() - 1);
            break;
        case "1W":
            fulldate.setDate(fulldate.getDate() - 7);
            break;
        case "1M":
            fulldate.setMonth(fulldate.getMonth() - 1);
            break;
        case "3M":
            fulldate.setMonth(fulldate.getMonth() - 3);
            break;
        case "6M":
            fulldate.setMonth(fulldate.getMonth() - 6);
            break;
        case "1Y":
            fulldate.setFullYear(fulldate.getFullYear() - 1);
            break;
        case "ALL":
            return "ALL";
            break;
    }

    if (typeof format === "undefined") {
        if (fulldate.getMonth() < 9) {
            prefixVal = "0" + (fulldate.getMonth() + 1);
        } else {
            prefixVal = fulldate.getMonth() + 1;
        }
    } else if (format === "mmm") {
        prefixVal = monthNames[fulldate.getMonth()];
    }

    var fday = fulldate.getDate();
    if (fday < 9) {
        fday = "0" + fday;
    }

    var fromDate = [fday, prefixVal, fulldate.getFullYear()].join('-');
    return [fromDate, todayDate];
}

function getStartEndDateFuture(days, format) {
    var fulldate = new Date();
    //fulldate.setMonth(fulldate.getMonth() + 1);
    var prefix = 0,
        prefixVal = 0;
    if (typeof format === "undefined") {
        if (fulldate.getMonth() < 9) {
            prefix = "0" + (fulldate.getMonth() + 1);
        } else {
            prefix = fulldate.getMonth() + 1;
        }
    } else if (format === "mmm") {
        prefix = monthNames[fulldate.getMonth()];
    }

    var todayDate = [fulldate.getDate(), prefix, fulldate.getFullYear()].join('-');

    if (days.indexOf('D') !== -1) {
        var val = days.replace(/D/g, '');
        fulldate.setDate(fulldate.getDate() + parseInt(val));
    } else if (days.indexOf('M') !== -1) {
        var _val = days.replace(/M/g, '');
        fulldate.setMonth(fulldate.getMonth() + parseInt(_val));
    } else if (days.indexOf('Y') !== -1) {
        var _val2 = days.replace(/Y/g, '');
        fulldate.setFullYear(fulldate.getFullYear() + parseInt(_val2));
    }

    if (typeof format === "undefined") {
        if (fulldate.getMonth() < 9) {
            prefixVal = "0" + (fulldate.getMonth() + 1);
        } else {
            prefixVal = fulldate.getMonth() + 1;
        }
    } else if (format === "mmm") {
        prefixVal = monthNames[fulldate.getMonth()];
    }
    var fromDate = [fulldate.getDate(), prefixVal, fulldate.getFullYear()].join('-');
    return [todayDate, fromDate];
}
/* Date Difference */
function genComList(data) {
    try {
        $('#QLCorporateCompanies').empty();
        $('#companyCount').text(data.length);
        for (var _iterator4 = data.entries(), _isArray4 = Array.isArray(_iterator4), _i4 = 0, _iterator4 = _isArray4 ? _iterator4 : _iterator4[Symbol.iterator]();;) {
            var _ref4;

            if (_isArray4) {
                if (_i4 >= _iterator4.length) break;
                _ref4 = _iterator4[_i4++];
            } else {
                _i4 = _iterator4.next();
                if (_i4.done) break;
                _ref4 = _i4.value;
            }

            var _ref5 = _ref4,
                index = _ref5[0],
                element = _ref5[1];

            $('#QLCorporateCompanies').append('<div class="col-md-4 col-sm-6"><div class="card alert alert-dismissible fade show">' + (index + 1) + '. ' + element + '<a onclick="removeCom(\'' + element + '\')" data-dismiss="alert" aria-label="Close" class="close"></a></div></div>');
        }
    } catch (e) {
        console.log("genComList", e.message);
    }
}
function genComTab() {
    try {
        if (QLCorpCom.length === 0) {
            alert("Select Company");
        } else {
            $('.qlCorpList').remove();
            $('.qlCorpListContain').remove();
            for (var _iterator5 = QLCorpCom.entries(), _isArray5 = Array.isArray(_iterator5), _i5 = 0, _iterator5 = _isArray5 ? _iterator5 : _iterator5[Symbol.iterator]();;) {
                var _ref6;

                if (_isArray5) {
                    if (_i5 >= _iterator5.length) break;
                    _ref6 = _iterator5[_i5++];
                } else {
                    _i5 = _iterator5.next();
                    if (_i5.done) break;
                    _ref6 = _i5.value;
                }

                var _ref7 = _ref6,
                    index = _ref7[0],
                    element = _ref7[1];

                $('#QLCorpTab').append('<li class="nav-item qlCorpList"> <a onclick="genComTable(\'' + element + '\')" class="nav-link" data-toggle="tab" href="#qlink_corporate_02" role="tab" aria-selected="false">' + element + '</a></li>');
            }
            $('#QLCorpTab li.qlCorpList').eq(0).find('a').trigger('click');
        }
    } catch (e) {
        console.log("genComTab", e.message);
    }
}

function removeCom(val) {
    try {
        QLCorpCom.splice(QLCorpCom.indexOf(val), 1);
        genComList(QLCorpCom);
    } catch (e) {
        console.log("removeCom", e.message);
    }
}

function genComTable(symbol) {
    try {
        if ($('#QLCorpTable').length) {
            B.get('/api/quick-links-corporate?symbol=' + symbol).then(function (resp) {
                var respJSON = JSON.parse(resp);
                QLCorpTable.state.rowData = respJSON || [];
            });
        } else {
            B.get('/json/quicklinks-Corporate.json').then(function (resp) {
                var respJSONObj = JSON.parse(resp);
                QLCorpTable = customTable({
                    tableStyle: {
                        id: 'QLCorpTable',
                        class: 'common_table customHeight-table tableScroll w-100'
                    }, colData: respJSONObj.columns || [], rowData: []
                });
                B.render(QLCorpTable, B.findOne('#QLCorpWrapper'));
                B.findOne("#QLCorpTable .emptyRow").innerHTML = loader;

                B.get('/api/quick-links-corporate?symbol=' + symbol).then(function (resp) {
                    var respJSON = JSON.parse(resp);
                    QLCorpTable.state.rowData = respJSON || [];
                });
            });
        }
    } catch (e) {
        console.log("genComTable", e.message);
    }
}

function getFileIconPath(fileType) {
    if (!fileType) {
        return;
    }
    var fileIconPath = "/assets/images/download-icon.svg";
    switch (fileType.toLowerCase()) {
        case '.pdf':
            fileIconPath = "/assets/images/icon-pdf.svg";
            break;
        case '.zip':
            fileIconPath = "/assets/images/icon-zip.svg";
            break;
        case '.xls':
            fileIconPath = "/assets/images/icon-xls.svg";
            break;
        case '.doc':
            fileIconPath = "/assets/images/icon-doc.svg";
            break;
        case '.docx':
            fileIconPath = "/assets/images/icon-doc.svg";
            break;
        case '.docs':
            fileIconPath = "/assets/images/icon-docs.svg";
            break;
        case '.xml':
            fileIconPath = "/assets/images/icon-xml.svg";
            break;
        default:
            fileIconPath = "/assets/images/download-icon.svg";
            break;
    }
    return fileIconPath;
}

function initLeftSideMenu() {
    if (!$('#static-left-navigation').length) {
        return;
    }

    var path = window.location.pathname;
    path = path.replace(/\/$/, '');
    path = decodeURIComponent(path);

    // first set up active menu
    $('.metismenu a').each(function () {
        var href = ($(this).attr('href') || '').trim();

        // skip invalid values
        if (!href || href[0] === '#') {
            return;
        }

        if (this.pathname === path) {
            $(this).attr('aria-expanded', true).parent().addClass('mm-active');
        }
    });

    // initialize menu
    $('#static-left-navigation').metisMenu();
}

function getEquityType(info) {
    var type = equityKey;
    if (info) {
        var isFNOSec = info.isFNOSec,
            isSLBSec = info.isSLBSec,
            isDebtSec = info.isDebtSec,
            activeSeries = info.activeSeries;

        if (activeSeries && activeSeries.length > 0 && !activeSeries.includes('GS')) {
            type = equityKey;
        } else if (isFNOSec && !isSLBSec && !isDebtSec) {
            type = derivativeKey;
        } else if (!isFNOSec && isSLBSec && !isDebtSec) {
            type = slbKey;
        } else if (!isFNOSec && !isSLBSec && isDebtSec || activeSeries && activeSeries.includes('GS')) {
            type = bondsKey;
        };
    }
    return type;
}

initLeftSideMenu();
function helloWorld(e) {
    e = e || "Anonymous";
    console.log("Hello " + e);
    return;
}
function refreshApi(api, selectId) {
    var selectedVal = void 0;
    if (activeTabVal !== undefined) {
        selectedVal = activeTabVal;
    } else {
        selectedVal = $(selectId).find('option:selected').val();
    }
    //window[api](selectedVal);
    eval(api)(selectedVal);
}

function dynamicSort(property) {
    var sortOrder = 1;

    if (property[0] === "-") {
        sortOrder = -1;
        property = property.substr(1);
    }

    return function (a, b) {
        if (sortOrder == -1) {
            return b[property].localeCompare(a[property]);
        } else {
            return a[property].localeCompare(b[property]);
        }
    };
}
function refreshPage() {
    window.location.reload();
}
function updateMarketStatus() {
    try {
        autoUpdateMarket = setTimeout(function () {
            B.get('/api/marketStatus').then(function (resp) {
                var respJSON = JSON.parse(resp);
                var updateMarketCount = 0;
                for (var _iterator6 = respJSON.marketState.entries(), _isArray6 = Array.isArray(_iterator6), _i6 = 0, _iterator6 = _isArray6 ? _iterator6 : _iterator6[Symbol.iterator]();;) {
                    var _ref8;

                    if (_isArray6) {
                        if (_i6 >= _iterator6.length) break;
                        _ref8 = _iterator6[_i6++];
                    } else {
                        _i6 = _iterator6.next();
                        if (_i6.done) break;
                        _ref8 = _i6.value;
                    }

                    var _ref9 = _ref8,
                        index = _ref9[0],
                        key = _ref9[1];

                    if (key.last && key.last !== "" && key.marketStatus.toLowerCase() === "open") {
                        var _id = $('#marketStat' + index);
                        _id.find('.ltp').html(DecimalFixed(key.last));
                        _id.find('.per').text(DecimalFixed(key.variation) + ' (' + key.percentChange + '%)');
                        if (key.percentChange >= 0) {
                            _id.find('.ltp').append(' <i class="fa fa-caret-up cool-green"></i>');
                            _id.find('.per').removeClass('redTxt').addClass('greenTxt');
                        } else {
                            _id.find('.ltp').append(' <i class="fa fa-caret-down cool-red"></i>');
                            _id.find('.per').removeClass('greenTxt').addClass('redTxt');
                        }
                    } else {
                        updateMarketCount++;
                    }
                }
                //stop Market Update
                respJSON.marketState.length === updateMarketCount ? clearTimeout(autoUpdateMarket) : updateMarketStatus();
            });
        }, 15000);
    } catch (e) {
        console.log(e);
    }
}

function generateUID() {
    var length = 8;
    var timestamp = new Date().getTime();
    var id = (timestamp + Math.random()).toString(36).substr(2, length);
    return id;
}

function convertToReadMore(content) {
    var limit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 120;

    var uniqueId = generateUID();
    content = content.replace(/\s\s+/g, ' ');
    var firstHalf = content.substr(0, limit);
    var secondHalf = content.substr(limit, content.length);
    var dotId = uniqueId + "-dots";
    var moreId = uniqueId + "-more";
    var btnId = uniqueId + "-rmBtn";
    if (content.length <= limit) {
        return p({ class: "readMoreP" }, content);
    } else {
        return p({ class: "readMoreP" }, firstHalf, span({ id: dotId }, "..."), span({ id: moreId, style: "display: none" }, secondHalf), span({ class: "readMore", id: btnId, onclick: "readMore(\"" + dotId + "\", \"" + moreId + "\", \"" + btnId + "\")" }, "Read more"));
    }
}

function readMore(dotId, moreId, btnId) {
    var dots = document.getElementById(dotId);
    var moreText = document.getElementById(moreId);
    var btnText = document.getElementById(btnId);

    if (dots.style.display === "none") {
        dots.style.display = "inline";
        btnText.innerHTML = "Read more";
        moreText.style.display = "none";
    } else {
        dots.style.display = "none";
        btnText.innerHTML = " Read less";
        moreText.style.display = "inline";
    }
}

function marketStatusSlick() {
    $marketSlider = $("#nseMarketStatus .innerContainer");
    $marketSlider.slick({
        dots: false,
        vertical: true,
        infinite: true,
        autoplay: true,
        arrows: false,
        autoplaySpeed: 5000
    });
    $marketSlider.on('wheel', function (e) {
        e.preventDefault();
        return 0;
    });
}

function addClickListenerToDaysListing(dayslistingFieldId, startDateField, toDateField) {
    $(dayslistingFieldId).click(function () {
        var DateRange = getStartEndDate($(this).data('val'));
        if (DateRange !== 'ALL') {
            $(startDateField).val(DateRange[0]);
            $(toDateField).val(DateRange[1]);
        } else {
            $(startDateField).val('');
            $(toDateField).val('');
        }

        $(dayslistingFieldId + ".active").removeClass('active');
        $(this).addClass('active');
    });
}

// use callback to throw error.
function downloadFile(url, errCallback) {
    $.get(url, function (response) {
        if (response.error) {
            errCallback(response);
        } else {
            showErrorSnackBar("Your file will be downloaded in a moment", 1);
            // Create an invisible A element
            var a = document.createElement("a");
            a.style.display = "none";
            document.body.appendChild(a);

            // Set the HREF to a Blob representation of the data to be downloaded
            a.href = "" + window.location.origin + url;

            // Use download attribute to set set desired file name
            a.setAttribute("download", '');

            // Trigger the download by simulating click
            a.click();

            // Cleanup
            window.URL.revokeObjectURL(a.href);
            document.body.removeChild(a);
        }
    }).fail(function (error) {
        if (error.responseJSON) {
            errCallback(error.responseJSON);
        } else {
            errCallback(error);
        }
    });
}

function getTypeBySeries(series) {
    if (series) {
        if (series.toUpperCase() == 'EQ') return equityKey;
        if (['SM', 'ST'].includes(series.toUpperCase())) return sme;
        if (series.toUpperCase() == 'EQ') return equityKey;
    }
    return equityKey;
}

function currencySymbol(name) {
    try {
        var symbolName = name.toLowerCase();
        if (typeof symbolName === "undefined" || symbolName === null) {
            return "";
        }
        switch (symbolName) {
            case "usd":
                return "$";
                break;
            case "gbp":
                return "₤";
                break;
            case "euro":
                return "€";
                break;
            case "yen":
                return "¥";
                break;
        }
    } catch (e) {
        console.log(e);
        return "";
    }
}

var renderCaptcha = function renderCaptcha() {
    B.get('/api/recaptcha-client-secret').then(function (resp) {
        var captcha = JSON.parse(resp);
        grecaptcha.render('recaptcha', {
            'sitekey': captcha.key
        });
    });
};

function showErrorSnackBar(errorMsg, type) {
    var timeout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 3000;

    var x = document.getElementById("error-snackbar");
    x.className = x.classList.remove("show"); // hide if being shown.
    if (errSnackbarTimeout) {
        clearTimeout(errSnackbarTimeout);
    }
    x.innerHTML = "<i class=\"fa fa-times-circle\"></i> " + errorMsg;
    switch (type) {
        case 1:
            x.classList.add("notError");
            x.innerHTML = "<i class=\"fa fa-check-circle\"></i> ";
            break;
        case 2:
            x.classList.add("warning");
            x.innerHTML = "<i class=\"fa fa-exclamation-triangle\"></i> ";
            break;
        default:
            x.innerHTML = "<i class=\"fa fa-times-circle\"></i> ";
    }
    x.innerHTML += errorMsg;
    x.classList.add("show");
    errSnackbarTimeout = setTimeout(function () {
        x.className = x.classList.remove("show");
        switch (type) {
            case 1:
                x.classList.remove("notError");
                break;
            case 2:
                x.classList.remove("warning");
                break;
        }
    }, timeout);
}