const constValues = {
    tooSmallScreenMinWidth: 600,
    defaultNotifyIconColor: '#555555',
    telegramContactLink: 'https://t.me/XiaofangInternet',
    repoSourceUrl: 'https://raw.githubusercontent.com/fankes/AndroidNotifyIconAdapt/main/'
};

function onPageLoad() {
    switch (renderController.getUrlParams()) {
        case '':
        case 'main':
            pageFunctions.entryArea0.switchToMainPage();
            break;
        case 'notify-rules-app':
            pageFunctions.entryArea1.requestDataForApp();
            break;
        case 'notify-rules-system':
            pageFunctions.entryArea1.requestDataForSystem();
            break;
        case 'notify-rules-miui':
            pageFunctions.entryArea1.requestDataForMiui();
            break;
        case 'notify-rules-coloros':
            pageFunctions.entryArea1.requestDataForColorOs();
            break;
        case 'feedback':
            pageFunctions.entryArea2.feedbackNewNotifyRules();
            break;
        case 'contribute':
            pageFunctions.entryArea2.contributeNotifyRules();
            break;
        default:
            pageFunctions.specialCase.switchToNotFoundPage();
            break;
    }
    pageFunctions.entryArea3.showAuthorize(true);
}

const renderController = {
    getUrlParams: () => window.location.search.replace('?', ''),
    generateMarkdownContent: (content) => marked.parse(content),
    setMarkdownContent: (id, content) => {
        $('#' + id).html(renderController.generateMarkdownContent(content));
        $('.markdown-body').find('a').attr({ rel: 'noopener', target: '_blank' });
    },
    setMarkdownStyleDialog: () => {
        $('.mdui-dialog-content').addClass('markdown-body');
    },
    copyToClipboard: (content) => {
        if (typeof navigator == 'undefined' || typeof navigator.clipboard == 'undefined' || navigator.permissions == 'undefined') {
            let placeholder = document.createElement('input');
            placeholder.setAttribute('value', content);
            document.body.appendChild(placeholder);
            placeholder.select();
            document.execCommand('copy');
            document.body.removeChild(placeholder);
        } else navigator.clipboard.writeText(content);
        mdui.snackbar({ message: '已复制' });
    },
    setCookie: (cname, cvalue, exdays) => {
        let d = new Date();
        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
        let expires = 'expires=' + d.toGMTString();
        document.cookie = cname + '=' + cvalue + '; ' + expires;
    },
    getCookie: (cname) => {
        let name = cname + '=';
        let ca = document.cookie.split(';');
        for (let i = 0; i < ca.length; i++) {
            let c = ca[i].trim();
            if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
        }
        return '';
    }
};

const pageController = {
    pageTitles: ['页面不存在', '首页', '通知图标优化名单', '请求适配新 APP', '贡献通知图标规则'],
    isPageBlocked: false,
    switchToPage: (title, pageId, itemId = undefined) => {
        $('#item-main-main').removeClass('mdui-list-item-active');
        $('#item-nfrules-app').removeClass('mdui-list-item-active');
        $('#item-nfrules-miui').removeClass('mdui-list-item-active');
        $('#item-nfrules-coloros').removeClass('mdui-list-item-active');
        $('#item-nfdebug-debug').removeClass('mdui-list-item-active');
        $('#item-feedback-feedback').removeClass('mdui-list-item-active');
        $('#item-contribute-contribute').removeClass('mdui-list-item-active');
        $('#page-not-found').hide();
        $('#page-main').hide();
        $('#page-notify-rules').hide();
        $('#page-feedback').hide();
        $('#page-contribute').hide();
        $('#' + pageId).show();
        if (itemId !== undefined) $('#' + itemId).addClass('mdui-list-item-active');
        pageController.changePageTitle(title);
        pageController.scrollToTop();
    },
    scrollToTop: () => {
        $('body, html, #body-container').scrollTop(0);
    },
    changePageTitle: (title) => {
        $('#page-title-text').html(title);
    },
    showOrHideSyncNoticeIcon: (isShow) => {
        if (isShow) $('#sync-notice-icon').show();
        else $('#sync-notice-icon').hide();
    },
    showOrHideProjectAddressIcon: (isShow) => {
        if (isShow) $('#project-address-icon').show();
        else $('#project-address-icon').hide();
    }
};

const pageFunctions = {
    specialCase: {
        switchToNotFoundPage: () => {
            if (pageController.isPageBlocked) return;
            pageController.switchToPage(pageController.pageTitles[0], 'page-not-found');
            pageController.showOrHideSyncNoticeIcon(false);
            pageController.showOrHideProjectAddressIcon(true);
        }
    },
    headerArea0: {
        showSyncNotice: () => {
            mdui.dialog({
                title: '获取通知图标规则',
                content: renderController.generateMarkdownContent(markdownContents.syncNotice),
                buttons: [{ text: '我知道了' }]
            });
            renderController.setMarkdownStyleDialog();
        }
    },
    entryArea0: {
        switchToMainPage: () => {
            if (pageController.isPageBlocked) return;
            pageController.switchToPage(pageController.pageTitles[1], 'page-main', 'item-main-main');
            pageController.showOrHideSyncNoticeIcon(false);
            pageController.showOrHideProjectAddressIcon(true);
            renderController.setMarkdownContent('page-main-markdown-content', markdownPageContents.home);
        }
    },
    entryArea1: {
        requestDataForApp: () => {
            if (pageController.isPageBlocked) return;
            pageController.switchToPage(pageController.pageTitles[2], 'page-notify-rules', 'item-nfrules-app');
            pageController.showOrHideSyncNoticeIcon(true);
            pageController.showOrHideProjectAddressIcon(window.innerWidth > constValues.tooSmallScreenMinWidth);
            nfDataRequestController.requestData('APP');
        },
        requestDataForSystem: () => {
            if (pageController.isPageBlocked) return;
            mdui.snackbar({ message: '暂未开放，敬请期待' });
        },
        requestDataForMiui: () => {
            if (pageController.isPageBlocked) return;
            pageController.switchToPage(pageController.pageTitles[2], 'page-notify-rules', 'item-nfrules-miui');
            pageController.showOrHideSyncNoticeIcon(true);
            pageController.showOrHideProjectAddressIcon(window.innerWidth > constValues.tooSmallScreenMinWidth);
            nfDataRequestController.requestData('OS/MIUI');
        },
        requestDataForColorOs: () => {
            if (pageController.isPageBlocked) return;
            pageController.switchToPage(pageController.pageTitles[2], 'page-notify-rules', 'item-nfrules-coloros');
            pageController.showOrHideSyncNoticeIcon(true);
            pageController.showOrHideProjectAddressIcon(window.innerWidth > constValues.tooSmallScreenMinWidth);
            nfDataRequestController.requestData('OS/ColorOS');
        }
    },
    entryArea2: {
        feedbackNewNotifyRules: () => {
            if (pageController.isPageBlocked) return;
            pageController.switchToPage(pageController.pageTitles[3], 'page-feedback', 'item-feedback-feedback');
            pageController.showOrHideSyncNoticeIcon(false);
            pageController.showOrHideProjectAddressIcon(true);
            renderController.setMarkdownContent('page-feedback-markdown-content', markdownPageContents.feedback);
        },
        contributeNotifyRules: () => {
            if (pageController.isPageBlocked) return;
            pageController.switchToPage(pageController.pageTitles[4], 'page-contribute', 'item-contribute-contribute');
            pageController.showOrHideSyncNoticeIcon(false);
            pageController.showOrHideProjectAddressIcon(true);
            renderController.setMarkdownContent('page-contribute-markdown-content', markdownPageContents.contributing);
        },
        debugNotifyRules: () => {
            if (pageController.isPageBlocked) return;
            mdui.snackbar({ message: '暂未开放，敬请期待' });
        }
    },
    entryArea3: {
        contactUs: () => {
            window.open(constValues.telegramContactLink, '_blank');
        },
        showAuthorize: (isShowNolonger) => {
            if (isShowNolonger && renderController.getCookie('auth-show-nolonger')) return;
            mdui.dialog({
                title: '授权说明',
                content: renderController.generateMarkdownContent(markdownContents.authorize),
                buttons: isShowNolonger ? [{
                    text: '今日内不再提示', onClick: () => {
                        renderController.setCookie('auth-show-nolonger', true, 1);
                    }
                }, { text: '我知道了' }] : [{ text: '我知道了' }]
            });
            renderController.setMarkdownStyleDialog();
        },
        showLicense: () => {
            mdui.dialog({
                title: '开放源代码许可',
                content: renderController.generateMarkdownContent(markdownContents.license),
                buttons: [{ text: '我知道了' }]
            });
            renderController.setMarkdownStyleDialog();
        }
    }
};

const nfDataRequestController = {
    requestData: (name) => {
        pageController.isPageBlocked = true;
        $('#loading-icon').show();
        $('#load-fail-text-box').hide();
        $('#data-list').html('');
        $.ajax({
            url: constValues.repoSourceUrl + name + '/NotifyIconsSupportConfig.json',
            method: 'GET',
            dataType: 'json',
            success: (result) => {
                $('#loading-icon').hide();
                pageController.changePageTitle(pageController.pageTitles[2] + '&nbsp(' + result.length + ')');
                result.forEach((element, index) => {
                    let jsonString = encodeURI(JSON.stringify(element, null, 2));
                    $('#data-list').append('<li class="mdui-list-item mdui-ripple" style="white-space: nowrap"' +
                        'onclick="nfDataRequestController.showJsonData(\'' + element.appName + '\', \'' + jsonString + '\')">' +
                        '<div class="round-left-icon-box" style="background-color: ' +
                        (element.iconColor ? element.iconColor.toLowerCase().replace('#ff', '#') : constValues.defaultNotifyIconColor) + '">' +
                        '<img class="round-icon" src="data:image/png;base64,' + element.iconBitmap + '"/>' +
                        '</div>' +
                        '<div class="mdui-list-item-content" style="line-height: 22px">' +
                        '<div class="mdui-list-item-title">' + element.appName + '</div>' +
                        '<div class="mdui-list-item-text mdui-list-item-two-line">' +
                        '<span class="mdui-text-color-theme-text">' + element.packageName + '</span>' +
                        '<br/>' +
                        '<span class="mdui-text-color-theme-text">贡献者：' + element.contributorName + '</span>' +
                        '</div>' +
                        '</div>' +
                        '<i class="mdui-list-item-icon mdui-icon material-icons">' + (element.isEnabled ? (element.isEnabledAll ? 'done_all' : 'done') : 'close') + '</i>' +
                        (window.innerWidth > constValues.tooSmallScreenMinWidth ?
                            ('<span style="margin-left: 5px">' + (element.isEnabled ? (element.isEnabledAll ? '全部替换' : '启用替换') : '禁用替换') + '</span>') : '') +
                        '</li>');
                    if (index < result.length - 1) $('#data-list').append('<li class="mdui-divider-inset mdui-m-y-0"></li>');
                });
                pageController.isPageBlocked = false;
            },
            error: () => {
                $('#loading-icon').hide();
                $('#load-fail-text-box').show();
            }
        });
    },
    showJsonData: (title, jsonUrlS) => {
        let jsonString = decodeURI(jsonUrlS);
        mdui.dialog({
            title: title,
            content: renderController.generateMarkdownContent('```json\n' + jsonString + '\n```'),
            buttons: [{
                text: '复制规则', onClick: () => { renderController.copyToClipboard(jsonString); }
            }, { text: '关闭' }]
        });
        renderController.setMarkdownStyleDialog();
    }
};