Combined flosheet and stats panel
This commit is contained in:
sairaj mote
parent
0e08bbf36a
commit
2df6d02535
12
css/main.css
12
css/main.css
@ -341,15 +341,19 @@ table th {
|
|||||||
table th:first-of-type {
|
table th:first-of-type {
|
||||||
text-align: start;
|
text-align: start;
|
||||||
}
|
}
|
||||||
table th:last-of-type {
|
table th:not(:last-of-type) {
|
||||||
text-align: end;
|
padding-right: 1rem;
|
||||||
}
|
}
|
||||||
table td {
|
table td {
|
||||||
padding-bottom: 0.5rem;
|
padding-bottom: 0.8rem;
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
}
|
}
|
||||||
|
table td:not(:last-of-type) {
|
||||||
|
padding-right: 1rem;
|
||||||
|
}
|
||||||
table td:last-of-type {
|
table td:last-of-type {
|
||||||
text-align: end;
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 768px) {
|
@media screen and (min-width: 768px) {
|
||||||
|
|||||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -315,16 +315,20 @@ table {
|
|||||||
&:first-of-type {
|
&:first-of-type {
|
||||||
text-align: start;
|
text-align: start;
|
||||||
}
|
}
|
||||||
&:last-of-type {
|
&:not(:last-of-type) {
|
||||||
text-align: end;
|
padding-right: 1rem;
|
||||||
}
|
}
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
td {
|
td {
|
||||||
padding-bottom: 0.5rem;
|
padding-bottom: 0.8rem;
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
|
&:not(:last-of-type) {
|
||||||
|
padding-right: 1rem;
|
||||||
|
}
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
text-align: end;
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
113
index.html
113
index.html
@ -238,7 +238,7 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="app">
|
<div class="app">
|
||||||
<div class="app__icon">
|
<div class="app__icon">
|
||||||
<svg class="icon" width="128" height="128" viewBox="0 0 128 128" fill="none"
|
<svg class="icon" width="128" height="128" viewBox="0 0 128 128" fill="none"
|
||||||
@ -276,7 +276,7 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="app">
|
<div class="app">
|
||||||
<div class="app__icon">
|
<div class="app__icon">
|
||||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
|
||||||
@ -303,31 +303,72 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<th>Stat</th>
|
<th>Stat</th>
|
||||||
<th>Value</th>
|
<th>Value</th>
|
||||||
|
<th>Source</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Room nights invested</td>
|
<td>Room nights invested</td>
|
||||||
<td>1030</td>
|
<td>1030</td>
|
||||||
|
<td>
|
||||||
|
<a href="https://ranchimall.github.io/flologsheet/#/sheet_view?id=FRv5cfPMLkRqXmpGX7b1ey3USxm8c4rHGD"
|
||||||
|
target="_blank">
|
||||||
|
Check
|
||||||
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
|
||||||
|
height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
|
||||||
|
<g>
|
||||||
|
<rect fill="none" height="24" width="24" />
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<polygon points="6,6 6,8 14.59,8 5,17.59 6.41,19 16,9.41 16,18 18,18 18,6" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Room nights consumed</td>
|
<td>Room nights consumed</td>
|
||||||
|
|
||||||
<td>16</td>
|
<td>16</td>
|
||||||
|
<td>
|
||||||
|
<a href="https://ranchimall.github.io/flologsheet/#/sheet_view?id=FCQGmiQbyDw3hcxqDfA9Kh4pQ8h43z1tH8"
|
||||||
|
target="_blank">
|
||||||
|
Check
|
||||||
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
|
||||||
|
height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
|
||||||
|
<g>
|
||||||
|
<rect fill="none" height="24" width="24" />
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<polygon points="6,6 6,8 14.59,8 5,17.59 6.41,19 16,9.41 16,18 18,18 18,6" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Invested room nights consumed</td>
|
<td>Invested room nights consumed</td>
|
||||||
|
|
||||||
<td>4</td>
|
<td>4</td>
|
||||||
|
<td>
|
||||||
|
<a href="https://ranchimall.github.io/flologsheet/#/sheet_view?id=F6wSqzjb4guCCN5UA55e6XdYpN54SNyxX9"
|
||||||
|
target="_blank">
|
||||||
|
Check
|
||||||
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
|
||||||
|
height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
|
||||||
|
<g>
|
||||||
|
<rect fill="none" height="24" width="24" />
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<polygon points="6,6 6,8 14.59,8 5,17.59 6.41,19 16,9.41 16,18 18,18 18,6" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<p>*Look at FLO Sheet section for source data</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="app">
|
<div class="app">
|
||||||
<div class="app__icon">
|
<div class="app__icon">
|
||||||
<svg class="icon" width="64" height="64" viewBox="0 0 64 64" fill="none"
|
<svg class="icon" width="64" height="64" viewBox="0 0 64 64" fill="none"
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
xmlns="http://www.w3.org/2000/svg">
|
||||||
@ -395,8 +436,6 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="app">
|
<div class="app">
|
||||||
<div class="app__icon">
|
<div class="app__icon">
|
||||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
|
||||||
@ -427,56 +466,6 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="app">
|
|
||||||
<div class="app__icon">
|
|
||||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
|
|
||||||
fill="#000000">
|
|
||||||
<path d="M0 0h24v24H0z" fill="none" />
|
|
||||||
<path
|
|
||||||
d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z" />
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h2>
|
|
||||||
FLO Sheet
|
|
||||||
</h2>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Detailed information about room night investors
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Detailed information about room night consumers
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="flex flex-wrap gap-0-5" style="margin-top: auto;">
|
|
||||||
<a href="https://ranchimall.github.io/flologsheet/#/sheet_view?id=FRv5cfPMLkRqXmpGX7b1ey3USxm8c4rHGD"
|
|
||||||
target="_blank" class="ext-link">
|
|
||||||
Room nights invested
|
|
||||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
|
|
||||||
viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
||||||
<g>
|
|
||||||
<rect fill="none" height="24" width="24" />
|
|
||||||
</g>
|
|
||||||
<g>
|
|
||||||
<polygon points="6,6 6,8 14.59,8 5,17.59 6.41,19 16,9.41 16,18 18,18 18,6" />
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
<a href="https://ranchimall.github.io/flologsheet/#/sheet_view?id=FCQGmiQbyDw3hcxqDfA9Kh4pQ8h43z1tH8"
|
|
||||||
target="_blank" class="ext-link">
|
|
||||||
Room nights consumed
|
|
||||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
|
|
||||||
viewBox="0 0 24 24" width="24px" fill="#000000">
|
|
||||||
<g>
|
|
||||||
<rect fill="none" height="24" width="24" />
|
|
||||||
</g>
|
|
||||||
<g>
|
|
||||||
<polygon points="6,6 6,8 14.59,8 5,17.59 6.41,19 16,9.41 16,18 18,18 18,6" />
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="app">
|
<div class="app">
|
||||||
<div class="app__icon">
|
<div class="app__icon">
|
||||||
<svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
<svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
||||||
@ -837,4 +826,4 @@
|
|||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user