93 строки
4.4 KiB
HTML
93 строки
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Google Tag Manager -->
|
|
<script>(function (w, d, s, l, i) {
|
|
w[l] = w[l] || []; w[l].push({
|
|
'gtm.start':
|
|
new Date().getTime(), event: 'gtm.js'
|
|
}); var f = d.getElementsByTagName(s)[0],
|
|
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
|
|
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
|
|
})(window, document, 'script', 'dataLayer', 'GTM-WLQL39J');</script>
|
|
<!-- End Google Tag Manager -->
|
|
<title>Essential JS 2 for TypeScript - Expense Tracker</title>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="description" content="Essential JS 2 for TypeScript - Expense Tracker">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
|
<link rel="shortcut icon" href="./styles/favicon.ico" />
|
|
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="./styles/styles.css" rel="stylesheet" />
|
|
<link href="./styles/index.css" rel="stylesheet" />
|
|
<link href="https://cdn.syncfusion.com/ej2/20.4.38/bootstrap5.css" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto" rel="stylesheet">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/shim.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/reflect-metadata/0.1.10/Reflect.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/zone.js/0.8.18/zone.min.js"></script>
|
|
<script type="text/javascript">
|
|
if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
|
|
document.write('<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.5/bluebird.min.js"><\/script>');
|
|
}
|
|
</script>
|
|
</head>
|
|
<div id="dialog" class="expense-dialog">
|
|
</div>
|
|
<div id="confirmDialog" style='min-width: 260px;'></div>
|
|
|
|
<body>
|
|
<!-- Google Tag Manager (noscript) -->
|
|
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WLQL39J" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|
<!-- End Google Tag Manager (noscript) -->
|
|
<div hidden id="sync-analytics" data-queue="EJ2 - ShowCase - JavaScript - Expense Tracker"></div>
|
|
<div id="addexpenseDialog" class="expense-dialog"></div>
|
|
<nav class="navbar navbar-default" role="navigation">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<span id="menu-toggle" href="#" class="navbar-toggle e-icon" style="float:left"></span>
|
|
<div class="navbar-brand samplenameheader"></div>
|
|
<span id="filter-toggle" href="#" class="navbar-toggle filter-toggle e-icon" style="float:right"></span>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div id="sidebar-wrapper" class="sidebar-toggle">
|
|
<div class='samplename-header'>
|
|
<div class='samplename'></div>
|
|
</div>
|
|
<div class="info align-center">
|
|
<div class="image"></div>
|
|
<div class="content nameContent">
|
|
<p class='name' id='user-name'>Nicholas Delacruz</p>
|
|
<div class='wallet-container'>
|
|
<span style='height: 27px;' class='balance-align'><img src="./styles/images/cash-wallet.svg" alt="Cash Wallet" /></span>
|
|
<span id="current-balance" class='balance-align'>$ 0</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="page-list align-center nav-list">
|
|
<div class='nav-item'>
|
|
<a class="overview ripple-element" id="nav-overview" href="#/dashboard">Dashboard</a>
|
|
</div>
|
|
<div class='nav-item'>
|
|
<a class="expense ripple-element" id="nav-expense" href="#/expense">Transactions</a>
|
|
</div>
|
|
<div class='nav-item'>
|
|
<a class="about ripple-element" id="nav-about" href="#/about">About</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content container-fluid rightpane">
|
|
<div class="content-wrapper">
|
|
<div id="content"></div>
|
|
</div>
|
|
</div>
|
|
<div id="overlay"></div>
|
|
</body>
|
|
<script src="./dist/common.js "></script>
|
|
|
|
<script>
|
|
function retDate(DateTime) {
|
|
return window.getDate(DateTime)
|
|
}
|
|
</script>
|
|
</html> |