Fix JS access to css

app/static/js/ref_competences.js

-function getCurrentScriptPath() {
-	// Get all the script elements on the page
-	var scripts = document.getElementsByTagName('script');
 
-	// Find the last script element (which is the currently executing script)
-	var currentScript = scripts[scripts.length - 1];
-
-	// Retrieve the src attribute of the script element
-	var scriptPath = currentScript.src;
-
-	return scriptPath;
-}
-function removeLastTwoComponents(path) {
-	// Split the path into individual components
-	var components = path.split('/');
-
-	// Remove the last two components (filename and enclosing directory)
-	components.splice(-2);
-
-	// Join the remaining components back into a path
-	var newPath = components.join('/');
-
-	return newPath;
-}
 class ref_competences extends HTMLElement {
 	constructor() {
 		super();

app/static/js/releve-but.js

@@ -15,8 +15,8 @@ class releveBUT extends HTMLElement {
 		/* Style du module */
 		const styles = document.createElement('link');
 		styles.setAttribute('rel', 'stylesheet');
-		if (location.href.split("/")[3] == "ScoDoc") {
-			styles.setAttribute('href', '/ScoDoc/static/css/releve-but.css');	// Scodoc
+		if (location.href.includes("ScoDoc")) {
+			styles.setAttribute('href', removeLastTwoComponents(getCurrentScriptPath()) + '/css/releve-but.css');	// Scodoc
 		} else {
 			styles.setAttribute('href', '/assets/styles/releve-but.css');		// Passerelle
 		}

app/static/js/scodoc.js

@@ -256,3 +256,27 @@ class ScoFieldEditor {
     }
 }
 
+function getCurrentScriptPath() {
+    // Get all the script elements on the page
+    var scripts = document.getElementsByTagName('script');
+
+    // Find the last script element (which is the currently executing script)
+    var currentScript = scripts[scripts.length - 1];
+
+    // Retrieve the src attribute of the script element
+    var scriptPath = currentScript.src;
+
+    return scriptPath;
+}
+function removeLastTwoComponents(path) {
+    // Split the path into individual components
+    var components = path.split('/');
+
+    // Remove the last two components (filename and enclosing directory)
+    components.splice(-2);
+
+    // Join the remaining components back into a path
+    var newPath = components.join('/');
+
+    return newPath;
+}

app/templates/but/bulletin.j2

@@ -10,10 +10,16 @@
 	{% include 'bul_head.j2' %}
 
 	<releve-but></releve-but>
-<script src="{{scu.STATIC_DIR}}/js/releve-but.js"></script>
 
 	{% include 'bul_foot.j2' %}
 
+{% endblock %}
+
+{% block scripts %}
+	{{super()}}
+
+	<script src="{{scu.STATIC_DIR}}/js/releve-but.js"></script>
+
 	<script>
 		let dataSrc = "{{bul_url|safe}}";
 		fetch(dataSrc)
@@ -46,4 +52,5 @@
 		// });
 		document.querySelector("html").style.scrollBehavior = "smooth";
 	</script>
+
 {% endblock %}

app/templates/but/refcomp_show.j2

@@ -19,8 +19,6 @@
     <ref-competences></ref-competences>
 </div>
 
-<script src="{{scu.STATIC_DIR}}/js/ref_competences.js"></script>
-
 {% include "but/refcomp_parcours_niveaux.j2" %}
 
 
@@ -49,6 +47,8 @@
 {% block scripts %}
 {{super()}}
 
+<script src="{{scu.STATIC_DIR}}/js/ref_competences.js"></script>
+
 <script>
     $(function () {
         let data_url = "{{data_source}}";