WebBuild/wwwroot/tenants/themes/compact/components/dashboard/walkthrough.js

var Unibase;
(function (Unibase) {
    let Themes;
    (function (Themes) {
        let Compact;
        (function (Compact) {
            let Components;
            (function (Components) {
                class WalkThrough {
                    constructor() {
                        this.dashboardObj = {
                            des: 'You can view your Dashboard Groups and Dashboards here',
                            title: "DashBoard"
                        };
                        this.reportObj = {
                            des: 'You can view your Report Groups and Reports list here',
                            title: "Reports",
                        };
                        this.appObj = {
                            des: 'You can view your App Groups and Apps list here',
                            title: "Apps",
                        };
                        this.dateObj = {
                            des: 'Select the default date range that need to applied for Dashboards and Reports',
                            title: "Date Filter",
                        };
                        this.branchObj = {
                            des: 'You can switch your Branch ,Fisical Year and Data access related information',
                            title: "Branch",
                        };
                        this.notificationsObj = {
                            des: 'You can view your related notifcations list and clear them',
                            title: "Notifications",
                        };
                        this.taskObj = {
                            des: 'You can view your related tasks and manage them',
                            title: "Tasks",
                        };
                        this.profileObj = {
                            des: 'To view your Profile info, Application Help ,Themes and User Logoff',
                            title: "Profile",
                        };
                        this.dashboardSettingsObj = {
                            des: 'You can configure dashboard layout here and manage dashboard permissions to the users',
                            title: "Dashbaord Settings",
                        };
                        this.commonFiltersObj = {
                            des: 'You can select filters to be applied to a Dashbaord',
                            title: "Common filters",
                        };
                    }
                    LeftNavigation() {
                        let steps = [{
                                element: '[data-buttontype="nav-button-dashboards"]',
                                title: this.dashboardObj.title,
                                description: this.dashboardObj.des,
                                position: "bottom"
                            },
                            {
                                element: '[data-buttontype="nav-button-apps"]',
                                title: this.appObj.title,
                                description: this.appObj.des,
                                position: "bottom"
                            },
                            {
                                element: '[data-buttontype="nav-button-reports"]',
                                title: this.reportObj.title,
                                description: this.reportObj.des,
                                position: "bottom"
                            },
                            {
                                element: '[title="Dashboard Settings"]',
                                title: this.dashboardSettingsObj.title,
                                description: this.dashboardSettingsObj.des,
                                position: "left"
                            },
                            {
                                element: '[title="Common Filters"]',
                                title: this.commonFiltersObj.title,
                                description: this.commonFiltersObj.des,
                                position: "left"
                            },
                            {
                                element: '#right_side_menu_userdetails',
                                title: this.profileObj.title,
                                description: this.profileObj.des,
                                position: "left"
                            },
                            {
                                element: '#navCmnDateFilterDp',
                                title: this.dateObj.title,
                                description: this.dateObj.des,
                                position: "left"
                            },
                            {
                                element: '.usertheme',
                                title: 'Theme',
                                description: 'You can choose your theme here.',
                                position: "left"
                            },
                            {
                                element: '.right-side-menu-content-wrap #lnk_nav_changebranch',
                                title: this.branchObj.title,
                                description: this.branchObj.des,
                                position: "left"
                            },
                            {
                                element: '[title="Notifications"]',
                                title: this.notificationsObj.title,
                                description: this.notificationsObj.des,
                                position: "left"
                            },
                            {
                                element: '[title="Tasks"]',
                                title: this.taskObj.title,
                                description: this.taskObj.des,
                                position: "left"
                            },
                        ];
                        return steps;
                    }
                    TopNavigation() {
                        let steps = [{
                                element: '.nav-dashboards-item',
                                title: this.dashboardObj.title,
                                description: this.dashboardObj.des,
                                position: "bottom"
                            },
                            {
                                element: '.nav-apps-item',
                                title: this.appObj.title,
                                description: this.appObj.des,
                                position: "bottom"
                            },
                            {
                                element: '.nav-reports-item',
                                title: this.reportObj.title,
                                description: this.reportObj.des,
                                position: "bottom"
                            },
                            {
                                element: '#report-daterange_navCmnDateFilter-0',
                                title: this.dateObj.title,
                                description: this.dateObj.des,
                                position: "left"
                            },
                            {
                                element: '#lnk_nav_changebranch',
                                title: this.branchObj.title,
                                description: this.branchObj.des,
                                position: "left"
                            },
                            {
                                element: '[title="Notifications"]',
                                title: this.notificationsObj.title,
                                description: this.notificationsObj.des,
                                position: "left"
                            },
                            {
                                element: '[title="Tasks"]',
                                title: this.taskObj.title,
                                description: this.taskObj.des,
                                position: "left"
                            },
                            {
                                element: '#nav-profile-dropdown',
                                title: this.profileObj.title,
                                description: this.profileObj.des,
                                position: "left"
                            },
                            {
                                element: '[title="Dashboard Settings"]',
                                title: this.dashboardSettingsObj.title,
                                description: this.dashboardSettingsObj.des,
                                position: "left"
                            },
                            {
                                element: '[title="Common Filters"]',
                                title: this.commonFiltersObj.title,
                                description: this.commonFiltersObj.des,
                                position: "left"
                            },
                        ];
                        return steps;
                    }
                    TopandLeftNavigation() {
                        let steps = [{
                                element: '.nav-dashboards-item',
                                title: this.dashboardObj.title,
                                description: this.dashboardObj.des,
                                position: "bottom"
                            },
                            {
                                element: '.nav-apps-item',
                                title: this.appObj.title,
                                description: this.appObj.des,
                                position: "bottom"
                            },
                            {
                                element: '.nav-reports-item',
                                title: this.reportObj.title,
                                description: this.reportObj.des,
                                position: "bottom"
                            },
                            {
                                element: '#report-daterange_navCmnDateFilter-0',
                                title: this.dateObj.title,
                                description: this.dateObj.des,
                                position: "left"
                            },
                            {
                                element: '#lnk_nav_changebranch',
                                title: this.branchObj.title,
                                description: this.branchObj.des,
                                position: "left"
                            },
                            {
                                element: '[title="Notifications"]',
                                title: this.notificationsObj.title,
                                description: this.notificationsObj.des,
                                position: "left"
                            },
                            {
                                element: '[title="Tasks"]',
                                title: this.taskObj.title,
                                description: this.taskObj.des,
                                position: "left"
                            },
                            {
                                element: '#nav-profile-dropdown',
                                title: this.profileObj.title,
                                description: this.profileObj.des,
                                position: "left"
                            },
                            {
                                element: '[title="Dashboard Settings"]',
                                title: this.dashboardSettingsObj.title,
                                description: this.dashboardSettingsObj.des,
                                position: "left"
                            },
                            {
                                element: '[title="Common Filters"]',
                                title: this.commonFiltersObj.title,
                                description: this.commonFiltersObj.des,
                                position: "left"
                            },
                        ];
                        return steps;
                    }
                    app() {
                        let steps = [{
                                element: '.report-title-dp-wrapper',
                                title: "App Report",
                                description: 'To View connected reports of the app.',
                                position: "right"
                            },
                            {
                                element: '#ListSearch',
                                title: "Search",
                                description: 'You can search the app realted information by entering keywords.',
                                position: "right"
                            },
                            {
                                element: '[title="Dynamic Filters"]',
                                title: "Dynamic Filters",
                                description: 'You can apply filters here to load relevant data.',
                                position: "right"
                            },
                            {
                                element: '.create-btn',
                                title: "Create",
                                description: 'You can click here to open new creation form.',
                                position: "left"
                            },
                            {
                                element: '[title="More"]',
                                title: "App More",
                                description: 'To open connected child Apps and Manage more settings of the app like notifications, permissions, Stages and other settings.',
                                position: "left"
                            }
                        ];
                        steps = steps.filter(function (e) {
                            return $(e.element).is(":visible") == true;
                        });
                        return steps;
                    }
                    details() {
                        let steps = [
                            {
                                element: '.btnChangeStage',
                                title: "Stages",
                                description: 'You can click here to update stage of the record.',
                                position: "left"
                            },
                            {
                                element: '.Detail_Configurations_' + Unibase.Platform.Helpers.NavigationHelper.Instance().getLastContainerId() + ' a[onclick*="loadForm("]',
                                title: "Edit",
                                description: 'You can click here to edit the current record.',
                                position: "left"
                            },
                            {
                                element: '.select.div_configurationsetting',
                                title: "More",
                                description: 'You can click here to view more options.',
                                position: "left"
                            },
                            {
                                element: '#layout-detail-tabs',
                                title: "Tabs",
                                description: 'You can switch tabs here to view relevant data.',
                                position: "bottom"
                            },
                            {
                                element: '#detail-close',
                                title: "Back",
                                description: 'You can click here to load previous page.',
                                position: "right"
                            }
                        ];
                        steps = steps.filter(function (e) {
                            return $(e.element).is(":visible") == true;
                        });
                        return steps;
                    }
                    static Instance() {
                        if (this._instance === undefined)
                            this._instance = new Unibase.Themes.Compact.Components.WalkThrough;
                        return this._instance;
                    }
                }
                Components.WalkThrough = WalkThrough;
            })(Components = Compact.Components || (Compact.Components = {}));
        })(Compact = Themes.Compact || (Themes.Compact = {}));
    })(Themes = Unibase.Themes || (Unibase.Themes = {}));
})(Unibase || (Unibase = {}));