Files
workavia-drive/tdrive/frontend/public/index.html
T
stanig2106 e0347f85f0 [Workavia] Brand → "Workavia Drive" + multi-tenant Company per email domain
- Replace "Twake Drive" → "Workavia Drive" in static (index.html,
  manifest.json), all 16 frontend locales, and shared.tsx.
- Patch console/clients/remote.ts (OIDC remote) and console/web/controller.ts
  (local signup) to derive a per-tenant Company from the user's email
  domain via uuidv5, replacing the upstream all-zero hardcode.
2026-05-02 15:38:22 +02:00

141 lines
3.9 KiB
HTML

<!DOCTYPE html>
<html lang="en" translate="no">
<head>
<meta charset="utf-8" />
<title>Workavia Drive</title>
<meta name="google" content="notranslate">
<meta name="description" content="Go to Tdrive application" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<link rel="shortcut icon" href="/favicon.png" />
<style>
#app,
#root {
top: 0;
left: 0;
width: 100vw;
height: 100%;
overflow: hidden;
background: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
body, #root {
background: #2e3440; /* From tdrive/frontend/public/index.html - var(--nord0); */
}
}
#root {
z-index: 0;
}
#app {
z-index: 1;
}
#app_loader {
pointer-events: none;
opacity: 1;
transition: 0.2s;
}
#app_loader.load {
opacity: 1;
transition: 0.8s;
}
.circular{
animation: rotate 2s linear infinite;
height: 50px;
left: calc(50% - 25px);
position: absolute;
top: calc(50% - 25px);
width: 50px;
}
.path {
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
animation:
dash 1.5s ease-in-out infinite,
color 6s ease-in-out infinite
;
stroke-linecap: round;
stroke: #007AFF;
}
@keyframes rotate{
100%{
transform: rotate(360deg);
}
}
@keyframes dash{
0%{
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
}
50%{
stroke-dasharray: 89,200;
stroke-dashoffset: -35;
}
100%{
stroke-dasharray: 89,200;
stroke-dashoffset: -124;
}
}
#canary_tag {
background-image: url("/public/img/canary.png");
width: 48px;
height: 48px;
position: absolute;
left: 0px;
top: 0px;
z-index: 100;
background-position: center;
background-size: cover;
pointer-events: none;
}
</style>
<link rel="manifest" href="/manifest.json" />
<link rel="stylesheet" href="/public/font/inter/inter.css" />
<link rel="stylesheet" href="/public/font/helvetica/stylesheet.css" />
</head>
<body id="body" style="margin: 0; padding: 0;">
<div id="fyfk-widget"></div>
<div id="root" notranslate="true"></div>
<svg id="app_loader" class="circular" height="50" width="50">
<circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="3" stroke-miterlimit="10" />
</svg>
<script type="text/javascript">
window.electron_config = {};
if (typeof require != 'undefined' && typeof require('electron') != 'undefined') {
window.electron = require('electron');
if (
window.electron.remote &&
window.electron.remote.BrowserWindow &&
window.electron.remote.BrowserWindow.getAllWindows() &&
window.electron.remote.BrowserWindow.getAllWindows()[0]
) {
window.electron_config = window.electron.remote.BrowserWindow.getAllWindows()[0];
const sw = electron.screen.getPrimaryDisplay().size.width;
const sh = electron.screen.getPrimaryDisplay().size.height;
const w = Math.min(Math.ceil(sw * 0.8), 1792);
const h = Math.min(Math.min(Math.ceil(sh * 0.8), 1120), w);
electron.remote.getCurrentWindow().setBounds({ x: Math.ceil((sw - w) / 2), y: Math.ceil((sh - h) / 2), width: w, height: h });
electron.remote.getCurrentWindow().center();
}
document.getElementById('body').className = 'electron';
}
</script>
</body>
</html>