dqj/sisai-world
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Init Gitea

Browse Source
This commit is contained in:
dqj
2025-10-06 21:31:13 +09:00
commit c879b8de12
60 changed files with 41314 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

868
views/mgr.html Normal file
View File

@@ -0,0 +1,868 @@
<!DOCTYPE html>
<html
lang="en-US"
class="light-style"
>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
/>
<title>SisAi world</title>
<meta name="description" id="site_desc" content="" />
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="files/favicon.ico" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
rel="stylesheet"
/>
<!-- Icons. Uncomment required icon fonts -->
<link rel="stylesheet" href="files/boxicons.css" />
<!-- Core CSS -->
<link rel="stylesheet" href="files/core.css" class="template-customizer-core-css" />
<link rel="stylesheet" href="files/theme-default.css" class="template-customizer-theme-css" />
<link rel="stylesheet" href="files/demo.css" />
<!-- Vendors CSS -->
<link rel="stylesheet" href="files/perfect-scrollbar.css" />
<script src="files/jquery.js"></script>
<!-- Helpers -->
<script src="files/helpers.js"></script>
<!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
<!--? Config: Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file. -->
<script src="files/config.js"></script>
<script src="files/ua-parser.js"></script>
<link rel="stylesheet" href="files/spinner.css" />
<script src="files/amipro_utils.js?v=20230401402"></script>
<!-- script src="files/dfido2-lib.js?v=20230813"></!-->
<script src="files/portal.js?v=20230828"></script>
<script>
lang_map = new Map();
lang_map.set("en-US", "Total users");
lang_map.set("zh-CN", "总用户数");
lang_map.set("ja", "総ユーザー数");
i18n_messages.set("label_total_users", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Failed authentications in past ４ weeks");
lang_map.set("zh-CN", "最近4周失败认证数");
lang_map.set("ja", "直近4週間失敗認証数");
i18n_messages.set("label_fail_auth", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Total authentications in past ４ weeks");
lang_map.set("zh-CN", "最近4周总认证数");
lang_map.set("ja", "直近4週間総認証数");
i18n_messages.set("label_total_auth", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Active users in past ４ weeks");
lang_map.set("zh-CN", "最近4周活跃用户数");
lang_map.set("ja", "直近4週間アクティブユーザー数");
i18n_messages.set("label_active_users", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Users list");
lang_map.set("zh-CN", "用户列表");
lang_map.set("ja", "ユーザーリスト");
i18n_messages.set("label_users_list", lang_map);
lang_map = new Map();
lang_map.set("en-US", "User email address");
lang_map.set("zh-CN", "用户邮件地址");
lang_map.set("ja", "ユーザーメールアドレス");
i18n_messages.set("label_mgr_email", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Role");
lang_map.set("zh-CN", "角色");
lang_map.set("ja", "ロール");
i18n_messages.set("label_mgr_role", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Manager");
lang_map.set("zh-CN", "管理员");
lang_map.set("ja", "管理者");
i18n_messages.set("sel_mgr_role_editor", lang_map);
lang_map = new Map();
lang_map.set("zh-CN", "邀请的空间");
lang_map.set("ja", "招待されたスペース");
lang_map.set("en-US", "Invited space");
i18n_messages.set("label_sel_invt_space", lang_map);
lang_map = new Map();
lang_map.set("zh-CN", "普通用户");
lang_map.set("ja", "一般ユーザー");
lang_map.set("en-US", "Normal user");
i18n_messages.set("sel_mgr_role_viewer", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Invite User");
lang_map.set("zh-CN", "邀请用户");
lang_map.set("ja", "ユーザー招待");
i18n_messages.set("btn_add", lang_map);
lang_map = new Map();
lang_map.set("en-US", "All domains");
lang_map.set("zh-CN", "所有域");
lang_map.set("ja", "すべてのドメイン");
i18n_messages.set("label_all_domains", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Search...");
lang_map.set("zh-CN", "搜索...");
lang_map.set("ja", "検索...");
i18n_messages.set("label_search", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Input correct Email address, please!");
lang_map.set("zh-CN", "请输入准确邮件地址！");
lang_map.set("ja", "メールアドレスを正しく入力してください！");
i18n_messages.set("msg_mgr_input", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Cannot invite yourself!");
lang_map.set("zh-CN", "不能邀请自己！");
lang_map.set("ja", "自分を招待することはできません！");
i18n_messages.set("msg_mgr_self", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Sent inviting email from support@amipro.me.\n"+
"Please let user to check email and click the link to join.\n"+
"Please check spam folder if user can't find the email.");
lang_map.set("zh-CN", "已经从 support@amipro.me 发送邀请邮件到用户的邮箱，\n请通知用户查收邮件并点击邮件中的链接来接受邀请。\n"+
"如果没有收到邮件，请用户检查垃圾邮件文件夹。");
lang_map.set("ja", "support@amipro.meから招待メールを送信しました、\n"+
"電子メールを確認し、電子メール内のリンクをクリックして招待を受け入れるようにユーザーに通知してください。\n"+
"メールが見つからない場合は、迷惑メール フォルダを確認してください。");
i18n_messages.set("title_sent_invite_email", lang_map);
lang_map = new Map();
lang_map.set("zh-CN", "从空间移除");
lang_map.set("ja", "スペースから削除");
lang_map.set("en-US", "Remove from space");
i18n_messages.set("btn_unspace", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Recovery link");
lang_map.set("zh-CN", "恢复链接");
lang_map.set("ja", "リカバリー・リンク");
i18n_messages.set("btn_link", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Users can register their devices by clicking this link without authentication. Please send this link to users with a secure method. The link will be expired in 15 minutes.\n(Link has been copied to clipboard)");
lang_map.set("zh-CN", "用户可以无需进行身份验证即可通过点击此链接而注册其设备。请通过安全的方式将此链接发送给用户。链接将在15分钟后过期。\n（链接已经拷贝至剪贴板）");
lang_map.set("ja", "ユーザーは、このリンクをクリックすることで、認証なしにデバイスを登録できます。このリンクを安全な方法でユーザーに送信してください。リンクは15分で期限切れになります。\n（リンクはクリップボードにコピーされました）");
i18n_messages.set("msg_link", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Devices");
lang_map.set("zh-CN", "设备");
lang_map.set("ja", "デバイス");
i18n_messages.set("btn_devices", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Are you sure to remove this account from group?");
lang_map.set("zh-CN", "确定要移出此账户吗？");
lang_map.set("ja", "このアカウントをグループから削除してもよろしいですか？");
i18n_messages.set("msg_remove_account", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Are you sure to delete this device?");
lang_map.set("zh-CN", "确定要删除此设备吗？");
lang_map.set("ja", "このデバイスを削除してもよろしいですか?");
i18n_messages.set("msg_del_device", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Delete");
lang_map.set("zh-CN", "删除");
lang_map.set("ja", "削除");
i18n_messages.set("btn_delete", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Failed to delete device");
lang_map.set("zh-CN", "删除设备失败");
lang_map.set("ja", "デバイスの削除に失敗しました");
i18n_messages.set("msg_del_dvc_fail", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Failed to remove account from group");
lang_map.set("zh-CN", "账户移出组失败");
lang_map.set("ja", "アカウントをグループから削除できませんでした");
i18n_messages.set("msg_remove_acc_fail", lang_map);
lang_map = new Map();
lang_map.set("en-US", "System error. Please try later.");
lang_map.set("zh-CN", "系统错误，请稍后再试。");
lang_map.set("ja", "システムエラー。後でもう一度お試しください。");
i18n_messages.set("msg_sys_fail", lang_map);
lang_map = new Map();
lang_map.set("en-US", "No devices");
lang_map.set("zh-CN", "尚无设备");
lang_map.set("ja", "デバイスなし");
i18n_messages.set("msg_no_device", lang_map);
lang_map = new Map();
lang_map.set("zh-CN", "尚无可以管理的空间，请到空间市场中创建");
lang_map.set("ja", "管理できるスペースがありません。スペースマーケットで作成してください。");
lang_map.set("en-US", "No space to manage, please create in space market.");
i18n_messages.set("label_no_space", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Space market");
lang_map.set("zh-CN", "空间市场");
lang_map.set("ja", "スペースマーケット");
i18n_messages.set("label_market", lang_map);
lang_map = new Map();
lang_map.set("zh-CN", "确定要修改自身的权限吗？");
lang_map.set("ja", "自分の権限を変更してもよろしいですか？");
lang_map.set("en-US", "Are you sure to change your role?");
i18n_messages.set("msg_chg_self_role", lang_map);
lang_map = new Map();
lang_map.set("zh-CN", "确定将此账号从该空间移除吗？");
lang_map.set("ja", "このアカウントをこのスペースから削除してもよろしいですか？");
lang_map.set("en-US", "Are you sure to remove this account from this space?");
i18n_messages.set("msg_unspace", lang_map);
lang_map = new Map();
lang_map.set("zh-CN", "确定将自己的账号从该空间移除吗？");
lang_map.set("ja", "自分のアカウントをこのスペースから削除してもよろしいですか？");
lang_map.set("en-US", "Are you sure to remove your account from this space?");
i18n_messages.set("msg_unspace_self", lang_map);
$(async function () {
$("#user_nickname").text(sessionStorage.getItem("nickname")?sessionStorage.getItem("nickname"):"");
showSpinner();
await listSpaces();
if($('#sel_invt_space').children().length == 0){
$('#no_space_table').show();
$('#invt_table').hide();
}else{
$('#no_space_table').hide();
$('#invt_table').show();
}
//$('#input_search').prop('placeholder', getI18NText(i18n_messages, 'label_search'));
/*$('#input_search').on('keypress', function(e) {
if (e.keyCode === 13) {
changed_search = true;
listMgrs();
}
});*/
listSpaceUsers();
hideSpinner();
});
async function listSpaces(){
showSpinner();
var lstJson = {};
lstJson["role_type"] = 1;
const response = await fetch("/listspacenms", {
method: "POST",
cache: "no-cache",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(lstJson)
})
if(response.status == 200){
const resp = await response.json();
if (resp.status=='OK') {
var sel_html = '';
if(resp.spaces.length == 0){
$('#no_space_table').show();
$('#invt_table').hide();
}else{
for(let space of resp.spaces){
sel_html += '<option value="'+space.space_id+'">'+ getI18NJsonText(space.space_name)+'</option>';
}
$('#sel_invt_space').html(sel_html);
}
}else{
alert(getI18NText(i18n_messages, 'msg_sys_err'));
}
}else if(response.status == 440){
window.location.href = "/login.html";
}else{
alert(getI18NText(i18n_messages, 'msg_sys_err'));
}
hideSpinner();
}
async function inviteMgr(){
if(checkInput()){
showSpinner();
var lstJson = {};
lstJson["email"] = $('#input_mgr_email').val().trim();
lstJson["role"] = $('#sel_mgr_role').val();
lstJson["space_id"] = $('#sel_invt_space').val();
try{
const response = await fetch("/sendinvtmail", {
method: "POST",
cache: "no-cache",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(lstJson)
})
hideSpinner();
if(response.status == 200){
const resp = await response.json();
if (resp.status=='OK') {
alert(getI18NText(i18n_messages, 'title_sent_invite_email'));
}else{
alert(getI18NText(i18n_messages, 'msg_sys_err'));
}
}else{
alert(getI18NText(i18n_messages, 'msg_sys_err'));
}
}catch(err){
alert(getI18NText(i18n_messages, 'msg_sys_err'));
}finally{
hideSpinner();
}
}
}
function checkInput(){
const mgremail = $('#input_mgr_email').val().trim()
if(!checkEmailFormat(mgremail)){
alert($('#msg_mgr_input').html())
return false;
}
else if(mgremail == sessionStorage.getItem('email')){
alert($('#msg_mgr_self').html())
return false;
}else return true;
}
//Copy text to clipboard
function copyToClipboard(text) {
setTimeout(function(){
var dummy = document.createElement("textarea");
document.body.appendChild(dummy);
dummy.value = text;
dummy.select();
document.execCommand("copy");
document.body.removeChild(dummy);
}, 300);
}
var changed_search = false;
async function listSpaceUsers(){
showSpinner();
$('#div_list_more').hide();
/*if($("#input_search").val()){
lstJson["search"] = encodeURIComponent($("#input_search").val());
}*/
/*if(changed_search){
$("#users_list").html('');
changed_search = false;
}*/
$("#users_list").html('');
var resp = await fetch("/listspcusrs", {
method: "POST",
cache: "no-cache",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({})
});
const result = await resp.json();
if ('OK' === result.status) {
let lst_html = $("#users_list").html();
for(let space of result.list){
var users_html = '';
//Find my self role
var my_role = 0;
for(let user of space.users){
if(user.account_id == sessionStorage.getItem("uid")){
my_role = user.role;
break;
}
}
for(let user of space.users){
var map = new Map();
map.set("user_name", getI18NJsonText(user.account_name));
map.set("user_email", user.account_email);
map.set("space_id", space.space_id);
map.set("user_id", user.account_id);
map.set("label_normal_user", getI18NText(i18n_messages, 'sel_mgr_role_viewer'));
map.set("label_manager", getI18NText(i18n_messages, 'sel_mgr_role_editor'));
map.set("label_remove", getI18NText(i18n_messages, 'btn_unspace'));
map.set("selected_0", user.role == 0?"selected":"");
map.set("selected_1", user.role == 1?"selected":"");
if(my_role == 1){
users_html += replaceTemplate(document.getElementById('list_user_template_mgr').innerHTML, map);
}else{
users_html += replaceTemplate(document.getElementById('list_user_template_user').innerHTML, map);
}
}
var map = new Map();
map.set("space_id", space.space_id);
map.set("space_name", getI18NJsonText(space.space_name));
map.set("user_list", "<table style='width:98%;'>"+users_html+"</table>");
lst_html += replaceTemplate(document.getElementById('list_space_template').innerHTML, map);
}
document.getElementById('users_list').innerHTML = lst_html;
}
/*else{
const msg = getI18NErrorMessage(result.errorMessage);
alert(msg?msg:result.errorMessage);
}*/
//if(result.users && result.users.length >= lstJson["limit"])$('#div_list_more').show();
hideSpinner();
}
async function changedRole(space_id, user_id){
if(user_id == sessionStorage.getItem('uid') && !confirm(getI18NText(i18n_messages, 'msg_chg_self_role'))){
window.location.reload();
return;
}
var lstJson = {};
lstJson["space_id"] = space_id;
lstJson["user_id"] = user_id;
lstJson["role"] = $('#sel_role_'+space_id+'_'+user_id).val();
const response = await fetch("/chgrlusr", {
method: "POST",
cache: "no-cache",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(lstJson)
})
if(response.status == 200){
const resp = await response.json();
if (resp.status=='OK') {
//alert('Role changed');
if(user_id == sessionStorage.getItem('uid')){
window.location.reload();
}
}else{
alert(getI18NText(i18n_messages, 'msg_sys_err'));
window.location.reload();
}
}else{
alert(getI18NText(i18n_messages, 'msg_sys_err'));
window.location.reload();
}
}
async function unspaceUser(space_id, user_id){
var msgtxt;
if(user_id == sessionStorage.getItem('uid'))msgtxt = getI18NText(i18n_messages, 'msg_unspace_self');
else msgtxt = getI18NText(i18n_messages, 'msg_unspace');
if(!confirm(msgtxt)){
return;
}
showSpinner();
var lstJson = {};
lstJson["space_id"] = space_id;
lstJson["user_id"] = user_id;
const response = await fetch("/unspcusr", {
method: "POST",
cache: "no-cache",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(lstJson)
})
if(response.status == 200){
const resp = await response.json();
if (resp.status=='OK') {
//alert('User removed');
if(user_id == sessionStorage.getItem('uid')){
window.location.reload();
}else $('#user_tr_'+space_id+"_"+user_id).remove();
}else{
alert(getI18NText(i18n_messages, 'msg_sys_err'));
}
}else{
alert(getI18NText(i18n_messages, 'msg_sys_err'));
}
hideSpinner();
}
function replaceTemplate(template, replaceMap){
var newTemplate = template;
for (var [key, value] of replaceMap) {
newTemplate = newTemplate.replace(new RegExp('\\['+key+'\\]', 'g'), value);
}
return newTemplate;
}
function checkEmailFormat(email){
if(!email || 0>=email.length)return false;
if(!email.match(/^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$/))return false;
return true;
}
//Copy text to clipboard
function copyToClipboard(text) {
setTimeout(function(){
var dummy = document.createElement("textarea");
document.body.appendChild(dummy);
dummy.value = text;
dummy.select();
document.execCommand("copy");
document.body.removeChild(dummy);
}, 300);
}
function showSpinner() {
$('#sel_domain').prop('disabled', true);
document.getElementById("spinner").style.display = "block";
}
function hideSpinner() {
$('#sel_domain').prop('disabled', false);
document.getElementById("spinner").style.display = "none";
}
</script>
</head>
<body>
<!-- Layout wrapper -->
<div class="layout-wrapper layout-content-navbar">
<div class="layout-container">
<!-- Menu -->
<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
<div class="app-brand demo">
<a href="top.html" class="app-brand-link">
<span class="app-brand-logo demo">
<img src="files/favicon.ico" alt="SisAi" width="45%" style="display: block; margin: 10%;" />
</span>
</a>
</div>
<div class="menu-inner-shadow"></div>
<ul class="menu-inner py-1">
<li class="menu-item">
<a href="top.html" class="menu-link">
<i class="menu-icon tf-icons bx bx-home-circle"></i>
<div data-i18n="Analytics" id="menu_conversation">Conversation</div>
</a>
</li>
<li class="menu-item">
<a href="settings.html" class="menu-link">
<i class="menu-icon tf-icons bx bx-cog"></i>
<div data-i18n="Analytics" id="menu_settings">Settings</div>
</a>
</li>
<li class="menu-item">
<a href="market.html" class="menu-link">
<i class="menu-icon tf-icons bx bx-store-alt"></i>
<div data-i18n="Analytics" id="menu_market">market</div>
</a>
</li>
<li class="menu-item">
<a href="builder.html" class="menu-link">
<i class="menu-icon tf-icons bx bx-wrench"></i>
<div data-i18n="Analytics" id="menu_builder">Space Builder</div>
</a>
</li>
<li class="menu-item active">
<a href="mgr.html" class="menu-link" onclick="javascript:return false;">
<i class="menu-icon tf-icons bx bx-user"></i>
<div data-i18n="Analytics" id="menu_mgr">Managers</div>
</a>
</li>
<li class="menu-item">
<a href="docs.html" class="menu-link">
<i class="menu-icon tf-icons bx bx-file"></i>
<div data-i18n="Analytics" id="menu_docs">Documents</div>
</a>
</li>
</ul>
</aside>
<!-- / Menu -->
<!-- Layout container -->
<div class="layout-page">
<!-- Navbar -->
<nav
class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
id="layout-navbar"
>
<div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
<a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
<i class="bx bx-menu bx-sm"></i>
</a>
</div>
<div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
<div class="navbar-nav align-items-center">
<div class="nav-item d-flex align-items-center">
SisAi World
</div>
</div>
<ul class="navbar-nav flex-row align-items-center ms-auto">
<!-- User -->
<li class="nav-item navbar-dropdown dropdown-user dropdown">
<a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
<div class="avatar avatar-online">
<img src="files/avatar.png" alt class="w-px-40 h-auto rounded-circle" />
</div>
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li>
<a class="dropdown-item" href="#">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar avatar-online">
<img src="files/avatar.png" alt class="w-px-40 h-auto rounded-circle" />
</div>
</div>
<div class="flex-grow-1">
<span class="fw-semibold d-block" id="user_nickname">A manager</span>
<!-- small class="text-muted">Admin</!-->
</div>
</div>
</a>
</li>
<!-- li>
<div class="dropdown-divider"></div>
</>
<li>
<a class="dropdown-item" href="devices.html">
<i class="bx bx-mobile-alt me-2"></i>
<span class="align-middle" id="label_device_mng">Device management</span>
</a>
</li>
<li>
<a class="dropdown-item" href="#">
<span class="d-flex align-items-center align-middle">
<i class="flex-shrink-0 bx bx-credit-card me-2"></i>
<span class="flex-grow-1 align-middle">Billing</span>
<span class="flex-shrink-0 badge badge-center rounded-pill bg-danger w-px-20 h-px-20">!</span>
</span>
</a>
</li -->
<li>
<div class="dropdown-divider"></div>
</li>
<li>
<a class="dropdown-item" href="login.html">
<i class="bx bx-power-off me-2"></i>
<span class="align-middle" id="label_logout">Log Out</span>
</a>
</li>
</ul>
</li>
<!--/ User -->
</ul>
</div>
</nav>
<!-- / Navbar -->
<!-- Content wrapper -->
<div class="content-wrapper">
<!-- Content -->
<div class="container-xxl flex-grow-1 container-p-y">
<div id="msg_mgr_input" style="display:none;">Input email address, please!</div>
<div id="msg_mgr_self" style="display:none;">Cannot invite yourself!</div>
<div class="row">
<div class="col-md-12 col-lg-12 order-2 mb-4">
<div class="card h-100">
<div class="card-header d-flex align-items-center justify-content-between">
<h5 class="card-title m-0 me-2" id="label_users_list">Manager list</h5>
<div id="no_space_table" style="display: none;">
<h6 id="label_no_space" >No space, please create in space market.</h6>
<a href="market.html" style="font-size: larger;" id="label_market">market</a>
</div>
<div class="row" style="width: 90%;" id="invt_table">
<div class="col-md-6 col-lg-3 order-2 mb-4">
<div class="form-floating">
<input type="text" class="form-control" id="input_mgr_email" placeholder="email address">
<label for="input_mgr_email" id="label_mgr_email">Email address</label>
</div>
</div>
<div class="col-md-6 col-lg-3 order-2 mb-4">
<div class="form-floating">
<select class="form-select" id="sel_invt_space" aria-label="Users' space">
</select>
<label for="sel_invt_space" id="label_sel_invt_space">Invite to space</label>
</div>
</div>
<div class="col-md-6 col-lg-3 order-2 mb-4">
<div class="form-floating">
<select class="form-select" id="sel_mgr_role" aria-label="Users' role">
<option value="0" id="sel_mgr_role_viewer">User</option>
<option value="1" id="sel_mgr_role_editor">Manager</option>
</select>
<label for="sel_mgr_role" id="label_mgr_role">Manager's role</label>
</div>
</div>
<div class="col-md-6 col-lg-3 order-2 mb-4" style="text-align: right;">
<button style="white-space:nowrap;height: 3.5rem;width: 90%; max-width: 200pt;" class="btn btn-info" onclick="inviteMgr();" id="btn_add">Invite manager</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="list_user_template_mgr" style="display: none;">
<div class="row" id="user_tr_[space_id]_[user_id]">
<div class="col-md-6 col-lg-3 order-2 mb-4">[user_name]</div>
<div class="col-md-6 col-lg-3 order-2 mb-4">[user_email]</div>
<div class="col-md-6 col-lg-3 order-2 mb-4">
<select class="form-select" style="width: 100pt;" id="sel_role_[space_id]_[user_id]" onchange="changedRole([space_id],[user_id]);">
<option value="0" [selected_0]>[label_normal_user]</option>
<option value="1" [selected_1]>[label_manager]</option>
</select>
</div>
<div class="col-md-6 col-lg-3 order-2 mb-4">
<button class="btn btn-danger" style="word-wrap: unset;" onclick="unspaceUser([space_id],[user_id]);">[label_remove]</button>
</div>
</div>
</div>
<div id="list_user_template_user" style="display: none;">
<div class="row">
<div class="col-md-6 col-lg-3 order-2 mb-4">[user_name]</div>
<div class="col-md-6 col-lg-3 order-2 mb-4">[user_email]</div>
<div class="col-md-12 col-lg-6 order-2 mb-4"></div>
</div>
</div>
<div id="list_space_template" style="display: none;">
<div class="col-md-12 col-lg-12 order-2 mb-4">
<div class="card h-100">
<div class="card-header d-flex align-items-center justify-content-between">
<div class="navbar-nav align-items-center"><p class="fw-semibold d-block">[space_name]</p></div>
</div>
<div class="card-body">
[user_list]
</div>
</div>
</div>
</div>
<div class="row" id="users_list">
</div>
</div>
<div id="spinner" class="spinner">
<div class="spinner-icon"></div>
</div>
<div class="card text-center" style="display: none;position: fixed; top: 10px; left: auto; width: 50%; z-index: 9999;"
id="popup_info">
<div class="card-body">
<h5 class="card-title" id="popup_title">Title</h5>
<p class="card-text" id="popup_msg">Msg</p>
<a href="javascript:$('#popup_info').hide();" class="btn btn-primary">OK</a>
</div>
</div>
<!-- / Content -->
<!-- Footer -->
<footer class="content-footer footer bg-footer-theme">
<div class="container-xxl d-flex flex-wrap justify-content-between py-2 flex-md-row flex-column">
<div class="mb-2 mb-md-0">
©
<script>
document.write(new Date().getFullYear());
</script>
<a href="#" target="_blank" class="footer-link fw-bolder">amiPro(Powered by OpenAI-4o)</a>
</div>
<div class="mb-2 mb-md-0">
<a href="payinf.html" target="_blank" class="footer-link">特定商取引法に基づく表記</a>
</div>
<div>
<a
href="mailto:support@amipro.me?subject=contact"
target="_blank"
class="footer-link me-4"
id="title_contact"
>Contact</a
>
</div>
</div>
</footer>
<!-- / Footer -->
<div class="content-backdrop fade"></div>
</div>
<!-- Content wrapper -->
</div>
<!-- / Layout page -->
</div>
<!-- Overlay -->
<div class="layout-overlay layout-menu-toggle"></div>
</div>
<!-- / Layout wrapper -->
<!-- Core JS -->
<script src="files/popper.js"></script>
<script src="files/bootstrap.js"></script>
<script src="files/perfect-scrollbar.js"></script>
<script src="files/menu.js"></script>
<script src="files/main.js"></script>
<!-- endbuild -->
<!-- Page JS -->
<script src="files/dashboards-analytics.js"></script>
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>