mirror of
https://github.com/eitchtee/WYGIWYH.git
synced 2026-05-20 14:47:12 +02:00
feat: oh look, more changes
This commit is contained in:
Herculino Trotta
@@ -1,8 +1,8 @@
|
||||
{% load currency_display %}
|
||||
{% load i18n %}
|
||||
<c-ui.fab-single-action
|
||||
url="{% url 'dca_entry_add' strategy_id=strategy.id %}"
|
||||
hx_target="#generic-offcanvas">
|
||||
url="{% url 'dca_entry_add' strategy_id=strategy.id %}"
|
||||
hx_target="#generic-offcanvas">
|
||||
</c-ui.fab-single-action>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
@@ -12,7 +12,8 @@
|
||||
</div>
|
||||
<div class="text-sm lg:text-right mt-2 lg:mt-0">
|
||||
<div class="mb-2">
|
||||
<span class="badge badge-secondary rounded-full">{{ strategy.payment_currency.name }}</span> x <span class="badge badge-secondary rounded-full">{{ strategy.target_currency.name }}</span>
|
||||
<span class="badge badge-secondary rounded-full">{{ strategy.payment_currency.name }}</span> x <span
|
||||
class="badge badge-secondary rounded-full">{{ strategy.target_currency.name }}</span>
|
||||
</div>
|
||||
<div>
|
||||
{% if strategy.current_price %}
|
||||
@@ -21,17 +22,17 @@
|
||||
:prefix="strategy.payment_currency.prefix"
|
||||
:suffix="strategy.payment_currency.suffix"
|
||||
:decimal_places="strategy.payment_currency.decimal_places">
|
||||
• {{ strategy.current_price.1|date:"SHORT_DATETIME_FORMAT" }}
|
||||
• {{ strategy.current_price.1|date:"SHORT_DATETIME_FORMAT" }}
|
||||
</c-amount.display>
|
||||
{% else %}
|
||||
{% else %}
|
||||
<div class="text-error">{% trans "No exchange rate available" %}</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="row g-3 g-3">
|
||||
<div class="col-12 lg:col-6">
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body overflow-x-auto">
|
||||
@@ -121,7 +122,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 lg:col-6">
|
||||
<div class="col-12 lg:col-6 flex flex-col gap-3">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3">
|
||||
<div>
|
||||
<div class="card bg-base-100 shadow h-full">
|
||||
@@ -207,9 +208,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid mt-4">
|
||||
<div class="col-span-12"
|
||||
_="on htmx:afterSettle from #strategy-details
|
||||
<div
|
||||
_="on htmx:afterSettle from #strategy-details
|
||||
set perfomancectx to #performanceChart.getContext('2d')
|
||||
js(perfomancectx)
|
||||
new Chart(perfomancectx, {
|
||||
@@ -218,7 +218,9 @@
|
||||
labels: [{% for entry in entries_data %}'{{ entry.entry.date|date:"SHORT_DATE_FORMAT" }}'{% if not forloop.last %}, {% endif %}{% endfor %}],
|
||||
datasets: [{
|
||||
label: '{% trans "P/L %" %}',
|
||||
data: [{% for entry in entries_data %}{{ entry.profit_loss_percentage|floatformat:"-40u" }}{% if not forloop.last %}, {% endif %}{% endfor %}],
|
||||
data: [
|
||||
|
||||
{% for entry in entries_data %}{{ entry.profit_loss_percentage|floatformat:"-40u" }}{% if not forloop.last %}, {% endif %}{% endfor %}],
|
||||
stepped: true,
|
||||
segment: {
|
||||
borderColor: ctx => {
|
||||
@@ -276,17 +278,15 @@
|
||||
}
|
||||
})
|
||||
end">
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{% trans "Performance Over Time" %}</h5>
|
||||
<canvas id="performanceChart"></canvas>
|
||||
</div>
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{% trans "Performance Over Time" %}</h5>
|
||||
<canvas id="performanceChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid mt-4">
|
||||
<div class="col-span-12"
|
||||
_="on htmx:afterSettle from #strategy-details
|
||||
<div
|
||||
_="on htmx:afterSettle from #strategy-details
|
||||
set pricectx to #priceChart.getContext('2d')
|
||||
set priceData to {{ price_comparison_data|safe }}
|
||||
js(pricectx, priceData)
|
||||
@@ -379,77 +379,73 @@
|
||||
}
|
||||
})
|
||||
end">
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{% trans "Entry Price vs Current Price" %}</h5>
|
||||
<canvas id="priceChart"></canvas>
|
||||
</div>
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{% trans "Entry Price vs Current Price" %}</h5>
|
||||
<canvas id="priceChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid mt-4">
|
||||
<div class="col-span-12"
|
||||
_="on htmx:afterSettle from #strategy-details
|
||||
<div class="col-12"
|
||||
_="on htmx:afterSettle from #strategy-details
|
||||
set frequencyctx to #frequencyChart.getContext('2d')
|
||||
js(frequencyctx)
|
||||
new Chart(frequencyctx, {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: {{ investment_frequency.labels|safe }},
|
||||
datasets: [{
|
||||
label: '{% trans "Days Between Investments" %}',
|
||||
data: {{ investment_frequency.intervals_line|safe }},
|
||||
borderColor: 'rgba(54, 162, 235, 1)',
|
||||
backgroundColor: 'rgba(54, 162, 235, 0.1)',
|
||||
fill: false,
|
||||
tension: 0
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
scales: {
|
||||
x: {
|
||||
grid: {
|
||||
display: true
|
||||
},
|
||||
title: {
|
||||
display: false,
|
||||
},
|
||||
ticks: {
|
||||
display: false
|
||||
}
|
||||
},
|
||||
y: {
|
||||
beginAtZero: false,
|
||||
title: {
|
||||
display: false
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
tooltip: {
|
||||
mode: 'index',
|
||||
intersect: false
|
||||
},
|
||||
legend: {
|
||||
display: false,
|
||||
},
|
||||
title: {
|
||||
display: false,
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
end
|
||||
">
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{% trans "Investment Frequency" %}</h5>
|
||||
<p class="text-base-content/60">
|
||||
{% trans "The straighter the blue line, the more consistent your DCA strategy is." %}
|
||||
</p>
|
||||
<canvas id="frequencyChart"></canvas>
|
||||
</div>
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: {{ investment_frequency.labels|safe }},
|
||||
datasets: [{
|
||||
label: '{% trans "Days Between Investments" %}',
|
||||
data: {{ investment_frequency.intervals_line|safe }},
|
||||
borderColor: 'rgba(54, 162, 235, 1)',
|
||||
backgroundColor: 'rgba(54, 162, 235, 0.1)',
|
||||
fill: false,
|
||||
tension: 0
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
scales: {
|
||||
x: {
|
||||
grid: {
|
||||
display: true
|
||||
},
|
||||
title: {
|
||||
display: false,
|
||||
},
|
||||
ticks: {
|
||||
display: false
|
||||
}
|
||||
},
|
||||
y: {
|
||||
beginAtZero: false,
|
||||
title: {
|
||||
display: false
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
tooltip: {
|
||||
mode: 'index',
|
||||
intersect: false
|
||||
},
|
||||
legend: {
|
||||
display: false,
|
||||
},
|
||||
title: {
|
||||
display: false,
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
end">
|
||||
<div class="card bg-base-100 shadow">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{% trans "Investment Frequency" %}</h5>
|
||||
<p class="text-base-content/60">
|
||||
{% trans "The straighter the blue line, the more consistent your DCA strategy is." %}
|
||||
</p>
|
||||
<canvas id="frequencyChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user