Infos générales sur le dashboard | ||||||||||||||||||||||||||||||||||||||||||
Added: | ||||||||||||||||||||||||||||||||||||||||||
> > | ||||||||||||||||||||||||||||||||||||||||||
Ajouter un nouveau widget au dashboard
<!-- AladinLite widget. jQuery must be loaded. --> <link rel="stylesheet" href="//aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" /> <script src="//aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8"> </script> <script src="js/aladinLiteWidget.js"></script> <link rel="stylesheet" href="css/aladinLiteWidget.min.css" />
Intégrer un widget du dashboard dans le portail CDS Modifier le fichier
Dans le portail, il faut inclure le javascript et le css pour le composant :
|
Nom | Données | Émetteurs | Traité par | Commentaire |
---|---|---|---|---|
table.load.votable | data.url, data.table-id, data.name | LoaderWidget | votableLoader | Les widgets ne devraient pas traiter cet événement. C'est le dashboard qui le fait, et émet l'événement table.load.table avec les données parsées. |
table.load.data | data.url, data.table-id, data.name, data.table | votableLoader | - Le dashboard : il mémorise les votables chargées, pour pouvoir les donner à l'initialisation des widgets qui sont créés après le chargement. - LoaderWidget (pour afficher le succès du chargement). - VotableViewerWidget - Et d'autres devraient le faire aussi : AladinLite, … |
Tous les widgets traitant une votable. Aucun widget ne doit modifier ces données, parce qu'elles sont partagées. |
table.load.fail | data.url, data.table-id, data.name, data.message | votableLoader | LoaderWidget | Signale qu'une votable n'a pas pu être chargée. Le message donne (peut-être) une indication de la raison. Ça permet à celui qui a demandé le chargement de la votable d'afficher un message d'échec. |
Nom | Fichiers | Utilité |
---|---|---|
utilities | utilities.min.js | Boîte à outils générale concernant : logs, array, string, etc… Ça peut servir partout. |
simpleSamp | simpleSamp.min.js | Embarque samp.js . Fournit une API super simple pour envoyer un message samp. Ce module est à utiliser à la place de webSamp.js . |
votableLoader | votableLoader.min.js | Se met à l'écoute du message postal table.load.votable , récupère la votable depuis internet, parse le résultat, puis envoie le message postal table.load.data avec la votable en données. Envoi le message postal table.load.fail en cas d'échec du chargement. Ça peut servir si un widget est seul sur sa page. Il n'y a aucun affichage. Le but est que le fichier ne soit téléchargé et parsé qu'une seule fois, puis que tous les widgets utilisent les données. Il vaut mieux qu'aucun widget n'altère les données, puisque cela peut avoir un impact sur les autres widgets. |
dashboard | dashboard.min.js, dashboard.min.css, portal-widgets.min.css | Le point d'entrée du dashboard. Il y a de nombreuses autres librairies externes qui sont utilisées (jquery, fontawesome, …), voir index.html pour une liste complète. |
InformationWidget | InformationWidget.min.js | Un widget qui affiche la liste des votables qui ont été chargées. |
LoaderWidget | LoaderWidget.min.js | Un widget qui permet de saisir une URL, puis émet le message postal table.load.votable . Ce message sera probablement traité par le module votableLoader, à moins que certains widgets préfèrent le traiter eux-même. |
babel-polyfill
est utilisé, mais seule les fonctions vraiment utilisées sont ajoutées dans le code. C'est le fichier utilities.js
qui initialise les polyfills. Ce fichier est utilisé par tous les widgets, qui y ont ainsi accès. Les méthodes utilisées sont : utilities.js
, comme pour les fonctions déjà incluses.
On utilise les fonctions définies sur les prototypes, et pas les fonctions définies en tant que librairie. Cela permet de supprimer les polyfills une fois qu'on se passe de la compatibilité avec les anciens navigateurs, sans avoir plus de code à modifier que celui dans utilities.js
.
Infos générales sur le dashboardAjouter un nouveau widget au dashboard
<!-- AladinLite widget. jQuery must be loaded. --> <link rel="stylesheet" href="//aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" /> <script src="//aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8"> </script> <script src="js/aladinLiteWidget.js"></script> <link rel="stylesheet" href="css/aladinLiteWidget.min.css" />
Intégrer un widget du dashboard dans le portail CDS Modifier le fichier
Dans le portail, il faut inclure le javascript et le css pour le composant :
|
Nom | Données | Émetteurs | Traité par | Commentaire |
---|---|---|---|---|
table.load.votable | data.url, data.table-id, data.name | LoaderWidget | votableLoader | Les widgets ne devraient pas traiter cet événement. C'est le dashboard qui le fait, et émet l'événement table.load.table avec les données parsées. |
table.load.data | data.url, data.table-id, data.name, data.table | votableLoader | LoaderWidget (pour afficher le succès du chargement). (Et par exemple aussi : VotableViewer, AladinLite, …) | Tous les widgets traitant une votable. Aucun widget ne doit modifier ces données, parce qu'elles sont partagées. |
table.load.fail | data.url, data.table-id, data.name, data.message | votableLoader | LoaderWidget | Signale qu'une votable n'a pas pu être chargée. Le message donne (peut-être) une indication de la raison. Ça permet à celui qui à demandé le chargement de la votable d'afficher un message d'échec. |
table.load.data | data.url, data.table-id, data.name, data.table | votableLoader | - Le dashboard : il mémorise les votables chargées, pour pouvoir les donner à l'initialisation des widgets qui sont créés après le chargement. - LoaderWidget (pour afficher le succès du chargement). - VotableViewerWidget - Et d'autres devraient le faire aussi : AladinLite, … |
Tous les widgets traitant une votable. Aucun widget ne doit modifier ces données, parce qu'elles sont partagées. |
table.load.fail | data.url, data.table-id, data.name, data.message | votableLoader | LoaderWidget | Signale qu'une votable n'a pas pu être chargée. Le message donne (peut-être) une indication de la raison. Ça permet à celui qui a demandé le chargement de la votable d'afficher un message d'échec. |
Nom | Fichiers | Utilité |
---|---|---|
utilities | utilities.min.js | Boîte à outils générale concernant : logs, array, string, etc… Ça peut servir partout. |
simpleSamp | simpleSamp.min.js | Embarque samp.js . Fournit une API super simple pour envoyer un message samp. Ce module est à utiliser à la place de webSamp.js . |
votableLoader | votableLoader.min.js | Se met à l'écoute du message postal table.load.votable , récupère la votable depuis internet, parse le résultat, puis envoie le message postal table.load.data avec la votable en données. Envoi le message postal table.load.fail en cas d'échec du chargement. Ça peut servir si un widget est seul sur sa page. Il n'y a aucun affichage. Le but est que le fichier ne soit téléchargé et parsé qu'une seule fois, puis que tous les widgets utilisent les données. Il vaut mieux qu'aucun widget n'altère les données, puisque cela peut avoir un impact sur les autres widgets. |
dashboard | dashboard.min.js, dashboard.min.css, portal-widgets.min.css | Le point d'entrée du dashboard. Il y a de nombreuses autres librairies externes qui sont utilisées (jquery, fontawesome, …), voir index.html pour une liste complète. |
InformationWidget | InformationWidget.min.js | Un widget qui affiche la liste des votables qui ont été chargées. |
LoaderWidget | LoaderWidget.min.js | Un widget qui permet de saisir une URL, puis émet le message postal table.load.votable . Ce message sera probablement traité par le module votableLoader, à moins que certains widgets préfèrent le traiter eux-même. |
Infos générales sur le dashboardAjouter un nouveau widget au dashboard
<!-- AladinLite widget. jQuery must be loaded. --> <link rel="stylesheet" href="//aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" /> <script src="//aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8"> </script> <script src="js/aladinLiteWidget.js"></script> <link rel="stylesheet" href="css/aladinLiteWidget.min.css" />
Intégrer un widget du dashboard dans le portail CDS Modifier le fichier
Dans le portail, il faut inclure le javascript et le css pour le composant :
|
Nom | Données | Émetteurs | Traité par | Commentaire |
---|---|---|---|---|
table.load.votable | data.url, data.table-id, data.name | LoaderWidget | votableLoader | Les widgets ne devraient pas traiter cet événement. C'est le dashboard qui le fait, et émet l'événement table.load.table avec les données parsées. |
table.load.data | data.url, data.table-id, data.name, data.table | votableLoader | votableLoader (pour afficher le succès du chargement). (Et par exemple aussi : VotableViewer, AladinLite, …) | Tous les widgets traitant une votable. Aucun widget ne doit modifier ces données, parce qu'elles sont partagées. |
table.load.data | data.url, data.table-id, data.name, data.table | votableLoader | LoaderWidget (pour afficher le succès du chargement). (Et par exemple aussi : VotableViewer, AladinLite, …) | Tous les widgets traitant une votable. Aucun widget ne doit modifier ces données, parce qu'elles sont partagées. |
table.load.fail | data.url, data.table-id, data.name, data.message | votableLoader | LoaderWidget | Signale qu'une votable n'a pas pu être chargée. Le message donne (peut-être) une indication de la raison. Ça permet à celui qui à demandé le chargement de la votable d'afficher un message d'échec. |
Nom | Fichiers | Utilité |
---|---|---|
utilities | utilities.min.js | Boîte à outils générale concernant : logs, array, string, etc… Ça peut servir partout. |
simpleSamp | simpleSamp.min.js | Embarque samp.js . Fournit une API super simple pour envoyer un message samp. Ce module est à utiliser à la place de webSamp.js . |
votableLoader | votableLoader.min.js | Se met à l'écoute du message postal table.load.votable , récupère la votable depuis internet, parse le résultat, puis envoie le message postal table.load.data avec la votable en données. Envoi le message postal table.load.fail en cas d'échec du chargement. Ça peut servir si un widget est seul sur sa page. Il n'y a aucun affichage. Le but est que le fichier ne soit téléchargé et parsé qu'une seule fois, puis que tous les widgets utilisent les données. Il vaut mieux qu'aucun widget n'altère les données, puisque cela peut avoir un impact sur les autres widgets. |
dashboard | dashboard.min.js, dashboard.min.css, portal-widgets.min.css | Le point d'entrée du dashboard. Il y a de nombreuses autres librairies externes qui sont utilisées (jquery, fontawesome, …), voir index.html pour une liste complète. |
InformationWidget | InformationWidget.min.js | Un widget qui affiche la liste des votables qui ont été chargées. |
LoaderWidget | LoaderWidget.min.js | Un widget qui permet de saisir une URL, puis émet le message postal table.load.votable . Ce message sera probablement traité par le module votableLoader, à moins que certains widgets préfèrent le traiter eux-même. |
Infos générales sur le dashboardAjouter un nouveau widget au dashboard
<!-- AladinLite widget. jQuery must be loaded. --> <link rel="stylesheet" href="//aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" /> <script src="//aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8"> </script> <script src="js/aladinLiteWidget.js"></script> <link rel="stylesheet" href="css/aladinLiteWidget.min.css" />
| ||||||||||||||||||||||||||||||||||||||||||
Deleted: | ||||||||||||||||||||||||||||||||||||||||||
< < | Liste des événements postal échangés
| |||||||||||||||||||||||||||||||||||||||||
Intégrer un widget du dashboard dans le portail CDS Modifier le fichier
Dans le portail, il faut inclure le javascript et le css pour le composant :
| ||||||||||||||||||||||||||||||||||||||||||
Added: | ||||||||||||||||||||||||||||||||||||||||||
> > |
Liste des événements postal échangés
Les différents modules du dashboardLe dashboard est composé de plusieurs modules. Certains de ces modules sont réutilisables ailleurs, par exemple dans le portail du CDS, ou bien si un widget est utilisé seul sur sa page.
| |||||||||||||||||||||||||||||||||||||||||
-- PascalWassong - 2017-04-11 |
Infos générales sur le dashboardAjouter un nouveau widget au dashboard
<!-- AladinLite widget. jQuery must be loaded. --> <link rel="stylesheet" href="//aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" /> <script src="//aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8"> </script> <script src="js/aladinLiteWidget.js"></script> <link rel="stylesheet" href="css/aladinLiteWidget.min.css" />
Liste des événements postal échangés
| |||||||||||
Changed: | |||||||||||
< < |
| ||||||||||
> > |
| ||||||||||
Added: | |||||||||||
> > |
Intégrer un widget du dashboard dans le portail CDS Modifier le fichier
Dans le portail, il faut inclure le javascript et le css pour le composant :
| ||||||||||
-- PascalWassong - 2017-04-11 |
Infos générales sur le dashboardAjouter un nouveau widget au dashboard
<!-- AladinLite widget. jQuery must be loaded. --> <link rel="stylesheet" href="//aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" /> <script src="//aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8"> </script> <script src="js/aladinLiteWidget.js"></script> <link rel="stylesheet" href="css/aladinLiteWidget.min.css" />
| ||||||||||||||||
Added: | ||||||||||||||||
> > |
Liste des événements postal échangés
| |||||||||||||||
-- PascalWassong - 2017-04-11 |
Infos générales sur le dashboardAjouter un nouveau widget au dashboard
<!-- AladinLite widget. jQuery must be loaded. --> <link rel="stylesheet" href="//aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" /> <script src="//aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8"> </script> <script src="js/aladinLiteWidget.js"></script> <link rel="stylesheet" href="css/aladinLiteWidget.min.css" />
|