'''
Author: 于小丘 海枫
Date: 2024-10-02 15:23:34
LastEditors: Yuerchu admin@yuxiaoqiu.cn
LastEditTime: 2024-12-14 20:03:49
FilePath: /Findreve/admin.py
Description: Findreve 后台管理 admin

Copyright (c) 2018-2024 by 于小丘Yuerchu, All Rights Reserved. 
'''

from nicegui import ui
from tool import *
from ..framework import frame


def create():
    @ui.page('/admin/about')
    async def admin_about():
        
        dark_mode = ui.dark_mode(value=True) 
        
        ui.add_head_html(
                code="""
                <style>
                    a:link:not(.browser-window *),
                    a:visited:not(.browser-window *) {
                        color: inherit !important;
                        text-decoration: none;
                    }

                    a:hover:not(.browser-window *),
                    a:active:not(.browser-window *) {
                        opacity: 0.85;
                    }
                    
                    .bold-links a:link {
                        font-weight: 500;
                    }

                    .arrow-links a:link:not(.auto-link)::after {
                        content: "north_east";
                        font-family: "Material Icons";
                        font-weight: 100;
                        vertical-align: -10%;
                    }
                </style>
                <script>
                    async function get_about() {
                        try {
                            const response = await fetch('/static/readme.md', {
                                method: 'GET',
                                cache: 'no-cache' // 防止缓存问题
                            });
    
                            if (!response.ok) {
                                console.error('获取readme失败:', response.status);
                                return '无法加载内容: ' + response.statusText;
                            }
    
                            const data = await response.text();
                            return data;
    
                        } catch (error) {
                            console.error('获取readme错误:', error);
                            return '加载错误: ' + error.message;
                        }
                    }
                </script>
                """
            )
        
        async with frame():
            
            # 关于 Findreve
            with ui.tab_panel('about'):
                ui.label('关于 Findreve').classes('text-2xl font-bold')
                about = ui.markdown('''加载中...''')
            
            try:
                # 延长超时时间到10秒
                about_text = await ui.run_javascript('get_about()', timeout=10.0)
                if isinstance(about_text, dict) and 'status' in about_text and about_text['status'] == 'failed':
                    about.set_content(f'加载失败: {about_text.get("detail", "未知错误")}')
                else:
                    about.set_content(about_text)
            except Exception as e:
                ui.notify(f'加载失败: {str(e)}', color='negative')
                about.set_content(f'### 无法加载内容\n\n出现错误: {str(e)}')