diff options
| author | Minteck <contact@minteck.org> | 2022-11-11 23:47:49 +0100 |
|---|---|---|
| committer | Minteck <contact@minteck.org> | 2022-11-11 23:47:49 +0100 |
| commit | 209356b8ade1920b50d1d3a1a5e121c6623d167b (patch) | |
| tree | 5301396987d1510f715a0b1c24754873af19e1dc /app/bits/index.html | |
| parent | 2c4ae43e688a9873e86211ea0e7aeb9ba770dd77 (diff) | |
| download | pluralconnect-209356b8ade1920b50d1d3a1a5e121c6623d167b.tar.gz pluralconnect-209356b8ade1920b50d1d3a1a5e121c6623d167b.tar.bz2 pluralconnect-209356b8ade1920b50d1d3a1a5e121c6623d167b.zip | |
Update
Diffstat (limited to 'app/bits/index.html')
| -rwxr-xr-x | app/bits/index.html | 77 |
1 files changed, 48 insertions, 29 deletions
diff --git a/app/bits/index.html b/app/bits/index.html index e81c2a8..40640c7 100755 --- a/app/bits/index.html +++ b/app/bits/index.html @@ -9,14 +9,14 @@ </script>
<!-- Material Design -->
- <link rel="stylesheet" href="./assets/material.css">
- <script src="./assets/material.js"></script>
+ <link rel="stylesheet" href="static/material.css">
+ <script src="static/material.js"></script>
<style>
@font-face {
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 400;
- src: url("assets/fonts.woff2") format('woff2');
+ src: url("static/fonts.woff2") format('woff2');
}
.material-symbols-outlined {
@@ -37,24 +37,24 @@ </style>
<!-- CSS -->
- <link rel="stylesheet" href="./assets/global.css">
- <link rel="stylesheet" href="./assets/black.css">
+ <link rel="stylesheet" href="static/global.css">
+ <link rel="stylesheet" href="static/black.css">
<!-- Libs -->
- <script src="./assets/chart.js"></script>
- <script src="./assets/trendline.js"></script>
+ <script src="static/chart.js"></script>
+ <script src="static/trendline.js"></script>
<!-- Components -->
- <script src="./assets/error.js"></script>
- <script src="./assets/load.js"></script>
- <script src="./assets/refresh.js"></script>
- <script src="./assets/create.js"></script>
- <script src="./assets/misc.js"></script>
- <script src="./assets/delete.js"></script>
- <script src="./assets/easteregg.js"></script>
- <script src="./assets/switching.js"></script>
- <script src="./assets/visibility.js"></script>
- <script src="./assets/plural.js"></script>
+ <script src="static/error.js"></script>
+ <script src="static/load.js"></script>
+ <script src="static/refresh.js"></script>
+ <script src="static/create.js"></script>
+ <script src="static/misc.js"></script>
+ <script src="static/delete.js"></script>
+ <script src="static/easteregg.js"></script>
+ <script src="static/switching.js"></script>
+ <script src="static/visibility.js"></script>
+ <script src="static/plural.js"></script>
</head>
<body style="position:fixed;inset:0;">
<div id="loadfailure" style="font-family:sans-serif;position:fixed;inset:0;background:black;display:none;z-index:999999999;">
@@ -67,10 +67,10 @@ </div>
<div id="error" style="background-color:red;display:none;position:fixed;z-index:999999;color:black;font-family:monospace;inset:0;"></div>
<div id="loader" style="background:#222;transition:opacity 500ms;z-index:9999;position:fixed;inset:0;display:flex;align-items: center;justify-content: center;">
- <img alt="" src="assets/logo.svg" id="loader-img" style="background: transparent;border-radius: 999px;width:96px;">
- <div id="loader-text" style="display:none;position:fixed;color:white;top:10px;left:0;right:0;text-align:center;">Waiting for assets...</div>
+ <img alt="" src="static/logo.svg" id="loader-img" style="background: transparent;border-radius: 999px;width:96px;">
+ <div id="loader-text" style="display:none;position:fixed;color:white;top:10px;left:0;right:0;text-align:center;">Waiting for static...</div>
</div>
-<script src="./assets/mobile-p1.js"></script>
+<script src="static/mobile-p1.js"></script>
<div id="app" style="display:none;position:fixed;z-index:3;">
<header class="mdc-top-app-bar">
<div class="mdc-top-app-bar__row">
@@ -82,17 +82,21 @@ <span id="title-1" style="display:none;">
Statistics
</span>
+ <span id="title-2" style="display:none;">
+ Expenses
+ </span>
</span>
</section>
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end">
- <button class="material-symbols-outlined mdc-top-app-bar__action-item mdc-icon-button" aria-label="Toggle visibility of sensitive information" onclick="toggleVisibility()" id="visibility-icon">visibility</button>
+ <!--<button class="material-symbols-outlined mdc-top-app-bar__action-item mdc-icon-button" aria-label="Toggle visibility of sensitive information" onclick="toggleVisibility()" id="visibility-icon">visibility</button>-->
+ <button class="material-symbols-outlined mdc-top-app-bar__action-item mdc-icon-button" aria-label="List" onclick="switchToList()" id="switcher-1">receipt_long</button>
<button class="material-symbols-outlined mdc-top-app-bar__action-item mdc-icon-button" aria-label="Statistics" onclick="switchToStats()" id="switcher-0">insights</button>
- <button class="material-symbols-outlined mdc-top-app-bar__action-item mdc-icon-button" aria-label="List" onclick="switchToList()" id="switcher-1" style="display:none;">receipt_long</button>
- <button class="material-symbols-outlined mdc-top-app-bar__action-item mdc-icon-button" id="header-user" aria-label="User" style="margin-right: 12px;"><img onerror="this.src='./assets/default.png'" id="user-profile" alt="" style="border-radius: 999px;width: 36px;height: 36px;vertical-align: middle;display:inline-block;position: relative;top: -5px;background: rgb(37, 37, 37);" src=""></button>
+ <button class="material-symbols-outlined mdc-top-app-bar__action-item mdc-icon-button" aria-label="List" onclick="switchToExpenses()" id="switcher-2">shopping_bag</button>
+ <button class="material-symbols-outlined mdc-top-app-bar__action-item mdc-icon-button" id="header-user" aria-label="User" style="margin-right: 12px;"><img onerror="this.src='./static/default.png'" id="user-profile" alt="" style="border-radius: 999px;width: 36px;height: 36px;vertical-align: middle;display:inline-block;position: relative;top: -5px;background: rgb(37, 37, 37);" src=""></button>
</section>
</div>
</header>
- <script src="./assets/mobile-p2.js"></script>
+ <script src="static/mobile-p2.js"></script>
<div class="mdc-touch-target-wrapper" style="position: fixed;bottom: 16px;right: 16px;z-index: 99999;">
<button class="mdc-fab mdc-fab--mini mdc-fab--touch" onclick="addDialog.open();" style="width: 48px;height: 48px;">
<div class="mdc-fab__ripple"></div>
@@ -217,7 +221,7 @@ <ul id="demo-zone" style="display:none;">
<div class="transaction" data-transaction-id="%transactionId%" style="padding:10px;border-bottom: 1px solid rgba(0, 0, 0, .25);display:grid;grid-template-columns: 48px 1fr;grid-column-gap: 15px;">
<div class="transaction-user" style="display:flex;align-items: center;justify-content: center;">
- <img onerror="this.src='./assets/default.png'" alt="%picture%" style="border-radius: 999px;width: 48px;height: 48px;">
+ <img onerror="this.src='./static/default.png'" alt="%picture%" style="border-radius: 999px;width: 48px;height: 48px;">
</div>
<div class="transaction-details">
<b>%user%</b> %type% <span style="color:var(--perc-color);"><b>%amount_bc%</b> <i>(%amount_cc%)</i></span><br>
@@ -229,7 +233,7 @@ <span class="mdc-list-item__ripple"></span>
<span class="mdc-list-item__text">
<div class="mdc-list-item__groups">
- <img class="mdc-list-item__picture" onerror="this.src='./assets/default.png'" alt="%picture%" style="border-radius: 999px;width: 36px;height: 36px;">
+ <img class="mdc-list-item__picture" onerror="this.src='./static/default.png'" alt="%picture%" style="border-radius: 999px;width: 36px;height: 36px;">
<div class="mdc-list-item__contents">
<span class="mdc-list-item__primary-text">%user% %type% <span style="color:var(--perc-color);filter:invert(1);"><b>%amount_bc%</b> <i>(%amount_cc%)</i></span></span>
<span class="mdc-list-item__secondary-text">%time% ยท %description%</span>
@@ -285,6 +289,21 @@ <br>
</div>
+ <div id="expenses" style="display:none;position:fixed;top:64px;left:0;bottom:0;right:0;overflow-x:auto;">
+ <table id="expenses-table">
+ <thead>
+ <tr>
+ <th>Item name</th>
+ <th>Cost</th>
+ <th>Completeness</th>
+ </tr>
+ </thead>
+
+ <tbody id="expenses-items"></tbody>
+ </table>
+ <br>
+ </div>
+
<div id="goal" style="display:none;
position: fixed;
background: rgb(64, 64, 64);
@@ -310,8 +329,8 @@ "></span></span></div>
</main>
</div>
-<script src="./assets/mobile-p3.js"></script>
-<script src="./assets/page.js"></script>
-<script src="./assets/graph.js"></script>
+<script src="static/mobile-p3.js"></script>
+<script src="static/page.js"></script>
+<script src="static/graph.js"></script>
</body>
</html>
|