Files
sisai-world/views/settings.html
2025-10-06 21:31:13 +09:00

704 lines
26 KiB
HTML

<!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=20240620-1"></script>
<script src="files/portal.js"></script>
<script>
lang_map = new Map();
lang_map.set("en-US", "Save");
lang_map.set("zh-CN", "保 存");
lang_map.set("ja", "保 存");
i18n_messages.set("btn_update", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Do you want to leave this page without saving?");
lang_map.set("zh-CN", "您确定要离开此页面而不保存吗?");
lang_map.set("ja", "保存せずにこのページを離れますか?");
i18n_messages.set("msg_saving_alert", lang_map);
lang_map = new Map();
lang_map.set("zh-CN", "您确定要切换空间而不保存吗?");
lang_map.set("ja", "保存せずにスペースを切り替えますか?");
lang_map.set("en-US", "Do you want to switch space without saving?");
i18n_messages.set("msg_spc_saving_alert", lang_map);
lang_map = new Map();
lang_map.set("en-US", "The maximum length of the text is 5000 characters.");
lang_map.set("zh-CN", "文本最大长度为5000字。");
lang_map.set("ja", "テキストの最大長は5000文字です。");
i18n_messages.set("label_info_length", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Text is too long.")
lang_map.set("zh-CN", "文本超过最大允许长度。");
lang_map.set("ja", "テキストが長すぎます。");
i18n_messages.set("msg_toolong_text", lang_map);
lang_map = new Map();
lang_map.set("zh-CN", "确认删除以下空间吗?");
lang_map.set("en-US", "Do you want to delete the following space?");
lang_map.set("ja", "以下のスペースを削除しますか");
i18n_messages.set("msg_del_alert", lang_map);
lang_map = new Map();
lang_map.set("zh-CN", "删除");
lang_map.set("en-US", "Delete");
lang_map.set("ja", "削除");
i18n_messages.set("btn_space_del", lang_map);
lang_map = new Map();
lang_map.set("zh-CN", "重命名");
lang_map.set("en-US", "Rename");
lang_map.set("ja", "名前変更");
i18n_messages.set("btn_space_rename", lang_map);
lang_map = new Map();
lang_map.set("en-US", "Do you want to switch options without saving?");
lang_map.set("zh-CN", "您确定要切换选项而不保存吗?");
lang_map.set("ja", "保存せずにオプションを切り替えますか?");
i18n_messages.set("msg_opt_saving_alert", lang_map);
lang_map = new Map();
lang_map.set("en-US", "The name has been used. Please input another one.");
lang_map.set("zh-CN", "名称已被使用,请输入其他名称");
lang_map.set("ja", "名前が使用されています。別の名前を入力してください。");
i18n_messages.set("msg_same_name", lang_map);
var cur_info_index = -1, cur_space_index = -1;
$(async function(){
$("#user_nickname").text(sessionStorage.getItem("nickname")?sessionStorage.getItem("nickname"):"");
showSpinner();
var url = new URL(window.location.href);
var space_id = url.searchParams.get("sid");
await listSpaces(space_id);
if(document.getElementById("sel_space").childElementCount == 0){
window.location.href = "market.html";
return;
}
if(space_id)await loadSpace(space_id);
else{
var sel_space = document.getElementById("sel_space");
if(sel_space.options.length > 0){
var space_id = sel_space.options[0].value;
await loadSpace(space_id);
}
}
hideSpinner();
});
async function listSpaces(sel_space_id){
try{
var response = await fetch("/listspacenms", {
method: "POST",
cache: "no-cache",
headers: {
"Content-Type": "application/json",
}
});
if (response.status == 200) {
const data = await response.json();
var sel_space = document.getElementById("sel_space");
for (var i = 0; i < data.spaces.length; i++) {
var opt = document.createElement("option");
if (sel_space_id && sel_space_id == data.spaces[i].space_id) {
opt.selected = true;
cur_info_index = 0;
}
opt.value = data.spaces[i].space_id;
opt.innerHTML = getI18NJsonText(data.spaces[i].space_name);
sel_space.appendChild(opt);
}
} else if (response.status == 440) {
window.location.href = "/login.html";
}
}catch(err){
alert(getI18NText(i18n_messages, 'msg_sys_err'));
}finally{
hideSpinner();
}
}
function changedSpace(){
if(document.getElementById("btn_update").disabled == false){
if( confirm( getI18NText(i18n_messages, "msg_spc_saving_alert") ) == false ){
document.getElementById("sel_space").options[cur_space_index].selected = true;
return;
}
}
document.getElementById("btn_update").disabled = true;
var sel_space = document.getElementById("sel_space");
var space_id = sel_space.options[sel_space.selectedIndex].value;
cur_space_index = sel_space.selectedIndex;
loadSpace(space_id);
}
var info_blocks = [];
async function changedInfo(){
if(!info_blocks)return;
if(document.getElementById("btn_update").disabled == false){
if( confirm( getI18NText(i18n_messages, "msg_opt_saving_alert") ) == false ){
document.getElementById("sel_info").options[cur_info_index].selected = true;
return;
}
}
document.getElementById("btn_update").disabled = true;
var sel_space = document.getElementById("sel_space");
var space_id = sel_space.options[sel_space.selectedIndex].value;
var sel_info = document.getElementById("sel_info");
var info_id = sel_info.options[sel_info.selectedIndex].value;
cur_info_index = sel_info.selectedIndex;
var info_textarea = document.getElementById("info_textarea");
//info_textarea.innerHTML = "";
info_textarea.value = "";
try{
const response = await fetch("/getspcinf", {
method: "POST",
cache: "no-cache",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({space_id: space_id, info_id: info_id, language: window.navigator.language})
});
if(response.status == 200){
const data = await response.json();
if(data && data.info){
info_textarea.value = data.info;
}
}else if (response.status == 440) {
window.location.href = "/login.html";
}
if(info_blocks){
info_blocks.forEach(function(info){
if(info.id == info_id){
info_textarea.placeholder = info.cmmt?info.cmmt:"";
}
});
}
}catch(err){
alert(getI18NText(i18n_messages, 'msg_sys_err'));
}finally{
hideSpinner();
}
}
async function loadSpace(space_id){
var lstJson = {};
lstJson["space_id"] = space_id;
lstJson["language"] = window.navigator.language;
try{
var response = await fetch("/getspace", {
method: "POST",
cache: "no-cache",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(lstJson)
});
if(response.status == 200){
const json = await response.json();
if(json.status == "OK"){
var sel_info = document.getElementById("sel_info");
sel_info.innerHTML = "";
info_blocks = json.blocks;
for(var i = 0; info_blocks && i < info_blocks.length; i++){
var opt = document.createElement("option");
opt.value = info_blocks[i].id;
opt.innerHTML = getI18NJsonText(info_blocks[i].name);
sel_info.appendChild(opt);
}
await changedInfo();
}else if (response.status == 440) {
window.location.href = "/login.html";
}
}else if (response.status == 440) {
window.location.href = "/login.html";
}
}catch(err){
alert(getI18NText(i18n_messages, 'msg_sys_err'));
}finally{
hideSpinner();
}
}
function editedTextarea(){
var btn_update = document.getElementById("btn_update");
btn_update.disabled = false;
}
function changingPage(){
var btn_update = document.getElementById("btn_update");
if(btn_update.disabled == false){
return confirm( getI18NText(i18n_messages, "msg_saving_alert") );
}
}
function checkTextLength(){
var info_textarea = document.getElementById("info_textarea");
var label_info_length = document.getElementById("label_info_length");
if(info_textarea.value.length > 5000){
alert(getI18NText(i18n_messages, "msg_toolong_text"));
return false;
}
return true;
}
function updateInfo(){
if(!checkTextLength())return;
showSpinner();
var sel_space = document.getElementById("sel_space");
var space_id = sel_space.options[sel_space.selectedIndex].value;
var sel_info = document.getElementById("sel_info");
var info_id = sel_info.options[sel_info.selectedIndex].value;
var info_textarea = document.getElementById("info_textarea");
var lstJson = {};
lstJson["space_id"] = space_id;
lstJson["info_id"] = info_id;
lstJson["info"] = info_textarea.value;
lstJson["language"] = window.navigator.language;
fetch("/setspcinf", {
method: "POST",
cache: "no-cache",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(lstJson)
}).then(function(response){
hideSpinner();
if(response.status == 200){
response.json().then(function(data){
if(data.status == "OK"){
var btn_update = document.getElementById("btn_update");
btn_update.disabled = true;
}else{
window.location.href = "/login.html";
}
});
}else if (response.status == 440) {
window.location.href = "/login.html";
}
});
}
async function delSpace(){
var sel_space = document.getElementById("sel_space");
if(sel_space.options.length == 0)return;
if( confirm( getI18NText(i18n_messages, "msg_del_alert")+"\n"+ sel_space.options[sel_space.selectedIndex].innerHTML) == false ) return;
var space_id = sel_space.options[sel_space.selectedIndex].value;
var lstJson = {};
lstJson["space_id"] = space_id;
try{
var response = await fetch("/delspc", {
method: "POST",
cache: "no-cache",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(lstJson)
});
if(response.status == 200){
const data = await response.json();
if(data.status == "OK"){
await listSpaces();
var sel_space = document.getElementById("sel_space");
if(sel_space.options.length > 0){
var space_id = sel_space.options[0].value;
await loadSpace(space_id);
}
}else if (response.status == 440) {
window.location.href = "/login.html";
}
}else if (response.status == 440) {
window.location.href = "/login.html";
}
}catch(err){
alert(getI18NText(i18n_messages, 'msg_sys_err'));
}finally{
hideSpinner();
}
}
async function renameSpace(){
var sel_space = document.getElementById("sel_space");
if(sel_space.options.length == 0)return;
var space_id = sel_space.options[sel_space.selectedIndex].value;
var space_name = sel_space.options[sel_space.selectedIndex].text;
var new_name = prompt(getI18NText(i18n_messages, "btn_space_rename"), space_name);
if(new_name == null || new_name == "")return;
try{
var response = await fetch("/chksamenm", {
method: "POST",
cache: "no-cache",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
type: 'space',
space_id: '--create--',
space_name: new_name
}),
});
if(response.status == 200){
const resp = await response.json();
if(resp.status == "OK"){
if(resp.same == true){
alert(getI18NText(i18n_messages, 'msg_same_name'));
return;
}
}else window.location.href = "/login.html";
}else {
window.location.href = "/login.html";
}
var lstJson = {};
lstJson["space_id"] = space_id;
lstJson["space_name"] = new_name;
lstJson["language"] = window.navigator.language;
var response = await fetch("/renmspc", {
method: "POST",
cache: "no-cache",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(lstJson)
});
if(response.status == 200){
const data = await response.json();
if(data.status == "OK"){
sel_space.options[sel_space.selectedIndex].text = new_name;
}else if (response.status == 440) {
window.location.href = "/login.html";
}
}else if (response.status == 440) {
window.location.href = "/login.html";
}
}catch(err){
alert(getI18NText(i18n_messages, 'msg_sys_err'));
}finally{
hideSpinner();
}
}
function showSpinner() {
document.getElementById("spinner").style.display = "block";
}
function hideSpinner() {
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" onclick="return changingPage();">
<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 active">
<a href="settings.html" class="menu-link" onclick="javascript:return false;">
<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" onclick="return changingPage();">
<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">
<a href="mgr.html" class="menu-link" onclick="return chnagingPage();">
<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" onclick="return chnagingPage();">
<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">
<select class="form-select" id="sel_space" style="min-width: 10pt;" aria-label="selected space" onchange="changedSpace();">
</select>
</div>
</div>
<button style="width:20%;float: right;white-space:nowrap;margin-left: 5pt;padding:0.4rem 0;" class="btn btn-danger" onclick="javascript:delSpace();" id="btn_space_del">Delete</button>
<button style="width:20%;float: right;white-space:nowrap;margin-left: 5pt;padding:0.4rem 0;" class="btn btn-primary" onclick="javascript:renameSpace();" id="btn_space_rename">Rename</button>
<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 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">
<div class="navbar-nav align-items-center">
<div class="nav-item d-flex align-items-center">
<select class="form-select" id="sel_info" aria-label="selected info" onchange="changedInfo();">
</select>
</div>
</div>
<button style="width:20%;float: right;white-space:nowrap;padding: 0.4rem 0;" class="btn btn-info" disabled="1" onclick="javascript:updateInfo();" id="btn_update">Update</button>
</div>
<div class="card-body">
<textarea class="form-control" style="width: 96%;height: 200pt;" placeholder="" id="info_textarea" oninput="javascript:editedTextarea();">
</textarea>
<p class="text-muted" style="margin-top: 10px;" id="label_info_length"></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="spinner" class="spinner">
<div class="spinner-icon"></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>
<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 -->
<!-- Vendors JS -->
<!-- script src="files/apexcharts.js">< -->
<!-- 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>