Minor UI changes
This commit is contained in:
parent
769a0660b9
commit
a8c2c6187e
21
css/main.css
21
css/main.css
@ -9,7 +9,8 @@
|
||||
font-size: clamp(1rem, 1.2vmax, 3rem);
|
||||
}
|
||||
|
||||
html, body {
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
@ -20,7 +21,7 @@ body {
|
||||
}
|
||||
body,
|
||||
body * {
|
||||
--accent-color: #0D7377;
|
||||
--accent-color: #0d7377;
|
||||
--text-color: 17, 17, 17;
|
||||
--background-color: 255, 255, 255;
|
||||
--danger-color: red;
|
||||
@ -28,7 +29,7 @@ body * {
|
||||
|
||||
body[data-theme=dark],
|
||||
body[data-theme=dark] * {
|
||||
--accent-color: #32E0C4;
|
||||
--accent-color: #32e0c4;
|
||||
--text-color: 240, 240, 240;
|
||||
--text-color-light: 170, 170, 170;
|
||||
--background-color: 10, 10, 10;
|
||||
@ -39,12 +40,8 @@ p {
|
||||
font-size: 0.8;
|
||||
max-width: 65ch;
|
||||
line-height: 1.7;
|
||||
margin-bottom: 1.5rem;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
p:not(:last-of-type) {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
-o-object-fit: cover;
|
||||
@ -81,6 +78,10 @@ sm-button {
|
||||
--border-radius: 0.3rem;
|
||||
}
|
||||
|
||||
sm-spinner {
|
||||
--size: 1rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
@ -317,7 +318,10 @@ ul {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4.h5 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4.h5 {
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
@ -497,4 +501,3 @@ tr td:first-of-type {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
@ -1 +0,0 @@
|
||||
{"version":3,"sources":["main.scss","main.css"],"names":[],"mappings":"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","file":"main.css"}
|
||||
3
css/main.min.css
vendored
3
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
{"version":3,"sources":["main.scss"],"names":[],"mappings":"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","file":"main.min.css"}
|
||||
@ -2,19 +2,20 @@
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
:root {
|
||||
font-size: clamp(1rem, 1.2vmax, 3rem);
|
||||
}
|
||||
html, body{
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
body {
|
||||
&,
|
||||
* {
|
||||
--accent-color: #0D7377;
|
||||
--accent-color: #0d7377;
|
||||
--text-color: 17, 17, 17;
|
||||
--background-color: 255, 255, 255;
|
||||
--danger-color: red;
|
||||
@ -22,10 +23,10 @@ body {
|
||||
color: rgba(var(--text-color), 1);
|
||||
background: rgba(var(--background-color), 1);
|
||||
}
|
||||
body[data-theme='dark']{
|
||||
body[data-theme="dark"] {
|
||||
&,
|
||||
* {
|
||||
--accent-color: #32E0C4;
|
||||
--accent-color: #32e0c4;
|
||||
--text-color: 240, 240, 240;
|
||||
--text-color-light: 170, 170, 170;
|
||||
--background-color: 10, 10, 10;
|
||||
@ -36,11 +37,7 @@ p {
|
||||
font-size: 0.8;
|
||||
max-width: 65ch;
|
||||
line-height: 1.7;
|
||||
margin-bottom: 1.5rem;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
&:not(:last-of-type){
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
img {
|
||||
object-fit: cover;
|
||||
@ -66,6 +63,9 @@ a:any-link:focus-visible{
|
||||
sm-button {
|
||||
--border-radius: 0.3rem;
|
||||
}
|
||||
sm-spinner {
|
||||
--size: 1rem;
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
@ -253,8 +253,11 @@ ul{
|
||||
}
|
||||
}
|
||||
}
|
||||
h1,h2,h3,h4.h5{
|
||||
font-family: 'Poppins', sans-serif;
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4.h5 {
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
h2 {
|
||||
margin: 3rem 0 1rem 0;
|
||||
@ -264,13 +267,12 @@ main{
|
||||
display: grid;
|
||||
height: 100%;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
grid-template-areas: 'main-header' '.' 'side-nav';
|
||||
|
||||
grid-template-areas: "main-header" "." "side-nav";
|
||||
}
|
||||
#main_header {
|
||||
grid-area: main-header;
|
||||
padding: 1rem 1.5rem;
|
||||
border-bottom: 1px solid rgba(var(--text-color), .1);
|
||||
border-bottom: 1px solid rgba(var(--text-color), 0.1);
|
||||
}
|
||||
#logo {
|
||||
display: grid;
|
||||
@ -335,7 +337,6 @@ main{
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
|
||||
.card-wrapper {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
@ -344,7 +345,7 @@ main{
|
||||
.card {
|
||||
padding: 1.5rem;
|
||||
border-radius: 0.5rem;
|
||||
background: rgba(var(--text-color), .06);
|
||||
background: rgba(var(--text-color), 0.06);
|
||||
h3 {
|
||||
font-weight: 500;
|
||||
}
|
||||
@ -381,7 +382,7 @@ tr{
|
||||
main {
|
||||
grid-template-columns: 14rem minmax(0, 1fr);
|
||||
grid-template-rows: auto 1fr;
|
||||
grid-template-areas: 'main-header main-header' 'side-nav .';
|
||||
grid-template-areas: "main-header main-header" "side-nav .";
|
||||
}
|
||||
.nav-list {
|
||||
flex-direction: column;
|
||||
@ -390,7 +391,7 @@ tr{
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
&--active {
|
||||
background: rgba(var(--text-color), .06);
|
||||
background: rgba(var(--text-color), 0.06);
|
||||
}
|
||||
.icon {
|
||||
margin-right: 0.5rem;
|
||||
@ -421,7 +422,7 @@ tr{
|
||||
}
|
||||
}
|
||||
.nav-list__item:hover {
|
||||
background: rgba(var(--text-color), .1);
|
||||
background: rgba(var(--text-color), 0.1);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
110
index.html
110
index.html
@ -8,7 +8,9 @@
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&family=Roboto+Mono&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet" />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&family=Roboto+Mono&family=Roboto:wght@400;500;700&display=swap"
|
||||
rel="stylesheet" />
|
||||
|
||||
<script id="floGlobals">
|
||||
/* Constants for FLO blockchain operations !!Make sure to add this at beginning!! */
|
||||
@ -23,10 +25,6 @@
|
||||
|
||||
<body data-theme="light" class="hide" onload="onLoadStartUp()">
|
||||
<sm-notifications id="notification_drawer"></sm-notifications>
|
||||
<audio id="notification_sound">
|
||||
<source src="https://rmservices.duckdns.org/files/notification-sound.mp3" type="audio/mpeg" />
|
||||
<source src="https://rmservices.duckdns.org/files/notification-sound.ogg" type="audio/ogg" />
|
||||
</audio>
|
||||
<sm-popup id="confirmation_popup">
|
||||
<h4 id="confirm_title"></h4>
|
||||
<p id="confirm_message"></p>
|
||||
@ -122,7 +120,8 @@
|
||||
<div class="grid">
|
||||
<h5>Reset App Data?</h5>
|
||||
</div>
|
||||
<sm-button id='clearLocalData_button' class="danger cta justify-self-start" onclick="clearLocalData()">Reset Data
|
||||
<sm-button id='clearLocalData_button' class="danger cta justify-self-start"
|
||||
onclick="clearLocalData()">Reset Data
|
||||
</sm-button>
|
||||
<div class="grid">
|
||||
<h5>My FLO ID</h5>
|
||||
@ -273,34 +272,52 @@
|
||||
<article class="right language-html">
|
||||
<section id="dashboard" class="page">
|
||||
<h1 class="page__title">Tokenroom Economic system</h1>
|
||||
<div class="grid gap-0-5">
|
||||
<div>
|
||||
<p>Target: Consumption Valuation should be higher than Production valuation</p>
|
||||
<p>Amount to go till Consumption Valuation catches up with production Valuation</p>
|
||||
<div id="amount-left-production-consumption-catchup"></div>
|
||||
</div>
|
||||
<div id="amount-left-production-consumption-catchup">
|
||||
<sm-spinner></sm-spinner>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<h3>Production valuation</h3>
|
||||
<p id="total-amount-issued">-</p>
|
||||
<h3>Expenses</h3>
|
||||
<p id="total-amount-issued">
|
||||
<sm-spinner></sm-spinner>
|
||||
</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Price per room night </h3>
|
||||
<p id="price-per-unit-consumption">30</p>
|
||||
<p id="price-per-unit-consumption">
|
||||
<sm-spinner></sm-spinner>
|
||||
</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Total units of consumption measured</h3>
|
||||
<p id="total-consumption-measured">-</p>
|
||||
<h3>Total room nights stayed</h3>
|
||||
<p id="total-consumption-measured">
|
||||
<sm-spinner></sm-spinner>
|
||||
</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Consumption amount USD</h3>
|
||||
<p id="total-consumption-cost">-</p>
|
||||
<h3>Revenue (Booked + stayed)</h3>
|
||||
<p id="total-consumption-cost">
|
||||
<sm-spinner></sm-spinner>
|
||||
</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Consumption valuation</h3>
|
||||
<p id="consumption-valuation">-</p>
|
||||
<p id="consumption-valuation">
|
||||
<sm-spinner></sm-spinner>
|
||||
</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>System Valuation</h3>
|
||||
<p id="system-valuation">-</p>
|
||||
<p id="system-valuation">
|
||||
<sm-spinner></sm-spinner>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -326,7 +343,7 @@
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<h3>My Token Valuation</h3>
|
||||
<p id="total-flobnb-valuation">-</p>
|
||||
<p id="total-flobnb-valuation"></p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>My Total MINING</h3>
|
||||
@ -497,24 +514,46 @@
|
||||
</script>
|
||||
|
||||
<script id="onLoadStartUp">
|
||||
|
||||
async function updateIdElement(elementId, value){
|
||||
element = document.getElementById(elementId)
|
||||
element.innerText = value
|
||||
|
||||
function formatAmount(amount) {
|
||||
console.log(amount)
|
||||
return amount.toLocaleString('en-US', { style: 'currency', currency: 'USD' })
|
||||
}
|
||||
|
||||
async function onLoadStartUp() {
|
||||
//floDapps.addStartUpFunction('Sample', Promised Function)
|
||||
//floDapps.setAppObjectStores({sampleObs1:{}, sampleObs2:{options{autoIncrement:true, keyPath:'SampleKey'}, Indexes:{sampleIndex:{}}}})
|
||||
//floDapps.setCustomPrivKeyInput( () => { FUNCTION BODY *must resolve private key* } )
|
||||
floDapps.setCustomPrivKeyInput(() => new Promise(() => { }))
|
||||
|
||||
//floDapps.setAppObjectStores({ images: {} })
|
||||
//floDapps.setCustomPrivKeyInput(getSignedIn)
|
||||
//floDapps.setMidStartup(load_overview_data)
|
||||
|
||||
//document.getElementById('subadmin-form-submit-button').addEventListener("click", submit_customer_form)
|
||||
|
||||
floDapps.setMidStartup(() => {
|
||||
return new Promise((resolve, reject) => {
|
||||
console.log('before fetch')
|
||||
fetch('https://esapi-tokenroom.ranchimall.net/api/economicSystem/data', {
|
||||
headers: {
|
||||
'Access-Control-Allow-Origin': '*'
|
||||
}
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
const { productionValuation, consumptionNumber, consumptionCost, consumptionValuation, systemValuation } = data
|
||||
getRef("total-amount-issued").textContent = formatAmount(productionValuation)
|
||||
getRef("price-per-unit-consumption").textContent = formatAmount(consumptionValuation / consumptionNumber)
|
||||
getRef("total-consumption-measured").textContent = consumptionNumber
|
||||
getRef("total-consumption-cost").textContent = formatAmount(consumptionCost)
|
||||
getRef("consumption-valuation").textContent = formatAmount(consumptionValuation)
|
||||
getRef("system-valuation").textContent = formatAmount(systemValuation)
|
||||
getRef("amount-left-production-consumption-catchup").textContent = formatAmount(Math.max(0, (productionValuation - consumptionValuation)))
|
||||
resolve()
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error:', error)
|
||||
reject(error)
|
||||
})
|
||||
})
|
||||
})
|
||||
floDapps.launchStartUp().then((result) => {
|
||||
console.log(result);
|
||||
//window.location.hash = '#userinfo';
|
||||
@ -534,27 +573,6 @@
|
||||
//document.getElementById('userinfo-nav').click()
|
||||
|
||||
//App functions....
|
||||
console.log('before fetch')
|
||||
fetch('https://esapi-tokenroom.ranchimall.net/api/economicSystem/data',{
|
||||
headers: {
|
||||
'Access-Control-Allow-Origin': '*'
|
||||
}})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
console.log('after fetch')
|
||||
p1 = updateIdElement("total-amount-issued", data["productionValuation"])
|
||||
p2 = updateIdElement("total-consumption-measured", data["consumptionNumber"])
|
||||
p3 = updateIdElement("total-consumption-cost", data["consumptionCost"])
|
||||
p5 = updateIdElement("consumption-valuation", data["consumptionValuation"])
|
||||
p6 = updateIdElement("system-valuation", data["systemValuation"])
|
||||
p7 = updateIdElement("amount-left-production-consumption-catchup", data["systemValuation"])
|
||||
|
||||
Promise.all([p1, p2, p3, p5, p6, p7]).then((values) => {
|
||||
console.log("Updated latest values");
|
||||
});
|
||||
|
||||
})
|
||||
.catch(error => console.error('Error:', error))
|
||||
|
||||
}).catch((error) => console.error(error));
|
||||
}
|
||||
|
||||
1418
js/components.min.js
vendored
1418
js/components.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user