BuboBubo/topos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improving universe switching interface

Browse Source
This commit is contained in:
Raphaël Forment
2023-08-27 23:59:31 +02:00
parent 963fec8e44
commit 1e0aa39677
2 changed files with 17 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/API.ts
View File

@ -66,7 +66,7 @@ export class UserAPI {
this.app.universes, this.app.universes,
this.app.settings this.app.settings
); );
this.app.openBuffersModal(); this.app.updateKnownUniversesView();
} }
_playDocExample = (code?: string) => { _playDocExample = (code?: string) => {

31
src/main.ts
View File

@ -241,9 +241,6 @@ export class Editor {
// ================================================================================ // ================================================================================
// Building the documentation // Building the documentation
// loadSamples().then(() => {
// this.docs = documentation_factory(this);
// });
let pre_loading = async () => { await loadSamples(); }; let pre_loading = async () => { await loadSamples(); };
pre_loading(); pre_loading();
this.docs = documentation_factory(this); this.docs = documentation_factory(this);
@ -311,18 +308,7 @@ export class Editor {
// This is the modal to switch between universes // This is the modal to switch between universes
if (event.ctrlKey && event.key === "b") { if (event.ctrlKey && event.key === "b") {
this.hideDocumentation(); this.hideDocumentation();
let existing_universes = document.getElementById("existing-universes"); this.updateKnownUniversesView();
let known_universes = Object.keys(this.universes);
let final_html = "<ul class='lg:h-80 lg:w-80 lg:pb-2 lg:pt-2 overflow-y-scroll text-white lg:mb-4 border rounded-lg bg-gray-800'>";
known_universes.forEach((name) => {
final_html += `
<li onclick="_loadUniverseFromInterface('${name}')" class="hover:fill-black hover:bg-white py-2 hover:text-black flex justify-between px-4">
<p >${name}</p>
<button onclick=_deleteUniverseFromInterface('${name}')>🗑</button>
</li>`;
});
final_html = final_html + "</ul>";
existing_universes!.innerHTML = final_html;
this.openBuffersModal(); this.openBuffersModal();
} }
@ -668,6 +654,21 @@ export class Editor {
return JSON.parse(hash); return JSON.parse(hash);
}; };
updateKnownUniversesView = () => {
let existing_universes = document.getElementById("existing-universes");
let known_universes = Object.keys(this.universes);
let final_html = "<ul class='lg:h-80 lg:w-80 lg:pb-2 lg:pt-2 overflow-y-scroll text-white lg:mb-4 border rounded-lg bg-gray-800'>";
known_universes.forEach((name) => {
final_html += `
<li onclick="_loadUniverseFromInterface('${name}')" class="hover:fill-black hover:bg-white py-2 hover:text-black flex justify-between px-4">
<p >${name}</p>
<button onclick=_deleteUniverseFromInterface('${name}')>🗑</button>
</li>`;
});
final_html = final_html + "</ul>";
existing_universes!.innerHTML = final_html;
}
share() { share() {
const hashed_table = btoa( const hashed_table = btoa(
JSON.stringify({ JSON.stringify({