mirror of
https://github.com/ae-utbm/sith.git
synced 2025-09-13 03:25:49 +00:00
Compare commits
11 Commits
galaxy
...
invoice_ca
Author | SHA1 | Date | |
---|---|---|---|
|
0fef2e0071 | ||
|
c7231608a9 | ||
|
c1ff8a9684 | ||
|
494e90f614 | ||
|
efa9f35b45 | ||
|
5f17ecc739 | ||
|
9fed57de20 | ||
|
e903198384 | ||
|
e990b94941 | ||
|
b04fa90d6e | ||
|
e47e6df9f5 |
@@ -514,6 +514,10 @@ th {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
|
|
||||||
|
>input[type="checkbox"] {
|
||||||
|
padding: unset;
|
||||||
|
}
|
||||||
|
|
||||||
>ul {
|
>ul {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
@@ -5,6 +5,7 @@ from django.db.models import Q
|
|||||||
from django.utils.translation import gettext_lazy as _
|
from django.utils.translation import gettext_lazy as _
|
||||||
from phonenumber_field.widgets import RegionalPhoneNumberWidget
|
from phonenumber_field.widgets import RegionalPhoneNumberWidget
|
||||||
|
|
||||||
|
from club.models import Club
|
||||||
from club.widgets.ajax_select import AutoCompleteSelectClub
|
from club.widgets.ajax_select import AutoCompleteSelectClub
|
||||||
from core.models import User
|
from core.models import User
|
||||||
from core.views.forms import NFCTextInput, SelectDate, SelectDateTime
|
from core.views.forms import NFCTextInput, SelectDate, SelectDateTime
|
||||||
@@ -19,6 +20,7 @@ from counter.models import (
|
|||||||
Counter,
|
Counter,
|
||||||
Customer,
|
Customer,
|
||||||
Eticket,
|
Eticket,
|
||||||
|
InvoiceCall,
|
||||||
Product,
|
Product,
|
||||||
Refilling,
|
Refilling,
|
||||||
ReturnableProduct,
|
ReturnableProduct,
|
||||||
@@ -373,3 +375,39 @@ class BaseBasketForm(forms.BaseFormSet):
|
|||||||
BasketForm = forms.formset_factory(
|
BasketForm = forms.formset_factory(
|
||||||
ProductForm, formset=BaseBasketForm, absolute_max=None, min_num=1
|
ProductForm, formset=BaseBasketForm, absolute_max=None, min_num=1
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
||||||
|
class InvoiceCallForm(forms.Form):
|
||||||
|
def __init__(self, *args, month, clubs: list[Club] | None = None, **kwargs):
|
||||||
|
super().__init__(*args, **kwargs)
|
||||||
|
self.month = month
|
||||||
|
self.clubs = clubs
|
||||||
|
|
||||||
|
if self.clubs is None:
|
||||||
|
self.clubs = []
|
||||||
|
|
||||||
|
invoices = {
|
||||||
|
i["club_id"]: i["is_validated"]
|
||||||
|
for i in InvoiceCall.objects.filter(
|
||||||
|
club__in=self.clubs, month=self.month
|
||||||
|
).values("club_id", "is_validated")
|
||||||
|
}
|
||||||
|
|
||||||
|
for club in self.clubs:
|
||||||
|
is_validated = invoices.get(club.id, False)
|
||||||
|
|
||||||
|
self.fields[f"club_{club.id}"] = forms.BooleanField(
|
||||||
|
required=False, initial=is_validated
|
||||||
|
)
|
||||||
|
|
||||||
|
def save(self):
|
||||||
|
for club in self.clubs:
|
||||||
|
field_name = f"club_{club.id}"
|
||||||
|
is_validated = self.cleaned_data.get(field_name, False)
|
||||||
|
|
||||||
|
InvoiceCall.objects.update_or_create(
|
||||||
|
month=self.month, club=club, defaults={"is_validated": is_validated}
|
||||||
|
)
|
||||||
|
|
||||||
|
def get_club_name(self, club_id):
|
||||||
|
return f"club_{club_id}"
|
||||||
|
45
counter/migrations/0032_invoicecall.py
Normal file
45
counter/migrations/0032_invoicecall.py
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
# Generated by Django 5.2.3 on 2025-09-09 10:24
|
||||||
|
|
||||||
|
import django.db.models.deletion
|
||||||
|
from django.db import migrations, models
|
||||||
|
|
||||||
|
import counter.models
|
||||||
|
|
||||||
|
|
||||||
|
class Migration(migrations.Migration):
|
||||||
|
dependencies = [
|
||||||
|
("club", "0014_alter_club_options_rename_unix_name_club_slug_name_and_more"),
|
||||||
|
("counter", "0031_alter_counter_options"),
|
||||||
|
]
|
||||||
|
|
||||||
|
operations = [
|
||||||
|
migrations.CreateModel(
|
||||||
|
name="InvoiceCall",
|
||||||
|
fields=[
|
||||||
|
(
|
||||||
|
"id",
|
||||||
|
models.AutoField(
|
||||||
|
auto_created=True,
|
||||||
|
primary_key=True,
|
||||||
|
serialize=False,
|
||||||
|
verbose_name="ID",
|
||||||
|
),
|
||||||
|
),
|
||||||
|
(
|
||||||
|
"is_validated",
|
||||||
|
models.BooleanField(default=False, verbose_name="is validated"),
|
||||||
|
),
|
||||||
|
("month", counter.models.MonthField(verbose_name="invoice date")),
|
||||||
|
(
|
||||||
|
"club",
|
||||||
|
models.ForeignKey(
|
||||||
|
on_delete=django.db.models.deletion.CASCADE, to="club.club"
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
options={
|
||||||
|
"verbose_name": "Invoice call",
|
||||||
|
"verbose_name_plural": "Invoice calls",
|
||||||
|
},
|
||||||
|
),
|
||||||
|
]
|
@@ -1362,3 +1362,45 @@ class ReturnableProductBalance(models.Model):
|
|||||||
f"return balance of {self.customer} "
|
f"return balance of {self.customer} "
|
||||||
f"for {self.returnable.product_id} : {self.balance}"
|
f"for {self.returnable.product_id} : {self.balance}"
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
||||||
|
class MonthField(models.DateField):
|
||||||
|
description = _("Year + month field (day forced to 1)")
|
||||||
|
default_error_messages = {
|
||||||
|
"invalid": _(
|
||||||
|
"“%(value)s” value has an invalid date format. It must be "
|
||||||
|
"in YYYY-MM format."
|
||||||
|
),
|
||||||
|
"invalid_date": _(
|
||||||
|
"“%(value)s” value has the correct format (YYYY-MM) "
|
||||||
|
"but it is an invalid date."
|
||||||
|
),
|
||||||
|
}
|
||||||
|
|
||||||
|
def to_python(self, value):
|
||||||
|
if isinstance(value, date):
|
||||||
|
return value.replace(day=1)
|
||||||
|
|
||||||
|
if isinstance(value, str):
|
||||||
|
try:
|
||||||
|
year, month = map(int, value.split("-"))
|
||||||
|
return date(year, month, 1)
|
||||||
|
except (ValueError, TypeError) as err:
|
||||||
|
raise ValueError(
|
||||||
|
self.error_messages["invalid"] % {"value": value}
|
||||||
|
) from err
|
||||||
|
|
||||||
|
return super().to_python(value)
|
||||||
|
|
||||||
|
|
||||||
|
class InvoiceCall(models.Model):
|
||||||
|
is_validated = models.BooleanField(verbose_name=_("is validated"), default=False)
|
||||||
|
club = models.ForeignKey(Club, on_delete=models.CASCADE)
|
||||||
|
month = MonthField(verbose_name=_("invoice date"))
|
||||||
|
|
||||||
|
class Meta:
|
||||||
|
verbose_name = _("Invoice call")
|
||||||
|
verbose_name_plural = _("Invoice calls")
|
||||||
|
|
||||||
|
def __str__(self):
|
||||||
|
return f"invoice call of {self.month} made by {self.club}"
|
||||||
|
@@ -15,24 +15,32 @@
|
|||||||
</select>
|
</select>
|
||||||
<input type="submit" value="{% trans %}Go{% endtrans %}" />
|
<input type="submit" value="{% trans %}Go{% endtrans %}" />
|
||||||
</form>
|
</form>
|
||||||
<br>
|
|
||||||
<p>{% trans %}CB Payments{% endtrans %} : {{ sum_cb }} €</p>
|
|
||||||
<br>
|
|
||||||
<table>
|
|
||||||
<thead>
|
|
||||||
<td>{% trans %}Club{% endtrans %}</td>
|
|
||||||
<td>{% trans %}Sum{% endtrans %}</td>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
{% for i in sums %}
|
|
||||||
<tr>
|
|
||||||
<td>{{ i['club__name'] }}</td>
|
|
||||||
<td>{{ i['selling_sum'] }} €</td>
|
|
||||||
</tr>
|
|
||||||
{% endfor %}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
|
|
||||||
|
<form method="post" action="">
|
||||||
|
{% csrf_token %}
|
||||||
|
<br>
|
||||||
|
<p>{% trans %}CB Payments{% endtrans %} : {{ sum_cb }} €</p>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<td>{% trans %}Club{% endtrans %}</td>
|
||||||
|
<td>{% trans %}Sum{% endtrans %}</td>
|
||||||
|
<td>{% trans %}Validated{% endtrans %}</td>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{% for data in club_data %}
|
||||||
|
<tr>
|
||||||
|
<td>{{ data.club.name }}</td>
|
||||||
|
<td>{{"%.2f"|format(data.sum)}} €</td>
|
||||||
|
<td>
|
||||||
|
{{ form[form.get_club_name(data.club.id)] }}
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
{% endfor %}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<input type="hidden" name="month" value="{{ start_date|date('Y-m') }}">
|
||||||
|
<button type="submit">{% trans %}Save validation{% endtrans %}</button>
|
||||||
|
</form>
|
||||||
|
{% endblock %}
|
@@ -12,15 +12,17 @@
|
|||||||
# OR WITHIN THE LOCAL FILE "LICENSE"
|
# OR WITHIN THE LOCAL FILE "LICENSE"
|
||||||
#
|
#
|
||||||
#
|
#
|
||||||
from datetime import datetime, timedelta
|
from datetime import date, datetime, timedelta
|
||||||
from datetime import timezone as tz
|
from datetime import timezone as tz
|
||||||
|
|
||||||
from django.db.models import F
|
from django.db.models import Exists, F, OuterRef
|
||||||
|
from django.shortcuts import redirect
|
||||||
from django.utils import timezone
|
from django.utils import timezone
|
||||||
from django.views.generic import TemplateView
|
from django.views.generic import TemplateView
|
||||||
|
|
||||||
from counter.fields import CurrencyField
|
from counter.fields import CurrencyField
|
||||||
from counter.models import Refilling, Selling
|
from counter.forms import InvoiceCallForm
|
||||||
|
from counter.models import Club, InvoiceCall, Refilling, Selling
|
||||||
from counter.views.mixins import CounterAdminMixin, CounterAdminTabsMixin
|
from counter.views.mixins import CounterAdminMixin, CounterAdminTabsMixin
|
||||||
|
|
||||||
|
|
||||||
@@ -28,12 +30,30 @@ class InvoiceCallView(CounterAdminTabsMixin, CounterAdminMixin, TemplateView):
|
|||||||
template_name = "counter/invoices_call.jinja"
|
template_name = "counter/invoices_call.jinja"
|
||||||
current_tab = "invoices_call"
|
current_tab = "invoices_call"
|
||||||
|
|
||||||
|
def get(self, request, *args, **kwargs):
|
||||||
|
month_str = request.GET.get("month")
|
||||||
|
|
||||||
|
if month_str:
|
||||||
|
try:
|
||||||
|
start_date = datetime.strptime(month_str, "%Y-%m").date()
|
||||||
|
today = timezone.now().date().replace(day=1)
|
||||||
|
if start_date > today:
|
||||||
|
return redirect("counter:invoices_call")
|
||||||
|
except ValueError:
|
||||||
|
return redirect("counter:invoices_call")
|
||||||
|
return super().get(request, *args, **kwargs)
|
||||||
|
|
||||||
def get_context_data(self, **kwargs):
|
def get_context_data(self, **kwargs):
|
||||||
"""Add sums to the context."""
|
"""Add sums to the context."""
|
||||||
kwargs = super().get_context_data(**kwargs)
|
kwargs = super().get_context_data(**kwargs)
|
||||||
kwargs["months"] = Selling.objects.datetimes("date", "month", order="DESC")
|
kwargs["months"] = Selling.objects.datetimes("date", "month", order="DESC")
|
||||||
if "month" in self.request.GET:
|
month_str = self.request.GET.get("month")
|
||||||
start_date = datetime.strptime(self.request.GET["month"], "%Y-%m")
|
|
||||||
|
if month_str:
|
||||||
|
try:
|
||||||
|
start_date = datetime.strptime(self.request.GET["month"], "%Y-%m")
|
||||||
|
except ValueError:
|
||||||
|
return redirect("counter:invoices_call")
|
||||||
else:
|
else:
|
||||||
start_date = datetime(
|
start_date = datetime(
|
||||||
year=timezone.now().year,
|
year=timezone.now().year,
|
||||||
@@ -46,30 +66,23 @@ class InvoiceCallView(CounterAdminTabsMixin, CounterAdminMixin, TemplateView):
|
|||||||
)
|
)
|
||||||
from django.db.models import Case, Sum, When
|
from django.db.models import Case, Sum, When
|
||||||
|
|
||||||
kwargs["sum_cb"] = sum(
|
kwargs["sum_cb"] = Refilling.objects.filter(
|
||||||
[
|
payment_method="CARD",
|
||||||
r.amount
|
is_validated=True,
|
||||||
for r in Refilling.objects.filter(
|
date__gte=start_date,
|
||||||
payment_method="CARD",
|
date__lte=end_date,
|
||||||
is_validated=True,
|
).aggregate(amount=Sum(F("amount"), default=0))["amount"]
|
||||||
date__gte=start_date,
|
|
||||||
date__lte=end_date,
|
kwargs["sum_cb"] += Selling.objects.filter(
|
||||||
)
|
payment_method="CARD",
|
||||||
]
|
is_validated=True,
|
||||||
)
|
date__gte=start_date,
|
||||||
kwargs["sum_cb"] += sum(
|
date__lte=end_date,
|
||||||
[
|
).aggregate(amount=Sum(F("quantity") * F("unit_price"), default=0))["amount"]
|
||||||
s.quantity * s.unit_price
|
|
||||||
for s in Selling.objects.filter(
|
|
||||||
payment_method="CARD",
|
|
||||||
is_validated=True,
|
|
||||||
date__gte=start_date,
|
|
||||||
date__lte=end_date,
|
|
||||||
)
|
|
||||||
]
|
|
||||||
)
|
|
||||||
kwargs["start_date"] = start_date
|
kwargs["start_date"] = start_date
|
||||||
kwargs["sums"] = (
|
|
||||||
|
kwargs["sums"] = list(
|
||||||
Selling.objects.values("club__name")
|
Selling.objects.values("club__name")
|
||||||
.annotate(
|
.annotate(
|
||||||
selling_sum=Sum(
|
selling_sum=Sum(
|
||||||
@@ -86,4 +99,56 @@ class InvoiceCallView(CounterAdminTabsMixin, CounterAdminMixin, TemplateView):
|
|||||||
.exclude(selling_sum=None)
|
.exclude(selling_sum=None)
|
||||||
.order_by("-selling_sum")
|
.order_by("-selling_sum")
|
||||||
)
|
)
|
||||||
|
|
||||||
|
club_names = [i["club__name"] for i in kwargs["sums"]]
|
||||||
|
clubs = Club.objects.filter(name__in=club_names)
|
||||||
|
|
||||||
|
invoice_calls = InvoiceCall.objects.filter(month=month_str, club__in=clubs)
|
||||||
|
invoice_statuses = {ic.club.name: ic.is_validated for ic in invoice_calls}
|
||||||
|
|
||||||
|
kwargs["form"] = InvoiceCallForm(clubs=clubs, month=month_str)
|
||||||
|
|
||||||
|
kwargs["club_data"] = []
|
||||||
|
for club in clubs:
|
||||||
|
selling_sum = next(
|
||||||
|
(
|
||||||
|
item["selling_sum"]
|
||||||
|
for item in kwargs["sums"]
|
||||||
|
if item["club__name"] == club.name
|
||||||
|
),
|
||||||
|
0,
|
||||||
|
)
|
||||||
|
kwargs["club_data"].append(
|
||||||
|
{
|
||||||
|
"club": club,
|
||||||
|
"sum": selling_sum,
|
||||||
|
"validated": invoice_statuses.get(club.name, False),
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
return kwargs
|
return kwargs
|
||||||
|
|
||||||
|
def post(self, request, *args, **kwargs):
|
||||||
|
month_str = request.POST.get("month")
|
||||||
|
if not month_str:
|
||||||
|
return self.get(request, *args, **kwargs)
|
||||||
|
try:
|
||||||
|
start_date = datetime.strptime(month_str, "%Y-%m")
|
||||||
|
start_date = date(start_date.year, start_date.month, 1)
|
||||||
|
except ValueError:
|
||||||
|
return redirect(request.path)
|
||||||
|
|
||||||
|
selling_subquery = Selling.objects.filter(
|
||||||
|
club=OuterRef("pk"),
|
||||||
|
date__year=start_date.year,
|
||||||
|
date__month=start_date.month,
|
||||||
|
)
|
||||||
|
|
||||||
|
clubs = Club.objects.filter(Exists(selling_subquery))
|
||||||
|
|
||||||
|
form = InvoiceCallForm(request.POST, clubs=clubs, month=month_str)
|
||||||
|
|
||||||
|
if form.is_valid():
|
||||||
|
form.save()
|
||||||
|
|
||||||
|
return redirect(f"{request.path}?month={request.POST.get('month', '')}")
|
||||||
|
138
galaxy/static/bundled/galaxy/galaxy-index.js
Normal file
138
galaxy/static/bundled/galaxy/galaxy-index.js
Normal file
@@ -0,0 +1,138 @@
|
|||||||
|
import { default as ForceGraph3D } from "3d-force-graph";
|
||||||
|
import { forceX, forceY, forceZ } from "d3-force-3d";
|
||||||
|
// biome-ignore lint/style/noNamespaceImport: This is how it should be imported
|
||||||
|
import * as Three from "three";
|
||||||
|
import SpriteText from "three-spritetext";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @typedef GalaxyConfig
|
||||||
|
* @property {number} nodeId id of the current user node
|
||||||
|
* @property {string} dataUrl url to fetch the galaxy data from
|
||||||
|
**/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Load the galaxy of an user
|
||||||
|
* @param {GalaxyConfig} config
|
||||||
|
**/
|
||||||
|
window.loadGalaxy = (config) => {
|
||||||
|
window.getNodeFromId = (id) => {
|
||||||
|
return Graph.graphData().nodes.find((n) => n.id === id);
|
||||||
|
};
|
||||||
|
|
||||||
|
window.getLinksFromNodeId = (id) => {
|
||||||
|
return Graph.graphData().links.filter(
|
||||||
|
(l) => l.source.id === id || l.target.id === id,
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
window.focusNode = (node) => {
|
||||||
|
highlightNodes.clear();
|
||||||
|
highlightLinks.clear();
|
||||||
|
|
||||||
|
hoverNode = node || null;
|
||||||
|
if (node) {
|
||||||
|
// collect neighbors and links for highlighting
|
||||||
|
for (const link of window.getLinksFromNodeId(node.id)) {
|
||||||
|
highlightLinks.add(link);
|
||||||
|
highlightNodes.add(link.source);
|
||||||
|
highlightNodes.add(link.target);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// refresh node and link display
|
||||||
|
Graph.nodeThreeObject(Graph.nodeThreeObject())
|
||||||
|
.linkWidth(Graph.linkWidth())
|
||||||
|
.linkDirectionalParticles(Graph.linkDirectionalParticles());
|
||||||
|
|
||||||
|
// Aim at node from outside it
|
||||||
|
const distance = 42;
|
||||||
|
const distRatio = 1 + distance / Math.hypot(node.x, node.y, node.z);
|
||||||
|
|
||||||
|
const newPos =
|
||||||
|
node.x || node.y || node.z
|
||||||
|
? { x: node.x * distRatio, y: node.y * distRatio, z: node.z * distRatio }
|
||||||
|
: { x: 0, y: 0, z: distance }; // special case if node is in (0,0,0)
|
||||||
|
|
||||||
|
Graph.cameraPosition(
|
||||||
|
newPos, // new position
|
||||||
|
node, // lookAt ({ x, y, z })
|
||||||
|
3000, // ms transition duration
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const highlightNodes = new Set();
|
||||||
|
const highlightLinks = new Set();
|
||||||
|
let hoverNode = null;
|
||||||
|
|
||||||
|
const grpahDiv = document.getElementById("3d-graph");
|
||||||
|
const Graph = ForceGraph3D();
|
||||||
|
Graph(grpahDiv);
|
||||||
|
Graph.jsonUrl(config.dataUrl)
|
||||||
|
.width(
|
||||||
|
grpahDiv.parentElement.clientWidth > 1200
|
||||||
|
? 1200
|
||||||
|
: grpahDiv.parentElement.clientWidth,
|
||||||
|
) // Not perfect at all. JS-fu master from the future, please fix this :-)
|
||||||
|
.height(1000)
|
||||||
|
.enableNodeDrag(false) // allow easier navigation
|
||||||
|
.onNodeClick((node) => {
|
||||||
|
const camera = Graph.cameraPosition();
|
||||||
|
const distance = Math.sqrt(
|
||||||
|
(node.x - camera.x) ** 2 + (node.y - camera.y) ** 2 + (node.z - camera.z) ** 2,
|
||||||
|
);
|
||||||
|
if (distance < 120 || highlightNodes.has(node)) {
|
||||||
|
window.focusNode(node);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.linkWidth((link) => (highlightLinks.has(link) ? 0.4 : 0.0))
|
||||||
|
.linkColor((link) =>
|
||||||
|
highlightLinks.has(link) ? "rgba(255,160,0,1)" : "rgba(128,255,255,0.6)",
|
||||||
|
)
|
||||||
|
.linkVisibility((link) => highlightLinks.has(link))
|
||||||
|
.nodeVisibility((node) => highlightNodes.has(node) || node.mass > 4)
|
||||||
|
// .linkDirectionalParticles(link => highlightLinks.has(link) ? 3 : 1) // kinda buggy for now, and slows this a bit, but would be great to help visualize lanes
|
||||||
|
.linkDirectionalParticleWidth(0.2)
|
||||||
|
.linkDirectionalParticleSpeed(-0.006)
|
||||||
|
.nodeThreeObject((node) => {
|
||||||
|
const sprite = new SpriteText(node.name);
|
||||||
|
sprite.material.depthWrite = false; // make sprite background transparent
|
||||||
|
sprite.color = highlightNodes.has(node)
|
||||||
|
? node === hoverNode
|
||||||
|
? "rgba(200,0,0,1)"
|
||||||
|
: "rgba(255,160,0,0.8)"
|
||||||
|
: "rgba(0,255,255,0.2)";
|
||||||
|
sprite.textHeight = 2;
|
||||||
|
sprite.center = new Three.Vector2(1.2, 0.5);
|
||||||
|
return sprite;
|
||||||
|
})
|
||||||
|
.onEngineStop(() => {
|
||||||
|
window.focusNode(window.getNodeFromId(config.nodeId));
|
||||||
|
Graph.onEngineStop(() => {
|
||||||
|
/* nope */
|
||||||
|
}); // don't call ourselves in a loop while moving the focus
|
||||||
|
});
|
||||||
|
|
||||||
|
// Set distance between stars
|
||||||
|
Graph.d3Force("link").distance((link) => link.value);
|
||||||
|
|
||||||
|
// Set high masses nearer the center of the galaxy
|
||||||
|
// TODO: quick and dirty strength computation, this will need tuning.
|
||||||
|
Graph.d3Force(
|
||||||
|
"positionX",
|
||||||
|
forceX().strength((node) => {
|
||||||
|
return 1 - 1 / node.mass;
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
Graph.d3Force(
|
||||||
|
"positionY",
|
||||||
|
forceY().strength((node) => {
|
||||||
|
return 1 - 1 / node.mass;
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
Graph.d3Force(
|
||||||
|
"positionZ",
|
||||||
|
forceZ().strength((node) => {
|
||||||
|
return 1 - 1 / node.mass;
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
};
|
@@ -1,137 +0,0 @@
|
|||||||
import { exportToHtml } from "#core:utils/globals";
|
|
||||||
|
|
||||||
import cytoscape from "cytoscape";
|
|
||||||
import d3Force, { type D3ForceLayoutOptions } from "cytoscape-d3-force";
|
|
||||||
|
|
||||||
cytoscape.use(d3Force);
|
|
||||||
|
|
||||||
interface GalaxyConfig {
|
|
||||||
nodeId: number;
|
|
||||||
dataUrl: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function getGraphData(dataUrl: string) {
|
|
||||||
const response = await fetch(dataUrl);
|
|
||||||
if (!response.ok) {
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
|
|
||||||
const content = await response.json();
|
|
||||||
const nodes = content.nodes.map((node, i) => {
|
|
||||||
return {
|
|
||||||
group: "nodes",
|
|
||||||
data: {
|
|
||||||
id: node.id,
|
|
||||||
name: node.name,
|
|
||||||
mass: node.mass,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
const edges = content.links.map((link) => {
|
|
||||||
return {
|
|
||||||
group: "edges",
|
|
||||||
data: {
|
|
||||||
id: `edge_${link.source}_${link.value}`,
|
|
||||||
source: link.source,
|
|
||||||
target: link.target,
|
|
||||||
value: link.value,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
return { nodes: nodes, edges: edges };
|
|
||||||
}
|
|
||||||
|
|
||||||
exportToHtml("loadGalaxy", async (config: GalaxyConfig) => {
|
|
||||||
const graphDiv = document.getElementById("3d-graph");
|
|
||||||
const elements = await getGraphData(config.dataUrl);
|
|
||||||
const cy = cytoscape({
|
|
||||||
container: graphDiv,
|
|
||||||
elements: elements,
|
|
||||||
style: [
|
|
||||||
{
|
|
||||||
selector: "node",
|
|
||||||
style: {
|
|
||||||
label: "data(name)",
|
|
||||||
"background-color": "red",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
selector: ".focused",
|
|
||||||
style: {
|
|
||||||
"border-width": "5px",
|
|
||||||
"border-style": "solid",
|
|
||||||
"border-color": "black",
|
|
||||||
"target-arrow-color": "black",
|
|
||||||
"line-color": "black",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
selector: "edge",
|
|
||||||
style: {
|
|
||||||
width: 0.1,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
selector: ".direct",
|
|
||||||
style: {
|
|
||||||
width: "5px",
|
|
||||||
"line-color": "red",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
layout: {
|
|
||||||
name: "d3-force",
|
|
||||||
animate: true,
|
|
||||||
fit: false,
|
|
||||||
ungrabifyWhileSimulating: true,
|
|
||||||
fixedAfterDragging: true,
|
|
||||||
|
|
||||||
linkId: (node) => {
|
|
||||||
return node.id;
|
|
||||||
},
|
|
||||||
|
|
||||||
linkDistance: (link) => {
|
|
||||||
return elements.nodes.length * 10;
|
|
||||||
},
|
|
||||||
|
|
||||||
linkStrength: (link) => {
|
|
||||||
return 1 / Math.max(1, link?.value);
|
|
||||||
},
|
|
||||||
|
|
||||||
linkIterations: 10,
|
|
||||||
|
|
||||||
manyBodyStrength: (node) => {
|
|
||||||
return node?.mass;
|
|
||||||
},
|
|
||||||
|
|
||||||
// manyBodyDistanceMin: 500,
|
|
||||||
collideRadius: () => {
|
|
||||||
return 50;
|
|
||||||
},
|
|
||||||
|
|
||||||
ready: (e) => {
|
|
||||||
// Center on current user node at the start of the simulation
|
|
||||||
// Color all direct paths from that citizen to it's neighbor
|
|
||||||
const citizen = e.cy.nodes(`#${config.nodeId}`)[0];
|
|
||||||
citizen.addClass("focused");
|
|
||||||
citizen.connectedEdges().addClass("direct");
|
|
||||||
e.cy.center(citizen);
|
|
||||||
},
|
|
||||||
|
|
||||||
tick: () => {
|
|
||||||
// Center on current user node during simulation
|
|
||||||
const citizen = cy.nodes(`#${config.nodeId}`)[0];
|
|
||||||
cy.center(citizen);
|
|
||||||
},
|
|
||||||
|
|
||||||
stop: (e) => {
|
|
||||||
// Disable user grabbing of nodes
|
|
||||||
// This has to be disabled after the simulation is done
|
|
||||||
// Otherwise the simulation can't move nodes
|
|
||||||
e.cy.autolock(true);
|
|
||||||
},
|
|
||||||
} as D3ForceLayoutOptions,
|
|
||||||
});
|
|
||||||
});
|
|
@@ -5,14 +5,14 @@
|
|||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block additional_js %}
|
{% block additional_js %}
|
||||||
<script type="module" src="{{ static('bundled/galaxy/galaxy-index.ts') }}"></script>
|
<script type="module" src="{{ static('bundled/galaxy/galaxy-index.js') }}"></script>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
{% if object.current_star %}
|
{% if object.current_star %}
|
||||||
<div style="display: flex; flex-wrap: wrap;">
|
<div style="display: flex; flex-wrap: wrap;">
|
||||||
<div style="width: 100%; height: 70vh; display: block" id="3d-graph"></div>
|
<div id="3d-graph"></div>
|
||||||
|
|
||||||
<div style="margin: 1em;">
|
<div style="margin: 1em;">
|
||||||
<p><a onclick="window.focusNode(window.getNodeFromId({{ object.id }}))">Reset on {{ object.get_display_name() }}</a></p>
|
<p><a onclick="window.focusNode(window.getNodeFromId({{ object.id }}))">Reset on {{ object.get_display_name() }}</a></p>
|
||||||
|
59
package-lock.json
generated
59
package-lock.json
generated
@@ -25,7 +25,6 @@
|
|||||||
"country-flag-emoji-polyfill": "^0.1.8",
|
"country-flag-emoji-polyfill": "^0.1.8",
|
||||||
"cytoscape": "^3.30.2",
|
"cytoscape": "^3.30.2",
|
||||||
"cytoscape-cxtmenu": "^3.5.0",
|
"cytoscape-cxtmenu": "^3.5.0",
|
||||||
"cytoscape-d3-force": "^1.1.4",
|
|
||||||
"cytoscape-klay": "^3.1.4",
|
"cytoscape-klay": "^3.1.4",
|
||||||
"d3-force-3d": "^3.0.5",
|
"d3-force-3d": "^3.0.5",
|
||||||
"easymde": "^2.19.0",
|
"easymde": "^2.19.0",
|
||||||
@@ -47,7 +46,6 @@
|
|||||||
"@rollup/plugin-inject": "^5.0.5",
|
"@rollup/plugin-inject": "^5.0.5",
|
||||||
"@types/alpinejs": "^3.13.10",
|
"@types/alpinejs": "^3.13.10",
|
||||||
"@types/cytoscape-cxtmenu": "^3.4.4",
|
"@types/cytoscape-cxtmenu": "^3.4.4",
|
||||||
"@types/cytoscape-d3-force": "^1.0.0",
|
|
||||||
"@types/cytoscape-klay": "^3.1.4",
|
"@types/cytoscape-klay": "^3.1.4",
|
||||||
"@types/jquery": "^3.5.31",
|
"@types/jquery": "^3.5.31",
|
||||||
"@types/js-cookie": "^3.0.6",
|
"@types/js-cookie": "^3.0.6",
|
||||||
@@ -2875,16 +2873,6 @@
|
|||||||
"@types/cytoscape": "*"
|
"@types/cytoscape": "*"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@types/cytoscape-d3-force": {
|
|
||||||
"version": "1.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/@types/cytoscape-d3-force/-/cytoscape-d3-force-1.0.0.tgz",
|
|
||||||
"integrity": "sha512-1eRd9xr/DvJ4MIA5lCEG8DMX2Ha87qAbpP7irpuKZun0ZCBQPpoOBo9mPl0WrkJbXH+hHwG8s3E2CpUz3HxLrw==",
|
|
||||||
"dev": true,
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"@types/cytoscape": "^3.0.9"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/@types/cytoscape-klay": {
|
"node_modules/@types/cytoscape-klay": {
|
||||||
"version": "3.1.4",
|
"version": "3.1.4",
|
||||||
"resolved": "https://registry.npmjs.org/@types/cytoscape-klay/-/cytoscape-klay-3.1.4.tgz",
|
"resolved": "https://registry.npmjs.org/@types/cytoscape-klay/-/cytoscape-klay-3.1.4.tgz",
|
||||||
@@ -3542,18 +3530,6 @@
|
|||||||
"cytoscape": "^3.2.0"
|
"cytoscape": "^3.2.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/cytoscape-d3-force": {
|
|
||||||
"version": "1.1.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/cytoscape-d3-force/-/cytoscape-d3-force-1.1.4.tgz",
|
|
||||||
"integrity": "sha512-8NjI/yEoB3YqVsdf7ud7Oh8Kyi+C9Lhh1fICmtemIo6EC1ZUtm8KcPNLkQySYO8nRS2mQKj5eVdCr7W0L8ONoQ==",
|
|
||||||
"license": "MIT",
|
|
||||||
"dependencies": {
|
|
||||||
"d3-force": "^2.0.1"
|
|
||||||
},
|
|
||||||
"peerDependencies": {
|
|
||||||
"cytoscape": "^3.2.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/cytoscape-klay": {
|
"node_modules/cytoscape-klay": {
|
||||||
"version": "3.1.4",
|
"version": "3.1.4",
|
||||||
"resolved": "https://registry.npmjs.org/cytoscape-klay/-/cytoscape-klay-3.1.4.tgz",
|
"resolved": "https://registry.npmjs.org/cytoscape-klay/-/cytoscape-klay-3.1.4.tgz",
|
||||||
@@ -3602,17 +3578,6 @@
|
|||||||
"node": ">=12"
|
"node": ">=12"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/d3-force": {
|
|
||||||
"version": "2.1.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/d3-force/-/d3-force-2.1.1.tgz",
|
|
||||||
"integrity": "sha512-nAuHEzBqMvpFVMf9OX75d00OxvOXdxY+xECIXjW6Gv8BRrXu6gAWbv/9XKrvfJ5i5DCokDW7RYE50LRoK092ew==",
|
|
||||||
"license": "BSD-3-Clause",
|
|
||||||
"dependencies": {
|
|
||||||
"d3-dispatch": "1 - 2",
|
|
||||||
"d3-quadtree": "1 - 2",
|
|
||||||
"d3-timer": "1 - 2"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/d3-force-3d": {
|
"node_modules/d3-force-3d": {
|
||||||
"version": "3.0.6",
|
"version": "3.0.6",
|
||||||
"resolved": "https://registry.npmjs.org/d3-force-3d/-/d3-force-3d-3.0.6.tgz",
|
"resolved": "https://registry.npmjs.org/d3-force-3d/-/d3-force-3d-3.0.6.tgz",
|
||||||
@@ -3629,24 +3594,6 @@
|
|||||||
"node": ">=12"
|
"node": ">=12"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/d3-force/node_modules/d3-dispatch": {
|
|
||||||
"version": "2.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-2.0.0.tgz",
|
|
||||||
"integrity": "sha512-S/m2VsXI7gAti2pBoLClFFTMOO1HTtT0j99AuXLoGFKO6deHDdnv6ZGTxSTTUTgO1zVcv82fCOtDjYK4EECmWA==",
|
|
||||||
"license": "BSD-3-Clause"
|
|
||||||
},
|
|
||||||
"node_modules/d3-force/node_modules/d3-quadtree": {
|
|
||||||
"version": "2.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-2.0.0.tgz",
|
|
||||||
"integrity": "sha512-b0Ed2t1UUalJpc3qXzKi+cPGxeXRr4KU9YSlocN74aTzp6R/Ud43t79yLLqxHRWZfsvWXmbDWPpoENK1K539xw==",
|
|
||||||
"license": "BSD-3-Clause"
|
|
||||||
},
|
|
||||||
"node_modules/d3-force/node_modules/d3-timer": {
|
|
||||||
"version": "2.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-2.0.0.tgz",
|
|
||||||
"integrity": "sha512-TO4VLh0/420Y/9dO3+f9abDEFYeCUr2WZRlxJvbp4HPTQcSylXNiL6yZa9FIUvV1yRiFufl1bszTCLDqv9PWNA==",
|
|
||||||
"license": "BSD-3-Clause"
|
|
||||||
},
|
|
||||||
"node_modules/d3-format": {
|
"node_modules/d3-format": {
|
||||||
"version": "3.1.0",
|
"version": "3.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
|
||||||
@@ -5790,9 +5737,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/vite": {
|
"node_modules/vite": {
|
||||||
"version": "6.3.6",
|
"version": "6.3.5",
|
||||||
"resolved": "https://registry.npmjs.org/vite/-/vite-6.3.6.tgz",
|
"resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz",
|
||||||
"integrity": "sha512-0msEVHJEScQbhkbVTb/4iHZdJ6SXp/AvxL2sjwYQFfBqleHtnCqv1J3sa9zbWz/6kW1m9Tfzn92vW+kZ1WV6QA==",
|
"integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
@@ -31,7 +31,6 @@
|
|||||||
"@rollup/plugin-inject": "^5.0.5",
|
"@rollup/plugin-inject": "^5.0.5",
|
||||||
"@types/alpinejs": "^3.13.10",
|
"@types/alpinejs": "^3.13.10",
|
||||||
"@types/cytoscape-cxtmenu": "^3.4.4",
|
"@types/cytoscape-cxtmenu": "^3.4.4",
|
||||||
"@types/cytoscape-d3-force": "^1.0.0",
|
|
||||||
"@types/cytoscape-klay": "^3.1.4",
|
"@types/cytoscape-klay": "^3.1.4",
|
||||||
"@types/jquery": "^3.5.31",
|
"@types/jquery": "^3.5.31",
|
||||||
"@types/js-cookie": "^3.0.6",
|
"@types/js-cookie": "^3.0.6",
|
||||||
@@ -57,7 +56,6 @@
|
|||||||
"country-flag-emoji-polyfill": "^0.1.8",
|
"country-flag-emoji-polyfill": "^0.1.8",
|
||||||
"cytoscape": "^3.30.2",
|
"cytoscape": "^3.30.2",
|
||||||
"cytoscape-cxtmenu": "^3.5.0",
|
"cytoscape-cxtmenu": "^3.5.0",
|
||||||
"cytoscape-d3-force": "^1.1.4",
|
|
||||||
"cytoscape-klay": "^3.1.4",
|
"cytoscape-klay": "^3.1.4",
|
||||||
"d3-force-3d": "^3.0.5",
|
"d3-force-3d": "^3.0.5",
|
||||||
"easymde": "^2.19.0",
|
"easymde": "^2.19.0",
|
||||||
|
Reference in New Issue
Block a user