mirror of
				https://github.com/ae-utbm/sith.git
				synced 2025-11-04 02:53:06 +00:00 
			
		
		
		
	Compare commits
	
		
			5 Commits
		
	
	
		
			galaxy
			...
			ia-explana
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
| 
						 | 
					59ded530ff | ||
| 
						 | 
					e85d0a2449 | ||
| 
						 | 
					b767079c5a | ||
| 
						 | 
					37961e437b | ||
| 
						 | 
					b97a1a2e56 | 
@@ -560,7 +560,7 @@ class User(AbstractUser):
 | 
			
		||||
        """Determine if the object is owned by the user."""
 | 
			
		||||
        if hasattr(obj, "is_owned_by") and obj.is_owned_by(self):
 | 
			
		||||
            return True
 | 
			
		||||
        if hasattr(obj, "owner_group") and self.is_in_group(pk=obj.owner_group.id):
 | 
			
		||||
        if hasattr(obj, "owner_group") and self.is_in_group(pk=obj.owner_group_id):
 | 
			
		||||
            return True
 | 
			
		||||
        return self.is_root
 | 
			
		||||
 | 
			
		||||
@@ -569,9 +569,15 @@ class User(AbstractUser):
 | 
			
		||||
        if hasattr(obj, "can_be_edited_by") and obj.can_be_edited_by(self):
 | 
			
		||||
            return True
 | 
			
		||||
        if hasattr(obj, "edit_groups"):
 | 
			
		||||
            for pk in obj.edit_groups.values_list("pk", flat=True):
 | 
			
		||||
                if self.is_in_group(pk=pk):
 | 
			
		||||
                    return True
 | 
			
		||||
            if (
 | 
			
		||||
                hasattr(obj, "_prefetched_objects_cache")
 | 
			
		||||
                and "edit_groups" in obj._prefetched_objects_cache
 | 
			
		||||
            ):
 | 
			
		||||
                pks = [g.id for g in obj.edit_groups.all()]
 | 
			
		||||
            else:
 | 
			
		||||
                pks = list(obj.edit_groups.values_list("id", flat=True))
 | 
			
		||||
            if any(self.is_in_group(pk=pk) for pk in pks):
 | 
			
		||||
                return True
 | 
			
		||||
        if isinstance(obj, User) and obj == self:
 | 
			
		||||
            return True
 | 
			
		||||
        return self.is_owner(obj)
 | 
			
		||||
@@ -581,9 +587,18 @@ class User(AbstractUser):
 | 
			
		||||
        if hasattr(obj, "can_be_viewed_by") and obj.can_be_viewed_by(self):
 | 
			
		||||
            return True
 | 
			
		||||
        if hasattr(obj, "view_groups"):
 | 
			
		||||
            for pk in obj.view_groups.values_list("pk", flat=True):
 | 
			
		||||
                if self.is_in_group(pk=pk):
 | 
			
		||||
                    return True
 | 
			
		||||
            # if "view_groups" has already been prefetched, use
 | 
			
		||||
            # the prefetch cache, else fetch only the ids, to make
 | 
			
		||||
            # the query lighter.
 | 
			
		||||
            if (
 | 
			
		||||
                hasattr(obj, "_prefetched_objects_cache")
 | 
			
		||||
                and "view_groups" in obj._prefetched_objects_cache
 | 
			
		||||
            ):
 | 
			
		||||
                pks = [g.id for g in obj.view_groups.all()]
 | 
			
		||||
            else:
 | 
			
		||||
                pks = list(obj.view_groups.values_list("id", flat=True))
 | 
			
		||||
            if any(self.is_in_group(pk=pk) for pk in pks):
 | 
			
		||||
                return True
 | 
			
		||||
        return self.can_edit(obj)
 | 
			
		||||
 | 
			
		||||
    def can_be_edited_by(self, user):
 | 
			
		||||
@@ -1384,9 +1399,9 @@ class Page(models.Model):
 | 
			
		||||
 | 
			
		||||
    @cached_property
 | 
			
		||||
    def is_club_page(self):
 | 
			
		||||
        club_root_page = Page.objects.filter(name=settings.SITH_CLUB_ROOT_PAGE).first()
 | 
			
		||||
        return club_root_page is not None and (
 | 
			
		||||
            self == club_root_page or club_root_page in self.get_parent_list()
 | 
			
		||||
        return (
 | 
			
		||||
            self.name == settings.SITH_CLUB_ROOT_PAGE
 | 
			
		||||
            or settings.SITH_CLUB_ROOT_PAGE in [p.name for p in self.get_parent_list()]
 | 
			
		||||
        )
 | 
			
		||||
 | 
			
		||||
    @cached_property
 | 
			
		||||
 
 | 
			
		||||
@@ -5,16 +5,12 @@
 | 
			
		||||
{% endblock %}
 | 
			
		||||
 | 
			
		||||
{% block content %}
 | 
			
		||||
  {% if page_list %}
 | 
			
		||||
    <h3>{% trans %}Page list{% endtrans %}</h3>
 | 
			
		||||
    <ul>
 | 
			
		||||
      {% for p in page_list %}
 | 
			
		||||
        <li><a href="{{ p.get_absolute_url() }}">{{ p.get_display_name() }}</a></li>
 | 
			
		||||
      {% endfor %}
 | 
			
		||||
    </ul>
 | 
			
		||||
  {% else %}
 | 
			
		||||
    {% trans %}There is no page in this website.{% endtrans %}
 | 
			
		||||
  {% endif %}
 | 
			
		||||
  <h3>{% trans %}Page list{% endtrans %}</h3>
 | 
			
		||||
  <ul>
 | 
			
		||||
    {% for p in page_list %}
 | 
			
		||||
      <li><a href="{{ p.get_absolute_url() }}">{{ p.display_name }}</a></li>
 | 
			
		||||
    {% endfor %}
 | 
			
		||||
  </ul>
 | 
			
		||||
{% endblock %}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -12,7 +12,10 @@
 | 
			
		||||
# OR WITHIN THE LOCAL FILE "LICENSE"
 | 
			
		||||
#
 | 
			
		||||
#
 | 
			
		||||
 | 
			
		||||
from django.contrib.auth.mixins import PermissionRequiredMixin
 | 
			
		||||
from django.db.models import F, OuterRef, Subquery
 | 
			
		||||
from django.db.models.functions import Coalesce
 | 
			
		||||
 | 
			
		||||
# This file contains all the views that concern the page model
 | 
			
		||||
from django.forms.models import modelform_factory
 | 
			
		||||
@@ -43,6 +46,20 @@ class CanEditPagePropMixin(CanEditPropMixin):
 | 
			
		||||
class PageListView(CanViewMixin, ListView):
 | 
			
		||||
    model = Page
 | 
			
		||||
    template_name = "core/page_list.jinja"
 | 
			
		||||
    queryset = (
 | 
			
		||||
        Page.objects.annotate(
 | 
			
		||||
            display_name=Coalesce(
 | 
			
		||||
                Subquery(
 | 
			
		||||
                    PageRev.objects.filter(page=OuterRef("id"))
 | 
			
		||||
                    .order_by("-date")
 | 
			
		||||
                    .values("title")[:1]
 | 
			
		||||
                ),
 | 
			
		||||
                F("name"),
 | 
			
		||||
            )
 | 
			
		||||
        )
 | 
			
		||||
        .prefetch_related("view_groups")
 | 
			
		||||
        .select_related("parent")
 | 
			
		||||
    )
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class PageView(CanViewMixin, DetailView):
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										120
									
								
								docs/explanation/ia.md
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										120
									
								
								docs/explanation/ia.md
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,120 @@
 | 
			
		||||
Cette page expose la politique du Pôle informatique de l'AE
 | 
			
		||||
en ce qui concerne l'usage et l'implémentation de systèmes d'IA
 | 
			
		||||
dans le cadre de l'AE et du développement de ses outils.
 | 
			
		||||
 | 
			
		||||
## Cadre
 | 
			
		||||
 | 
			
		||||
En accord avec le règlement européen sur 
 | 
			
		||||
l'intelligence artificielle du 13 juin 2024,
 | 
			
		||||
nous définissons comme IA :
 | 
			
		||||
 | 
			
		||||
> Un système basé sur une machine qui est 
 | 
			
		||||
> conçu pour fonctionner avec différents niveaux d'autonomie 
 | 
			
		||||
> et qui peut faire preuve d'adaptabilité après son déploiement, 
 | 
			
		||||
> et qui, pour des objectifs explicites ou implicites, déduit,
 | 
			
		||||
> à partir des données qu'il reçoit, 
 | 
			
		||||
> comment générer des résultats tels que des prédictions, 
 | 
			
		||||
> du contenu, des recommandations ou des décisions 
 | 
			
		||||
> qui peuvent influencer des environnements physiques ou virtuels.
 | 
			
		||||
 | 
			
		||||
Cette définition recouvre toutes les IAs génératives, ce qui inclut
 | 
			
		||||
ChatGPT, DeepSeek, Claude, Copilot, Mistral, Llama et autres outils similaires.
 | 
			
		||||
 | 
			
		||||
## Utilisation dans le développement
 | 
			
		||||
 | 
			
		||||
!!!abstract
 | 
			
		||||
    La soumission de code généré par IA est strictement interdite.
 | 
			
		||||
 | 
			
		||||
Aucune contribution contenant du code généré par IA n'est acceptée.
 | 
			
		||||
Toute PR contenant en proportion significative du code duquel
 | 
			
		||||
on peut raisonnablement penser qu'il a été généré par IA 
 | 
			
		||||
ne sera acceptée.
 | 
			
		||||
 | 
			
		||||
Nous déconseillons également fortement l'usage de tout
 | 
			
		||||
recours à un système d'IA dans le processus de développement,
 | 
			
		||||
quel que soit son usage (debug, recherche d'information ou autres).
 | 
			
		||||
A la place de l'IA, Référez-vous en priorité à la documentation du site,
 | 
			
		||||
à celle de Django et à l'aide des autres développeurs.
 | 
			
		||||
 | 
			
		||||
## Intégration dans le site
 | 
			
		||||
 | 
			
		||||
L'intégration sur le site AE de systèmes d'IA 
 | 
			
		||||
et de toute fonctionnalité basée sur des systèmes d'IA
 | 
			
		||||
est strictement prohibée, quel qu'en soit l'objectif.
 | 
			
		||||
 | 
			
		||||
Toute tâche de modération, de génération
 | 
			
		||||
ou de détection de contenu ne doit être accomplie
 | 
			
		||||
que par des êtres humains ou par des algorithmes
 | 
			
		||||
déterministes, testés et compris.
 | 
			
		||||
 | 
			
		||||
L'usage des données du site a des fins d'entrainement d'IA,
 | 
			
		||||
ainsi que la transmission de ces données à un système d'IA
 | 
			
		||||
est strictement interdit.
 | 
			
		||||
Tout acte de cette nature sera considéré comme une violation
 | 
			
		||||
grave de la politique de gestion des données de l'AE.
 | 
			
		||||
 | 
			
		||||
## Motifs
 | 
			
		||||
 | 
			
		||||
Le site AE est un programme écrit par des humains, pour des humains.
 | 
			
		||||
C'est un logiciel dont la complexité nécessite des connaissances
 | 
			
		||||
plus approfondies que ce qui est attendu de la part d'un
 | 
			
		||||
étudiant en TC ou en base branche.
 | 
			
		||||
À ce titre, l'interdiction de l'IA dans le cadre de son
 | 
			
		||||
développement est pensée avant tout dans une optique 
 | 
			
		||||
de formation des développeurs, de stabilité de la base de code
 | 
			
		||||
et de transmission des connaissances.
 | 
			
		||||
 | 
			
		||||
### Formation des développeurs
 | 
			
		||||
 | 
			
		||||
Travailler sur le site AE est possiblement le meilleur moyen de
 | 
			
		||||
monter en compétences en informatique pour un étudiant de l'UTBM.
 | 
			
		||||
Automatisation des tests, gestion des données et de la sécurité,
 | 
			
		||||
infrastructure, maintenance du code existant...
 | 
			
		||||
 | 
			
		||||
Le site AE est un logiciel complet, dont le développement
 | 
			
		||||
possède une dimension pédagogique réelle.
 | 
			
		||||
En utilisant l'IA, le développement n'est plus un moyen efficace
 | 
			
		||||
de se former.
 | 
			
		||||
 | 
			
		||||
### Stabilité de la base de code
 | 
			
		||||
 | 
			
		||||
Les développeurs du site AE sont pour la plupart en cours de formation,
 | 
			
		||||
sans compréhension globale de la base de code du site,
 | 
			
		||||
des outils logiciels sur lesquels il se base et des bonnes
 | 
			
		||||
pratiques permettant d'écrire du code viable.
 | 
			
		||||
 | 
			
		||||
En se reposant sur un système d'IA sans être capacité
 | 
			
		||||
de comprendre intégralement le code proposé ni de le mettre
 | 
			
		||||
en perspective avec le reste de la base de code,
 | 
			
		||||
c'est toute la maintenance de la base de code qui se retrouve compromise.
 | 
			
		||||
 | 
			
		||||
### Transmission des connaissances
 | 
			
		||||
 | 
			
		||||
L'équipe du pôle informatique se renouvelle très souvent.
 | 
			
		||||
À ce titre, les nouveaux développeurs se doivent d'hériter
 | 
			
		||||
d'une base de code viable. 
 | 
			
		||||
Quant aux anciens développeurs, ils se doivent d'en avoir 
 | 
			
		||||
compris le fonctionnement, afin d'être en mesure
 | 
			
		||||
de guider et d'aider leurs successeurs.
 | 
			
		||||
 | 
			
		||||
Comme développé dans les deux points précédents, 
 | 
			
		||||
cet objectif est incompatible avec l'usage de systèmes d'IA.
 | 
			
		||||
 | 
			
		||||
### Autres motifs
 | 
			
		||||
 | 
			
		||||
En plus de ces aspects purement liés à la qualité
 | 
			
		||||
du code et à la pédagogie, l'IA pose des problèmes
 | 
			
		||||
écologiques et éthiques :
 | 
			
		||||
 | 
			
		||||
- Les projets commerciaux d'IA se livrent fréquemment 
 | 
			
		||||
  à des violations flagrantes du droit d'auteur 
 | 
			
		||||
  et à un mépris complet des petits acteurs du web
 | 
			
		||||
  (dont le site AE fait partie) pour entraîner leurs modèles.
 | 
			
		||||
- Leurs activités nécessitent une consommation massive d'énergie et d'eau,
 | 
			
		||||
  ainsi qu'une quantité massive de matériel, entrainant conflits d'usage,
 | 
			
		||||
  et intensification des dommages sociaux et environnementaux de l'industrie.
 | 
			
		||||
- La promotion et l'utilisation des modèles d'IA ont causé un préjudice
 | 
			
		||||
  important aux salariés, une aliénation de leur travail et une baisse de la qualité des services.
 | 
			
		||||
- Les LLM ont favorisé les activités de spam et d'escroquerie.
 | 
			
		||||
- L'IA est devenu un maillon essentiel du fichage des individus,
 | 
			
		||||
  du renforcement des biais sociétaux, et de la désinformation de masse.
 | 
			
		||||
							
								
								
									
										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 %}
 | 
			
		||||
 | 
			
		||||
{% 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 %}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
{% block content %}
 | 
			
		||||
  {% if object.current_star %}
 | 
			
		||||
    <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;">
 | 
			
		||||
        <p><a onclick="window.focusNode(window.getNodeFromId({{ object.id }}))">Reset on {{ object.get_display_name() }}</a></p>
 | 
			
		||||
 
 | 
			
		||||
@@ -57,6 +57,7 @@ nav:
 | 
			
		||||
    - Accueil: explanation/index.md
 | 
			
		||||
    - Technologies utilisées: explanation/technos.md
 | 
			
		||||
    - Conventions: explanation/conventions.md
 | 
			
		||||
    - Politique IA: explanation/ia.md
 | 
			
		||||
    - Archives: explanation/archives.md
 | 
			
		||||
  - Tutoriels:
 | 
			
		||||
    - Installer le projet: tutorial/install.md
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										59
									
								
								package-lock.json
									
									
									
										generated
									
									
									
								
							
							
						
						
									
										59
									
								
								package-lock.json
									
									
									
										generated
									
									
									
								
							@@ -25,7 +25,6 @@
 | 
			
		||||
        "country-flag-emoji-polyfill": "^0.1.8",
 | 
			
		||||
        "cytoscape": "^3.30.2",
 | 
			
		||||
        "cytoscape-cxtmenu": "^3.5.0",
 | 
			
		||||
        "cytoscape-d3-force": "^1.1.4",
 | 
			
		||||
        "cytoscape-klay": "^3.1.4",
 | 
			
		||||
        "d3-force-3d": "^3.0.5",
 | 
			
		||||
        "easymde": "^2.19.0",
 | 
			
		||||
@@ -47,7 +46,6 @@
 | 
			
		||||
        "@rollup/plugin-inject": "^5.0.5",
 | 
			
		||||
        "@types/alpinejs": "^3.13.10",
 | 
			
		||||
        "@types/cytoscape-cxtmenu": "^3.4.4",
 | 
			
		||||
        "@types/cytoscape-d3-force": "^1.0.0",
 | 
			
		||||
        "@types/cytoscape-klay": "^3.1.4",
 | 
			
		||||
        "@types/jquery": "^3.5.31",
 | 
			
		||||
        "@types/js-cookie": "^3.0.6",
 | 
			
		||||
@@ -2875,16 +2873,6 @@
 | 
			
		||||
        "@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": {
 | 
			
		||||
      "version": "3.1.4",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/@types/cytoscape-klay/-/cytoscape-klay-3.1.4.tgz",
 | 
			
		||||
@@ -3542,18 +3530,6 @@
 | 
			
		||||
        "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": {
 | 
			
		||||
      "version": "3.1.4",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/cytoscape-klay/-/cytoscape-klay-3.1.4.tgz",
 | 
			
		||||
@@ -3602,17 +3578,6 @@
 | 
			
		||||
        "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": {
 | 
			
		||||
      "version": "3.0.6",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/d3-force-3d/-/d3-force-3d-3.0.6.tgz",
 | 
			
		||||
@@ -3629,24 +3594,6 @@
 | 
			
		||||
        "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": {
 | 
			
		||||
      "version": "3.1.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
 | 
			
		||||
@@ -5790,9 +5737,9 @@
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/vite": {
 | 
			
		||||
      "version": "6.3.6",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.6.tgz",
 | 
			
		||||
      "integrity": "sha512-0msEVHJEScQbhkbVTb/4iHZdJ6SXp/AvxL2sjwYQFfBqleHtnCqv1J3sa9zbWz/6kW1m9Tfzn92vW+kZ1WV6QA==",
 | 
			
		||||
      "version": "6.3.5",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz",
 | 
			
		||||
      "integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
 | 
			
		||||
      "dev": true,
 | 
			
		||||
      "license": "MIT",
 | 
			
		||||
      "dependencies": {
 | 
			
		||||
 
 | 
			
		||||
@@ -31,7 +31,6 @@
 | 
			
		||||
    "@rollup/plugin-inject": "^5.0.5",
 | 
			
		||||
    "@types/alpinejs": "^3.13.10",
 | 
			
		||||
    "@types/cytoscape-cxtmenu": "^3.4.4",
 | 
			
		||||
    "@types/cytoscape-d3-force": "^1.0.0",
 | 
			
		||||
    "@types/cytoscape-klay": "^3.1.4",
 | 
			
		||||
    "@types/jquery": "^3.5.31",
 | 
			
		||||
    "@types/js-cookie": "^3.0.6",
 | 
			
		||||
@@ -57,7 +56,6 @@
 | 
			
		||||
    "country-flag-emoji-polyfill": "^0.1.8",
 | 
			
		||||
    "cytoscape": "^3.30.2",
 | 
			
		||||
    "cytoscape-cxtmenu": "^3.5.0",
 | 
			
		||||
    "cytoscape-d3-force": "^1.1.4",
 | 
			
		||||
    "cytoscape-klay": "^3.1.4",
 | 
			
		||||
    "d3-force-3d": "^3.0.5",
 | 
			
		||||
    "easymde": "^2.19.0",
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user