Files
sao2.0/index.html

184 lines
10 KiB
HTML

<!DOCTYPE html>
<!-- This file is part of Tryton. The COPYRIGHT file at the top level of
this repository contains the full copyright notices and license terms. -->
<html style="overflow: auto;" lang="en" theme="default">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Tryton</title>
<link rel="icon" type="image/png" href="images/tradon-icon.png">
<script type="text/javascript" src="bower_components/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script type="text/javascript" src="bower_components/moment/moment.js"></script>
<script type="text/javascript" src="bower_components/moment/min/locales.js"></script>
<script type="text/javascript" src="bower_components/gettext.js/dist/gettext.js"></script>
<script type="text/javascript" src="bower_components/d3/d3.js"></script>
<script type="text/javascript" src="bower_components/c3/c3.js"></script>
<script type="text/javascript" src="bower_components/papaparse/papaparse.js"></script>
<script type="text/javascript" src="bower_components/fullcalendar/dist/fullcalendar.js"></script>
<script type="text/javascript" src="bower_components/fullcalendar/dist/locale-all.js"></script>
<script type="text/javascript" src="bower_components/mousetrap/mousetrap.js"></script>
<script type="text/javascript" src="bower_components/mousetrap/plugins/pause/mousetrap-pause.js"></script>
<script type="text/javascript" src="bower_components/Sortable/Sortable.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/ag-grid-community@31.3.4/dist/ag-grid-community.min.js"></script>
<link rel="stylesheet" href="bower_components/c3/c3.css">
<link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ag-grid-community@31.3.4/styles/ag-grid.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ag-grid-community@31.3.4/styles/ag-theme-alpine.css">
<script type="text/javascript" src="dist/tryton-sao.js"></script>
<link rel="stylesheet" type="text/css" href="dist/tryton-sao.css" media="screen"/>
<script type="text/javascript" src="custom.js"></script>
<link rel="stylesheet" type="text/css" href="custom.css" media="screen"/>
<script type="text/javascript">
(function() {
try {
var storedMode = window.localStorage &&
localStorage.getItem('sao_theme_mode');
document.documentElement.setAttribute(
'data-theme-mode',
storedMode || 'light');
} catch (error) {
document.documentElement.setAttribute(
'data-theme-mode', 'light');
}
}());
</script>
</head>
<body>
<noscript>
<strong>Sorry sao does not work without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div class="body" style="display: none;">
<nav class="navbar navbar-inverse navbar-static-top" role="navigation" style="margin-bottom: 0px;">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed"
data-toggle="collapse" data-target="#main_navbar">
<span class="caret"></span>
</button>
<a class="navbar-brand" href="javascript:void(0)" data-toggle="offcanvas">
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
</svg>
</span>
<span id="title">Tryton</span>
</a>
<button type="button" id="theme-mode-toggle"
class="btn btn-default navbar-btn theme-mode-toggle"
title="Toggle dark mode"
aria-label="Toggle dark mode"
aria-pressed="false">
<span class="theme-mode-toggle-icon" aria-hidden="true">
<svg viewBox="0 0 20 20" focusable="false">
<path d="M10 2.5v2.1"></path>
<path d="M10 15.4v2.1"></path>
<path d="M4.7 4.7l1.5 1.5"></path>
<path d="M13.8 13.8l1.5 1.5"></path>
<path d="M2.5 10h2.1"></path>
<path d="M15.4 10h2.1"></path>
<path d="M4.7 15.3l1.5-1.5"></path>
<path d="M13.8 6.2l1.5-1.5"></path>
<circle cx="10" cy="10" r="3.3"></circle>
</svg>
</span>
</button>
</div>
<div class="collapse navbar-collapse" id="main_navbar">
<form class="navbar-form navbar-left flip" role="search" id="global-search" style="border-style: none;">
</form>
<ul class="nav navbar-nav navbar-right flip">
<li id="user-preferences"></li>
<li id="user-logout">
<a href="#">
<span class="icon hidden-xs">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
</svg>
</span>
<span class="visible-xs">
</span>
</a>
</li>
</ul>
<ul id="tablist" class="nav navbar-nav nav-pills" role="tablist">
</ul>
</div>
</div>
</nav>
<div id="main" class="container-fluid" style="padding: 0px;">
<div class="row row-offcanvas row-offcanvas-left active"
style="height: calc(100vh - 50px - 1px - 20px); margin: 0px;">
<div class="col-xs-12 col-sm-4 col-lg-3 sidebar-offcanvas" id="menu" role="navigation"
style="overflow-y: auto; height: 100%;"></div>
<div class="col-xs-12 col-sm-8 col-lg-9 main-offcanvas" style="display:flex; overflow-y: auto; height: 100%;" id="tabs" role="tabpanel">
<div id="tabcontent" class="tab-content"></div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
if ((typeof jQuery == 'undefined') || (typeof Sao == 'undefined')) {
document.querySelector('body').innerHTML = '<strong>sao is not fully installed. Please refer to <a href="README.md">README</a></strong>';
} else {
jQuery(function() {
function applyThemeMode(mode) {
var isDark = mode === 'dark';
document.documentElement.setAttribute(
'data-theme-mode', isDark ? 'dark' : 'light');
try {
if (window.localStorage) {
localStorage.setItem(
'sao_theme_mode', isDark ? 'dark' : 'light');
}
} catch (error) {
}
var toggle = jQuery('#theme-mode-toggle');
toggle.attr('aria-pressed', isDark ? 'true' : 'false');
toggle.attr(
'title',
isDark ? 'Switch to light mode' :
'Switch to dark mode');
var logo = jQuery('#title-logo');
if (logo.length) {
logo.attr(
'src',
isDark ? 'dist/tradon-dark.png' :
'dist/tradon.png');
}
}
jQuery('#theme-mode-toggle').click(function() {
var current = document.documentElement.getAttribute(
'data-theme-mode');
applyThemeMode(current === 'dark' ? 'light' : 'dark');
});
applyThemeMode(
document.documentElement.getAttribute('data-theme-mode'));
jQuery('.body').show();
jQuery('[data-toggle="offcanvas"]').click(function() {
jQuery('.row-offcanvas').toggleClass('active');
});
jQuery('#tabs').on('ready', function() {
var mq = window.matchMedia('(max-width: 991px)');
if (mq.matches) {
if (jQuery('#tablist').children().length) {
jQuery('.row-offcanvas').removeClass('active');
} else {
jQuery('.row-offcanvas').addClass('active');
}
}
});
});
}
</script>
</body>
</html>