λ²κ·Έ μ€λͺ
μλ²½νκ² μ’μ app.svelte
νμΌμμ μμ λ΄μ©μ μ»μ΅λλ€.
μμ€ν (λ€μ μ 보λ₯Ό μμ±νμμμ€) :
ν΄λΉ νμΌμ μ 체 μ½λλ₯Ό λΆμ¬ λ£μ μ μμ΅λκΉ?
μ΄κ²μ μλ§λ λλ½ λ κ΄νΈλ‘ λ³νλκΈ° μ μ μ½λ λλ¬ΈμΌ κ²μ λλ€. κ·Έ μ μ μ½λλ₯Ό μ 곡 ν μ μμ΅λκΉ?
<script>
import { onMount } from "svelte";
import u from "./Helper/utils.js";
import msgbox from "./Components/msgbox.js";
import Tabs from "./Components/tabs.svelte";
import Button from "./Components/Button.svelte";
import InboxTab from "./Main/Inbox.svelte";
import ArchiveTab from "./Main/Archive.svelte";
import HelpTab from "./Main/Help.svelte";
import SettingsTab from "./Main/Settings.svelte";
import DocOutTab from "./Main/DocOut.svelte";
let mainid = "mainid";
let server = "";
let TABS;
let timer = null;
// let RTL = false;
onMount(() => {
u.addPrototypes();
TABS.addtab({
name: "inbox",
description: "$Inbox$",
icon: "gi-save-file", //icons.faFolderOpen
});
TABS.addtab({
name: "docout",
description: "$Docs Out$",
icon: "gi-open-file", //icons.faFilter
});
TABS.addtab({
name: "archive",
description: "$Search Letters$",
icon: "gi-search", //icons.faFilter
});
TABS.addtab({
name: "settings",
description: "$Settings$",
icon: "gi-cog", // icons.faCog
});
TABS.addtab({
name: "help",
description: "$Help$",
icon: "gi-question-sign",
});
setTimeout(() => {
// kludge to get the server for fetch
u.GET("/api/getuser").then((r) => (server = r));
// server = window.ServerURL;
u.GET("/api/inbox.getsettings").then((data) => {
if (data.Color) {
u.SetTheme(data.Color);
}
if (data.Language == "fa") {
document.body.dir = "rtl";
// document.documentElement.style.setProperty("--tblAlign", "right");
}
});
TABS.setInitial();
}, 0);
// Heartbeat for auto update
timer = setInterval(() => {
u.GET("/api/getuser").catch(() => {
clearInterval(timer);
msgbox.Ok("$Connection Failed!$", "", () => window.location.reload(true));
});
}, 10 * 1000);
});
// register all tabs to be created here for Tab component
function createTab(tabname, id, props) {
var tab = null;
switch (tabname) {
case "inbox":
tab = new InboxTab({
target: document.getElementById(id),
});
break;
case "help":
tab = new HelpTab({
target: document.getElementById(id),
});
break;
case "archive":
tab = new ArchiveTab({
target: document.getElementById(id),
});
break;
case "settings":
tab = new SettingsTab({
target: document.getElementById(id),
});
break;
case "docout":
tab = new DocOutTab({
target: document.getElementById(id),
});
break;
}
return tab;
}
// function configeditor() {
// // console.log("here");
// }
</script>
μ£Όμ΄μ§ μ½λλ₯Ό μμ ν
νλ¦Ώμ App.svelte
μ λΆμ¬ λ£λ κ²μ΄ μ μκ² ν¨κ³Όμ μ
λλ€. μ€μ μ΄λ νμΌμ λν΄ μμμΌ ν λ€λ₯Έ μ¬νμ΄ μμ΅λκΉ?
λλ μ λ¬Έκ°κ° μλκΈ° λλ¬Έμ 무μμ / μ΄λμμ μ°ΎμμΌνλμ§ μλ € μ£Όμ μΌν©λλ€.
λ§ν¬ μ κ³Ό skyle νκ·Έλ μ 곡 ν μ μμ΅λκΉ?
λ²μΈμ μ°Ύμμ΅λλ€.
<svelte:head>
<link rel="stylesheet" href="/lib/jodit.es2018.min.css" />
<script src="/lib/jodit.es2018.min.js">
</script>
</svelte:head>
νμλ₯Ό μλ§μΌλ‘ λ§λλ κ²μ head
μΉμ
μ script
νκ·Έμ
λλ€.