<commit_before><!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Trang quản lý Admin 🏳️‍🌈</title>
    <meta name="author" content="cuduy197">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css?family=Comfortaa&amp;subset=vietnamese" rel="stylesheet">
    <link rel="stylesheet" href="/public/assets/style.css">
    <link rel="stylesheet" href="/public/assets/animate.min.css" />
    <link rel="stylesheet" href="/public/assets/index.css">

</head>

<body style="background-color: black;">
    <div id="app" v-cloak style="padding:0 20px 0 20px;">
        <!-- Đã đăng nhập -->
        <div v-if="loggedIn===null" class="animated fadeIn">
            <br>
            <h3 style="color:white">⚙️ Đang tải ... </h3>
        </div>
        <div v-else class="animated fadeIn">
            <div v-if="loggedIn" class="animated fadeIn">
                <button @click="logOut">Đăng xuất 🔓</button>
                <hr>
                <!-- Tab -->
                <el-tabs v-model="activeName" type="border-card" style="border-radius: 5px;">
                    <el-tab-pane label="Thông tin 🔍" name="first">
                        <!-- Thông tin người dùng -->
                        <div class="animated fadeInDown">
                            <p> Người dùng hiện tại: "{{userInfo.username}}" 👋 </p>
                            <p> id: "{{userInfo.id}}" 👓</p>
                            <p>🚩 Role : </p>
                            <div v-if="!loading.role">
                                <div v-if="userInfo.role.length > 0">
                                    <li v-for="role in userInfo.role">
                                        {{ role }} 🍀
                                    </li>
                                    <br>
                                    <button @click="checkUserAllRole">
                                        🔄 Cập nhật lại danh sách role của {{userInfo.username}}
                                    </button>
                                    <br><br>
                                </div>
                                <div v-else class="animated infinite fadeIn">
                                    <p> Đang tải ... </p>
                                </div>

                            </div>
                            <div v-else class="animated infinite fadeIn">
                                <p>Đang tải thông tin role của {{userInfo.username}} ...</p>
                            </div>
                        </div>
                        <!-- Thông tin người dùng -->
                    </el-tab-pane>
                    <el-tab-pane label="Chỉnh sửa Role ⚖️" name="second">
                        <!--  Chỉnh sửa role -->
                        <el-row :gutter="30" class="animated fadeInDown">
                            <div v-if="!loading.checkRole">
                                <el-col :sm="12" :md="8">
                                    <div v-if="roleInput.roleList.length > 0">
                                        <p>Chọn tài khoản </p>
                                        <input v-model="roleInput.userName" type="text" style="width: 100%">
                                        <br> <br>
                                        <button @click="checkUserInRole_Cloud">
                                       ❓ Kiểm tra danh sách role của  "{{roleInput.userName}}"
                                        </button>
                                    </div>
                                    <div v-else class="animated infinite flash">
                                        <p>Đang tải dữ liệu ...</p>
                                    </div>
                                </el-col>

                                <el-col :sm="12" :md="8">
                                    <p>Chọn role :</p>
                                    <select v-model="roleInput.roleSelect" style="width: 100%">
                                    <option v-for="roleName in roleInput.roleList">{{roleName}}</option>
                                    </select>
                                    <br><br>

                                    <button @click="editUserInRole_Cloud('add')">
                                     Thêm "{{roleInput.userName}}" vào "{{roleInput.roleSelect}}" +
                                    </button>
                                    <br> <br>

                                    <button @click="editUserInRole_Cloud('remove')">
                                       Xóa "{{roleInput.userName}}" trong "{{roleInput.roleSelect}}" -
                                    </button>
                                </el-col>


                                <el-col :sm="12" :md="8">
                                    <p>Cập nhật role : </p>
                                    <button @click="deleteRole_Cloud">
                                            Xóa role "{{roleInput.roleSelect}}" ⛔️
                                    </button>
                                    <br><br>
                                    <button @click="addRole_Cloud">
                                       Tạo thêm role  🔮
                                    </button>
                                </el-col>
                            </div>
                            <div v-else class="animated infinite flash">
                                <h3>Đang tải dữ liệu ...</h3>
                            </div>
                        </el-row>
                        <br><br>
                        <!--  Chỉnh sửa role -->
                    </el-tab-pane>
                    <el-tab-pane label="Cài đặt 🔧" name="third">
                        <div class="animated fadeInDown">
                            <p>Mật khẩu quản trị (masterKey) 🔑 </p>
                            <input type="password" v-model="userInput.masterKey">
                        </div>
                        <br><br>
                    </el-tab-pane>
                    <el-tab-pane label="..." name="fourth">Đang cập nhật <br><br></el-tab-pane>
                </el-tabs>
                <!-- Tab -->
            </div>
            <!-- Đã đăng nhập -->
            <!-- Chưa đăng nhập -->
            <div v-else class="animated fadeInDown">
                <br>
                <h3 style="color:white"> {{hello}} </h3>
                <hr>
                <div v-if="!loading.login">
                    <form>
                        <p style="color:white">🔒 Tên người dùng:</p><commit_msg>Update logic and improve admin page :zap:<commit_after><!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Trang quản lý Admin 🏳️‍🌈</title>
    <meta name="author" content="cuduy197">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css?family=Comfortaa&amp;subset=vietnamese" rel="stylesheet">
    <link rel="stylesheet" href="/public/assets/style.css">
    <link rel="stylesheet" href="/public/assets/animate.min.css" />
    <link rel="stylesheet" href="/public/assets/index.css">

</head>

<body style="background-color: black;">
    <div id="app" v-cloak>
        <!-- Đã đăng nhập -->
        <div v-if="loggedIn===null" class="animated fadeIn">
            <br>
            <h3 style="color:white">⚙️ Đang tải ... </h3>
        </div>
        <div v-else class="animated fadeIn">
            <div v-if="loggedIn" class="animated fadeIn">
                <button @click="logOut">Đăng xuất 🔓</button>
                <hr>
                <!-- Tab -->
                <el-tabs v-model="activeName" type="border-card" style="border-radius: 5px;">
                    <el-tab-pane label="Thông tin 🔍" name="first">
                        <!-- Thông tin người dùng -->
                        <div class="animated fadeInDown">
                            <p> Người dùng hiện tại: "{{userInfo.username}}" 👋 </p>
                            <p> id: "{{userInfo.id}}" 👓</p>
                            <p>🚩 Role : </p>
                            <div v-if="!loading.role">
                                <div v-if="userInfo.role.length > 0">
                                    <li v-for="role in userInfo.role">
                                        {{ role }} 🍀
                                    </li>
                                    <br>
                                    <button @click="checkUserAllRole">
                                        🔄 Cập nhật lại danh sách role của {{userInfo.username}}
                                    </button>
                                    <br><br>
                                </div>
                                <div v-else class="animated infinite fadeIn">
                                    <p> Đang tải ... </p>
                                </div>

                            </div>
                            <div v-else class="animated infinite fadeIn">
                                <p>Đang tải thông tin role của {{userInfo.username}} ...</p>
                            </div>
                        </div>
                        <!-- Thông tin người dùng -->
                    </el-tab-pane>
                    <el-tab-pane label="Chỉnh sửa Role ✏️" name="second">
                        <!--  Chỉnh sửa role -->
                        <el-row :gutter="30" class="animated fadeInDown">
                            <div v-if="!loading.checkRole">
                                <el-col :sm="12" :md="8">
                                    <div v-if="roleInput.roleList.length > 0">
                                        <p>Nhập tài khoản: </p>
                                        <input v-model="roleInput.userName" type="text" style="width: 100%">
                                        <br> <br>
                                        <button @click="checkUserInRole_Cloud">
                                       ❓ Kiểm tra danh sách role của  "{{roleInput.userName}}"
                                        </button>
                                    </div>
                                    <div v-else class="animated infinite flash">
                                        <p>Đang tải dữ liệu ...</p>
                                    </div>
                                </el-col>

                                <el-col :sm="12" :md="8">
                                    <p>Chọn role :</p>
                                    <select v-model="roleInput.roleSelect" style="width: 100%">
                                    <option v-for="roleName in roleInput.roleList">{{roleName}}</option>
                                    </select>
                                    <br><br>

                                    <button @click="editUserInRole_Cloud('add')">
                                     Thêm "{{roleInput.userName}}" vào "{{roleInput.roleSelect}}" +
                                    </button>
                                    <br> <br>

                                    <button @click="editUserInRole_Cloud('remove')">
                                       Xóa "{{roleInput.userName}}" trong "{{roleInput.roleSelect}}" -
                                    </button>
                                </el-col>


                                <el-col :sm="12" :md="8">
                                    <p>Cập nhật role : </p>
                                    <button @click="deleteRole_Cloud">
                                            Xóa role "{{roleInput.roleSelect}}" ⛔️
                                    </button>
                                    <br><br>
                                    <button @click="addRole_Cloud">
                                       Tạo thêm role  🔮
                                    </button>
                                </el-col>
                            </div>
                            <div v-else class="animated infinite flash">
                                <h3>Đang tải dữ liệu ...</h3>
                            </div>
                        </el-row>
                        <br><br>
                        <!--  Chỉnh sửa role -->
                    </el-tab-pane>
                    <el-tab-pane label="Cài đặt 🔑" name="third">
                        <div class="animated fadeInDown">
                            <p>Mật khẩu quản trị (masterKey) 🔑 </p>
                            <input type="password" v-model="userInput.masterKey">
                        </div>
                        <br><br>
                    </el-tab-pane>
                    <el-tab-pane label="..." name="fourth">Đang cập nhật <br><br></el-tab-pane>
                </el-tabs>
                <!-- Tab -->
            </div>
            <!-- Đã đăng nhập -->
            <!-- Chưa đăng nhập -->
            <div v-else class="animated fadeInDown">
                <br>
                <h3 style="color:white"> {{hello}} </h3>
                <hr>
                <div v-if="!loading.login">
                    <form>
                        <p style="color:white">🔒 Tên người dùng:</p>
{'fraction_non_alphanumeric': 0.13000606796116504, 'fraction_numerical': 0.005309466019417476, 'mean_word_length': 0.8289637952559301, 'pattern_counts': {'":': 0, '<': 285, '<?xml version=': 0, '>': 289, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 106, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1951022', 'n_tokens_mistral': 3697, 'n_tokens_neox': 3486, 'n_words': 689}