You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

100 lines
2.4 KiB
PHP

<?
include_once("php/include.php");
requireHttps();
?>
<!DOCTYPE html>
<html>
<head>
<title>Expenses</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/default.css" />
<link rel="stylesheet" href="css/menu.css" />
<link rel="stylesheet" href="css/list.css" />
<!-- external -->
<script src="js/jquery-2.1.4.min.js"></script>
<!-- highcharts -->
<script src="js/highcharts.js"></script>
<script src="js/drilldown.js"></script>
<!-- internal -->
<script src="js/util.js"></script>
<script src="js/snippet.js"></script>
<script src="js/page.js"></script>
<script src="js/request.js"></script>
<script>
$(document).ready(function() {
$('#logout-button').css("display", "<?=(isLoggedIn() ? "block" : "none")?>");
$('#header-subtitle').html("<?=(isLoggedIn() ? getHouseHoldName() : "Not logged in")?>");
loadPage("<?=(isLoggedIn() ? "household" : "login")?>");
});
function logout() {
var requestData = {
action: "logout"
};
sendRequest(
"session",
requestData,
"logout-button",
function(success, status, response) {
if(success) {
$('#logout-button').css("display", "none");
$('#header-subtitle').html("Not logged in");
loadPage("login");
}
}
);
}
</script>
</head>
<body>
<center>
<table id="table-main">
<tr>
<td colspan="2">
<div id="header-div" class="box header">
<span id="header-title">Expenses</span>
<span id="header-subtitle">Not logged in</span>
<button id="logout-button" onclick="logout();">Log out</button>
<button id="reload-button" onclick="reloadCurrentPage();">Reload page</button>
</div>
</td>
</tr>
<tr>
<td id="td-menu">
<div id="menu-div" class="box menu">
<table class="menu">
<?
$pages = array("household", "import", "categories", "rules", "records", "statistics");
foreach($pages as $page) {
?>
<tr>
<td id="menu-item-<?=$page?>" class="menu">
<a class="menu" href="#" onclick="loadPage('<?=$page?>')"><?=$page?></a>
</td>
</tr>
<?
}
?>
</table>
</div>
</td>
<td align="center">
<div id="page-div" class="box page">Page content</div>
<div id="page-loading-div" class="box loading-page">
<img src='graphics/loading.gif' /> Loading page...
</div>
</td>
</tr>
</table>
</center>
</body>
</html>