Merge branch 'dev'
This commit is contained in:
commit
d64bedf647
|
|
@ -72,6 +72,7 @@ export function renderShell(opts: ShellOptions): string {
|
||||||
<body data-theme="${theme}">
|
<body data-theme="${theme}">
|
||||||
<header class="rstack-header" data-theme="${theme}">
|
<header class="rstack-header" data-theme="${theme}">
|
||||||
<div class="rstack-header__left">
|
<div class="rstack-header__left">
|
||||||
|
<a href="/" style="display:flex;align-items:center;margin-right:4px"><img src="/logo.png" alt="rSpace" class="rstack-header__logo"></a>
|
||||||
<rstack-app-switcher current="${escapeAttr(moduleId)}"></rstack-app-switcher>
|
<rstack-app-switcher current="${escapeAttr(moduleId)}"></rstack-app-switcher>
|
||||||
<rstack-space-switcher current="${escapeAttr(spaceSlug)}" name="${escapeAttr(spaceName || spaceSlug)}"></rstack-space-switcher>
|
<rstack-space-switcher current="${escapeAttr(spaceSlug)}" name="${escapeAttr(spaceName || spaceSlug)}"></rstack-space-switcher>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -467,6 +468,7 @@ export function renderModuleLanding(opts: ModuleLandingOptions): string {
|
||||||
<body data-theme="${theme}">
|
<body data-theme="${theme}">
|
||||||
<header class="rstack-header" data-theme="${theme}">
|
<header class="rstack-header" data-theme="${theme}">
|
||||||
<div class="rstack-header__left">
|
<div class="rstack-header__left">
|
||||||
|
<a href="/" style="display:flex;align-items:center;margin-right:4px"><img src="/logo.png" alt="rSpace" class="rstack-header__logo"></a>
|
||||||
<rstack-app-switcher current="${escapeAttr(mod.id)}"></rstack-app-switcher>
|
<rstack-app-switcher current="${escapeAttr(mod.id)}"></rstack-app-switcher>
|
||||||
<a class="rstack-header__demo-btn" href="${demoUrl}">Try Demo</a>
|
<a class="rstack-header__demo-btn" href="${demoUrl}">Try Demo</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -363,6 +363,7 @@
|
||||||
<body data-theme="dark">
|
<body data-theme="dark">
|
||||||
<header class="rstack-header" data-theme="dark">
|
<header class="rstack-header" data-theme="dark">
|
||||||
<div class="rstack-header__left">
|
<div class="rstack-header__left">
|
||||||
|
<a href="/" style="display:flex;align-items:center;margin-right:4px"><img src="/logo.png" alt="rSpace" class="rstack-header__logo"></a>
|
||||||
<rstack-app-switcher current=""></rstack-app-switcher>
|
<rstack-app-switcher current=""></rstack-app-switcher>
|
||||||
<rstack-space-switcher current="" name="Spaces"></rstack-space-switcher>
|
<rstack-space-switcher current="" name="Spaces"></rstack-space-switcher>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -428,10 +429,12 @@
|
||||||
import { RStackIdentity } from "@shared/components/rstack-identity";
|
import { RStackIdentity } from "@shared/components/rstack-identity";
|
||||||
import { RStackAppSwitcher } from "@shared/components/rstack-app-switcher";
|
import { RStackAppSwitcher } from "@shared/components/rstack-app-switcher";
|
||||||
import { RStackSpaceSwitcher } from "@shared/components/rstack-space-switcher";
|
import { RStackSpaceSwitcher } from "@shared/components/rstack-space-switcher";
|
||||||
|
import { RStackMi } from "@shared/components/rstack-mi";
|
||||||
|
|
||||||
RStackIdentity.define();
|
RStackIdentity.define();
|
||||||
RStackAppSwitcher.define();
|
RStackAppSwitcher.define();
|
||||||
RStackSpaceSwitcher.define();
|
RStackSpaceSwitcher.define();
|
||||||
|
RStackMi.define();
|
||||||
|
|
||||||
fetch("/api/modules").then(r => r.json()).then(data => {
|
fetch("/api/modules").then(r => r.json()).then(data => {
|
||||||
document.querySelector("rstack-app-switcher")?.setModules(data.modules || []);
|
document.querySelector("rstack-app-switcher")?.setModules(data.modules || []);
|
||||||
|
|
|
||||||
|
|
@ -754,6 +754,7 @@
|
||||||
<body data-theme="light">
|
<body data-theme="light">
|
||||||
<header class="rstack-header" data-theme="light">
|
<header class="rstack-header" data-theme="light">
|
||||||
<div class="rstack-header__left">
|
<div class="rstack-header__left">
|
||||||
|
<a href="/" style="display:flex;align-items:center;margin-right:4px"><img src="/logo.png" alt="rSpace" class="rstack-header__logo"></a>
|
||||||
<rstack-app-switcher current="canvas"></rstack-app-switcher>
|
<rstack-app-switcher current="canvas"></rstack-app-switcher>
|
||||||
<rstack-space-switcher current="" name=""></rstack-space-switcher>
|
<rstack-space-switcher current="" name=""></rstack-space-switcher>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -167,6 +167,7 @@
|
||||||
<body data-theme="dark">
|
<body data-theme="dark">
|
||||||
<header class="rstack-header" data-theme="dark">
|
<header class="rstack-header" data-theme="dark">
|
||||||
<div class="rstack-header__left">
|
<div class="rstack-header__left">
|
||||||
|
<a href="/" style="display:flex;align-items:center;margin-right:4px"><img src="/logo.png" alt="rSpace" class="rstack-header__logo"></a>
|
||||||
<rstack-app-switcher current=""></rstack-app-switcher>
|
<rstack-app-switcher current=""></rstack-app-switcher>
|
||||||
<rstack-space-switcher current="" name="Spaces"></rstack-space-switcher>
|
<rstack-space-switcher current="" name="Spaces"></rstack-space-switcher>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -225,11 +226,13 @@
|
||||||
import { RStackIdentity } from "@shared/components/rstack-identity";
|
import { RStackIdentity } from "@shared/components/rstack-identity";
|
||||||
import { RStackAppSwitcher } from "@shared/components/rstack-app-switcher";
|
import { RStackAppSwitcher } from "@shared/components/rstack-app-switcher";
|
||||||
import { RStackSpaceSwitcher } from "@shared/components/rstack-space-switcher";
|
import { RStackSpaceSwitcher } from "@shared/components/rstack-space-switcher";
|
||||||
|
import { RStackMi } from "@shared/components/rstack-mi";
|
||||||
import { requireAuth, isAuthenticated, getAccessToken } from "@shared/components/rstack-identity";
|
import { requireAuth, isAuthenticated, getAccessToken } from "@shared/components/rstack-identity";
|
||||||
|
|
||||||
RStackIdentity.define();
|
RStackIdentity.define();
|
||||||
RStackAppSwitcher.define();
|
RStackAppSwitcher.define();
|
||||||
RStackSpaceSwitcher.define();
|
RStackSpaceSwitcher.define();
|
||||||
|
RStackMi.define();
|
||||||
|
|
||||||
fetch("/api/modules").then(r => r.json()).then(data => {
|
fetch("/api/modules").then(r => r.json()).then(data => {
|
||||||
document.querySelector("rstack-app-switcher")?.setModules(data.modules || []);
|
document.querySelector("rstack-app-switcher")?.setModules(data.modules || []);
|
||||||
|
|
|
||||||
|
|
@ -362,6 +362,7 @@
|
||||||
<body data-theme="dark">
|
<body data-theme="dark">
|
||||||
<header class="rstack-header" data-theme="dark">
|
<header class="rstack-header" data-theme="dark">
|
||||||
<div class="rstack-header__left">
|
<div class="rstack-header__left">
|
||||||
|
<a href="/" style="display:flex;align-items:center;margin-right:4px"><img src="/logo.png" alt="rSpace" class="rstack-header__logo"></a>
|
||||||
<rstack-app-switcher current=""></rstack-app-switcher>
|
<rstack-app-switcher current=""></rstack-app-switcher>
|
||||||
<rstack-space-switcher current="" name="Spaces"></rstack-space-switcher>
|
<rstack-space-switcher current="" name="Spaces"></rstack-space-switcher>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -369,7 +370,7 @@
|
||||||
<rstack-mi></rstack-mi>
|
<rstack-mi></rstack-mi>
|
||||||
</div>
|
</div>
|
||||||
<div class="rstack-header__right">
|
<div class="rstack-header__right">
|
||||||
<a class="rstack-header__demo-btn" href="https://rspace.online/rspace">Try Demo</a>
|
<a class="rstack-header__demo-btn" href="https://demo.rspace.online/rspace">Try Demo</a>
|
||||||
<rstack-identity></rstack-identity>
|
<rstack-identity></rstack-identity>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
@ -607,10 +608,17 @@
|
||||||
import { RStackIdentity, isAuthenticated, getAccessToken } from "@shared/components/rstack-identity";
|
import { RStackIdentity, isAuthenticated, getAccessToken } from "@shared/components/rstack-identity";
|
||||||
import { RStackAppSwitcher } from "@shared/components/rstack-app-switcher";
|
import { RStackAppSwitcher } from "@shared/components/rstack-app-switcher";
|
||||||
import { RStackSpaceSwitcher } from "@shared/components/rstack-space-switcher";
|
import { RStackSpaceSwitcher } from "@shared/components/rstack-space-switcher";
|
||||||
|
import { RStackMi } from "@shared/components/rstack-mi";
|
||||||
|
|
||||||
RStackIdentity.define();
|
RStackIdentity.define();
|
||||||
RStackAppSwitcher.define();
|
RStackAppSwitcher.define();
|
||||||
RStackSpaceSwitcher.define();
|
RStackSpaceSwitcher.define();
|
||||||
|
RStackMi.define();
|
||||||
|
|
||||||
|
// Reload space list when user signs in/out
|
||||||
|
document.addEventListener("auth-change", () => {
|
||||||
|
document.querySelector("rstack-space-switcher")?.reload?.();
|
||||||
|
});
|
||||||
|
|
||||||
fetch("/api/modules").then(r => r.json()).then(data => {
|
fetch("/api/modules").then(r => r.json()).then(data => {
|
||||||
document.querySelector("rstack-app-switcher")?.setModules(data.modules || []);
|
document.querySelector("rstack-app-switcher")?.setModules(data.modules || []);
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -75,6 +75,13 @@ body {
|
||||||
/* Hide the demo button when already on demo space */
|
/* Hide the demo button when already on demo space */
|
||||||
.rstack-header__demo-btn[data-hide] { display: none; }
|
.rstack-header__demo-btn[data-hide] { display: none; }
|
||||||
|
|
||||||
|
.rstack-header__logo {
|
||||||
|
width: 28px;
|
||||||
|
height: 28px;
|
||||||
|
border-radius: 6px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.rstack-header__brand {
|
.rstack-header__brand {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue