ΠΠΏΠΈΡΠΈΡΠ΅ ΠΎΡΠΈΠ±ΠΊΡ
ΠΠ° ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ Ρ
ΠΎΡΠΎΡΠ΅ΠΌ ΡΠ°ΠΉΠ»Π΅ 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>
ΠΡΠΎ ΡΠ΅Π³ script
Π² ΡΠ°Π·Π΄Π΅Π»Π΅ head
ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΡΡΠΈΡ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠΉ Π°Π½Π°Π»ΠΈΠ·Π°ΡΠΎΡ.