WebBuild/wwwroot/platform/templates/components/deletetemplate.js

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Templates;
        (function (Templates) {
            let Components;
            (function (Components) {
                class DeleteTemplate extends Unibase.Platform.Core.BaseComponent {
                    constructor() {
                        super(...arguments);
                        this.storingContainer = [];
                    }
                    cssFiles() {
                        return [];
                    }
                    jsFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        var html = ``;
                        return html;
                    }
                    load(id, containerid, callback) {
                    }
                    colorpicker() {
                        $('.section_CodeView').find('.note-editor').attr({ 'data-elementid': Math.floor(Math.random() * Date.now()) });
                        $(".section_CodeView ").find('.panel-heading').append(`<div class="btn-group"> <button type="button" class="btn dropdown-toggle color-picker-dropdown" data-toggle="dropdown" aria-expanded="false" style="background-color:#f4f5f6"> Color picker </button> <div class="dropdown-menu"> <a class="dropdown-item" href="#"> <div class="d-flex color-picker justify-content-between align-items-center"> <div> <label for="favcolor">Header</label></div><div> <input type="color" data-Headcolor='' class="Header-color-input"></div></div></a> <a class="dropdown-item" href="#"> <div class="d-flex color-picker justify-content-between align-items-center"> <div> <label for="favcolor">Table Body</label></div><div> <input type="color" class="TBody-color-input" data-Bodycolor=''></div></div></a> <a class="dropdown-item" href="#"> <div class="d-flex color-picker justify-content-between align-items-center"> <div> <label for="favcolor">Footer</label></div><div> <input type="color" class="Footer-color-input" data-Footercolor=''></div></div></a> <a class="dropdown-item" href="#"> <div class="d-flex color-picker justify-content-between align-items-center"> <div> <label for="favcolor">Text</label></div><div> <input type="color" class="text-color-input" data-textColor=''></div></div></a> <a class="dropdown-item" href="#"> <div class="d-flex color-picker justify-content-between align-items-center"> <div class="mr-4"> <label for="favcolor">Highlight Color</label></div><div> <input type="color" class="Highlight-color-input" data-HighlightColor=''></div></div></a> </div></div>`);
                        $('.color-picker-dropdown').on('click', function () {
                            function rgb2hex(rgb) {
                                var hexDigits = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"];
                                rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
                                function hex(x) {
                                    return isNaN(x) ? "00" : hexDigits[(x - x % 16) / 16] + hexDigits[x % 16];
                                }
                                return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
                            }
                            let headColor = $('.header-color-div').css("background-color");
                            let TablebodyColor = $('.tableBody-color-div').css("background-color");
                            let FooterColor = $('.footer-color-div').css("background-color");
                            let TextColor = $('.text-color-div').css("color");
                            let HighlightColor = $('.highlight-color-div').css("background-color");
                            $('.Header-color-input').val(rgb2hex(headColor));
                            $('.TBody-color-input').val(rgb2hex(TablebodyColor));
                            $('.Footer-color-input').val(rgb2hex(FooterColor));
                            $('.text-color-input').val(rgb2hex(TextColor));
                            $('.Highlight-color-input').val(rgb2hex(HighlightColor));
                            console.log(rgb2hex(headColor));
                            console.log(rgb2hex(TablebodyColor));
                            console.log(rgb2hex(FooterColor));
                            console.log(rgb2hex(TextColor));
                            console.log(rgb2hex(HighlightColor));
                        });
                        $('.Header-color-input').on('change', function () {
                            $(this).attr('data-Headcolor', `${$(this).val()}`);
                            $('.header-color-div').css('background', `${$(this).val()}`);
                            Unibase.Platform.Templates.Components.DeleteTemplate.Instance().colorArrayVal();
                        });
                        $('.TBody-color-input').on('change', function () {
                            $(this).attr('data-Bodycolor', `${$(this).val()}`);
                            $('.tableBody-color-div').css('background', `${$(this).val()}`);
                            Unibase.Platform.Templates.Components.DeleteTemplate.Instance().colorArrayVal();
                        });
                        $('.Footer-color-input').on('change', function () {
                            $(this).attr('data-Footercolor', `${$(this).val()}`);
                            $('.footer-color-div').css('background', `${$(this).val()}`);
                            Unibase.Platform.Templates.Components.DeleteTemplate.Instance().colorArrayVal();
                        });
                        $('.text-color-input').on('change', function () {
                            $(this).attr('data-textColor', `${$(this).val()}`);
                            $('.text-color-div').css('color', `${$(this).val()}`);
                            Unibase.Platform.Templates.Components.DeleteTemplate.Instance().colorArrayVal();
                        });
                        $('.Highlight-color-input').on('change', function () {
                            $(this).attr('data-HighlightColor', `${$(this).val()}`);
                            $('.highlight-color-div').css('background', `${$(this).val()}`);
                            Unibase.Platform.Templates.Components.DeleteTemplate.Instance().colorArrayVal();
                        });
                    }
                    colorArrayVal() {
                        let conId = Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds[Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.length - 1];
                        let arrayData = Unibase.Platform.Templates.Components.DeleteTemplate.Instance().storingContainer;
                        let elementId = Number($('#' + conId).find('.section_CodeView .note-editor').attr('data-elementid')), index;
                        index = arrayData.findIndex((obj => obj.elementId == elementId));
                        if (index != -1) {
                            arrayData.splice(index, 1);
                        }
                        let data = {
                            "elementId": Number($('#' + conId).find('.section_CodeView .note-editor').attr('data-elementid')),
                            "Properties": [{
                                    "Headcolor": [$('#' + conId).find('.Header-color-input').val()],
                                    "Bodycolor": [$('#' + conId).find('.Body-color-input').val()],
                                    "Footercolor": [$('#' + conId).find('.Footer-color-input').val()],
                                    "TextColor": [$('#' + conId).find('.text-color-input').val()],
                                    "HighlightColor": [$('#' + conId).find('.Highlight-color-input').val()]
                                }]
                        };
                        arrayData.push(data);
                    }
                    deleteTemplate() {
                        let templateid = Unibase.Themes.Providers.DetailHelper.recordId;
                        var instance = this;
                        bootbox.confirm("Are You Sure You Want to Delete this Template?", function (result) {
                            if (result == true) {
                                instance.fileCacheHelper.loadJsFile("platform/templates/managers/templatemanager.js", function () {
                                    Unibase.Platform.Templates.Managers.TemplateManager.Instance().deleteTemplate(Number(templateid)).then(function (response) {
                                        MessageHelper.Instance().showSuccess(response.message, "bizgaze_ErrorMessages");
                                        var installedappid = Unibase.Themes.Providers.DetailHelper.installedAppId;
                                        instance.navigationHelper.loadList(installedappid, null);
                                    });
                                });
                            }
                        });
                    }
                    deleteTemplateProvider() {
                        let templateproviderid = Unibase.Themes.Providers.DetailHelper.recordId;
                        var instance = this;
                        bootbox.confirm("Are You Sure You Want to Delete this Template Provider?", function (result) {
                            if (result == true) {
                                instance.fileCacheHelper.loadJsFile("platform/templates/managers/templatemanager.js", function () {
                                    Unibase.Platform.Templates.Managers.TemplateManager.Instance().deleteTemplateProvider(Number(templateproviderid)).then(function (response) {
                                        MessageHelper.Instance().showSuccess(response.message, "bizgaze_ErrorMessages");
                                        var installedappid = Unibase.Themes.Providers.DetailHelper.installedAppId;
                                        instance.navigationHelper.loadList(installedappid, null);
                                    });
                                });
                            }
                        });
                    }
                    GeneratePdf() {
                        function base64ToArrayBuffer(data) {
                            var bString = window.atob(data);
                            var bLength = bString.length;
                            var bytes = new Uint8Array(bLength);
                            for (var i = 0; i < bLength; i++) {
                                var ascii = bString.charCodeAt(i);
                                bytes[i] = ascii;
                            }
                            return bytes;
                        }
                        ;
                        function base64toPDF(data1) {
                            var bufferArray = base64ToArrayBuffer(data1);
                            var blobStore = new Blob([bufferArray], { type: "application/pdf" });
                            if (window.navigator && window.navigator.msSaveOrOpenBlob) {
                                window.navigator.msSaveOrOpenBlob(blobStore);
                                return;
                            }
                            var fileURL = URL.createObjectURL(blobStore);
                            window.open(fileURL);
                        }
                        var instance = this;
                        let templateid = Unibase.Themes.Providers.DetailHelper.recordId;
                        instance.fileCacheHelper.loadJsFile("platform/templates/managers/templatemanager.js", function () {
                            Unibase.Platform.Templates.Managers.TemplateManager.Instance().getTemplatePdf(Number(templateid), 0).then(function (response) {
                                base64toPDF(response.result);
                            });
                        });
                    }
                    static Instance() {
                        if (this.instance === undefined) {
                            this.instance = new DeleteTemplate();
                        }
                        return this.instance;
                    }
                }
                Components.DeleteTemplate = DeleteTemplate;
            })(Components = Templates.Components || (Templates.Components = {}));
        })(Templates = Platform.Templates || (Platform.Templates = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));