egroupware_official/kdots/head.tpl
nathan a9d57499a3 Framework WIP:
- Starting to get app loading
2024-05-08 09:15:37 -06:00

68 lines
2.6 KiB
Smarty

<!-- BEGIN head --><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="{lang_code}" xmlns="http://www.w3.org/1999/xhtml"{dir_code} data-darkmode={darkmode}>
<head>
<title>{website_title}</title>
<meta http-equiv="content-type" content="text/html; charset={charset}"/>
<meta name="keywords" content="EGroupware"/>
<meta name="description" content="EGroupware"/>
<meta name="keywords" content="EGroupware"/>
<meta name="copyright" content="EGroupware GmbH https://www.egroupware.org (c) 2020"/>
<meta name="language" content="{lang_code}"/>
<meta name="author" content="EGroupware GmbH https://www.egroupware.org"/>
{meta_robots}
<link rel="manifest" href="{webserver_url}/manifest.json"/>
<link rel="icon" href="{img_icon}" type="image/x-ico"/>
<link rel="shortcut icon" href="{img_shortcut}"/>
<link rel="stylesheet" href="{webserver_url}/api/js/offline/themes/offline-theme-slide.css">
<link rel="stylesheet" href="{webserver_url}/api/js/offline/themes/offline-language-{lang_code}.css">
<script src="{webserver_url}/api/js/offline/offline.min.js"></script>
<link rel="stylesheet" href="{webserver_url}/node_modules/@shoelace-style/shoelace/dist/themes/light.css"/>
<link rel="stylesheet" href="{webserver_url}/node_modules/@shoelace-style/shoelace/dist/themes/dark.css"/>
<link rel="stylesheet" href="{webserver_url}/kdots/assets/styles/framework.css">
{css_file}
<style type="text/css">
{app_css}
</style>
<style type="text/css">
{firstload_animation_style}
</style>
{java_script}
<script type="module" src="{webserver_url}/kdots/js/app.min.js"></script>
</head>
<body {body_tags}>
{include_wz_tooltip}
<!-- END head -->
<!-- BEGIN framework -->
<egw-framework id="egw_fw_basecontainer" class="sl-theme-light "
application-list="{application-list}"
>
<a slot="logo" href="{logo_url}" target="_blank"><img src="{logo_header}" title="{logo_title}" alt="Site logo"/></a>
<div slot="header-right" id="egw_fw_topmenu_info_items">
{topmenu_info_items}
</div>
<div slot="header">
<sl-switch slot="header" id="placeholders" checked>Placeholders</sl-switch>
</div>
<!-- status app is looking for this -->
<div slot="aside" id="egw_fw_sidebar_r"></div>
<!-- Fake app -->
<egw-app name="fake app" class="placeholder">
<div style="border: 1px dotted">Something inside the app - main</div>
<div slot="left">Left content</div>
<div slot="right">right content</div>
<div slot="right-header">
</div>
</egw-app>
</egw-framework>
{hook_after_navbar}
<div id="egw_fw_firstload">
{firstload_animation}
</div>
<!-- END framework -->