Wrap socket usage in DOMContentLoaded eventlistener

app/templates/admin/user.html.j2

@@ -101,8 +101,9 @@
 
 <script>
   var corpusList = new RessourceList("corpora", nopaque.foreignCorporaSubscribers, "corpus");
-  var jobList = new RessourceList("jobs", nopaque.foreignJobsSubscribers,
+  var jobList = new RessourceList("jobs", nopaque.foreignJobsSubscribers, "job");
-                                  "job");
+  document.addEventListener("DOMContentLoaded", () => {
-  nopaque.socket.emit("foreign_user_ressources_init", {{ user.id }});
+    nopaque.socket.emit("foreign_user_ressources_init", {{ user.id }});
+  });
 </script>
 {% endblock %}

app/templates/corpora/corpus.html.j2

@@ -186,7 +186,9 @@
   var informationUpdater = new InformationUpdater({{ corpus.id }}, false);
   {% else %}
   var informationUpdater = new InformationUpdater({{ corpus.id }}, true);
-  nopaque.socket.emit('subscribe_foreign_user_ressources', {{ corpus.user_id }});
+  document.addEventListener("DOMContentLoaded", () => {
+    nopaque.socket.emit("subscribe_foreign_user_ressources", {{ corpus.user_id }});
+  });
   {% endif %}
 </script>
 {% endblock %}

app/templates/jobs/job.html.j2

@@ -259,7 +259,9 @@
   var informationUpdater = new InformationUpdater({{ job.id }}, false);
   {% else %}
   var informationUpdater = new InformationUpdater({{ job.id }}, true);
-  nopaque.socket.emit('foreign_user_ressources_init', {{ job.user_id }});
+  document.addEventListener("DOMContentLoaded", () => {
+    nopaque.socket.emit("foreign_user_ressources_init", {{ job.user_id }});
+  });
   {% endif %}
 </script>
 {% endblock %}