{$layout}
{$template "menu"}

<div class="config-section">
    <div class="section-title">{{t("settings_db_nodes_node@数据库节点详情")}}</div>
    
    <div class="config-item">
        <div class="item-label">{{t("settings_db_nodes_node@节点名称")}}</div>
        <div class="item-content">
            {{node.name}}
        </div>
    </div>
    
    <div class="config-item">
        <div class="item-label">{{t("settings_db_nodes_node@状态")}}</div>
        <div class="item-content">
            <label-on :v-is-on="node.isOn"></label-on>
            <div v-if="node.isOn && status != null" style="margin-top: 0.8em">
                <div v-if="status.isOk">
                    <p class="comment">
                        <span v-if="status.version.length > 0">{{t("settings_db_nodes_node@版本：")}} v{{status.version}} /</span>
                        <span v-if="status.isOk">{{t("settings_db_nodes_node@用量：")}}{{status.size}}</span>
                        <span v-else class="disabled">-</span>
                    </p>
                </div>
                <div v-else>
                    <span class="red">{{t("settings_db_nodes_node@连接错误：")}}{{status.error}}</span>
                </div>
            </div>
        </div>
    </div>
    
    <div class="config-item">
        <div class="item-label">{{t("settings_db_nodes_node@数据库引擎")}}<em>（Database Engine）</em></div>
        <div class="item-content">
            {{node.dbEngine}}
        </div>
    </div>
    
    <div class="config-item">
        <div class="item-label">{{t("settings_db_nodes_node@主机地址")}}<em>（Host）</em></div>
        <div class="item-content">
            {{node.host}}
        </div>
    </div>
    
    <div class="config-item">
        <div class="item-label">{{t("settings_db_nodes_node@数据库端口")}}<em>（Port）</em></div>
        <div class="item-content">
            {{node.port}}
        </div>
    </div>
    
    <div class="config-item">
        <div class="item-label">{{t("settings_db_nodes_node@数据库名称")}}<em>（Database）</em></div>
        <div class="item-content">
            {{node.database}}
        </div>
    </div>
    
    <div class="config-item">
        <div class="item-label">{{t("settings_db_nodes_node@用户名")}}<em>（Username）</em></div>
        <div class="item-content">
            {{node.username}}
        </div>
    </div>
    
    <div class="config-item">
        <div class="item-label">{{t("settings_db_nodes_node@密码")}}<em>（Password）</em></div>
        <div class="item-content">
            <span v-if="node.password && node.password.length > 0">••••••</span> <!-- 密码通常不直接显示 -->
            <span v-else class="disabled">-</span>
        </div>
    </div>
    
    <div class="config-item">
        <div class="item-label">{{t("settings_db_nodes_node@详细描述")}}</div>
        <div class="item-content">
            <span v-if="node.description.length > 0">{{node.description}}</span>
            <span v-else class="disabled">-</span>
        </div>
    </div>
</div>