darwin-zone-recherche

DarwinZoneRecherche

Il s'agit d'un composant 'react' faisant partie d'un ensemble d'outils réalisés dans le cadre du projet Darwin. Cet outil permet de rechercher et lancer les applications auxquelles l'utilisateur a accès.

Contenu

Feuilles CSS :  darwinautosuggest.css (faisant référence à autosuggest-static.css ou autosuggest-animation.css) 
Javascript :    darwinautosuggest.js 
images :        magnifying-glass-24x24.png, app-icon-default.png 

Intégration

1. Copier le répertoire du composant 'darwinzonerecherche' dans le projet cible
2. Dans le formulaire cible :
   • ajouter les imports des bibliothèques darwin (DarwinLauncher et DarwinCatalogueClient)
   • placer la balise 'DarwinZoneRecherche' dans le corps de la fonction render() du formulaire (voir copie d'écran ci-dessous)
3. Ajouter les livrables des modules DarwinLauncher et DarwinCatalogueClient, dans le fichier package.json du projet

Exemple d'intégration avec MADERE :

ecran-xxx.model.js

import { DarwinLauncher } from './darwin-launcher-1.0.0.es6.js';
import { DarwinCatalogueClient } from './darwin-catalogue-client-1.0.0.es6.js';
...
class TFxxxModel extends TFormSModel {
 /*=================== Darwin ==================*/
  darwinCatalogueClient = new DarwinCatalogueClient( { catalogRootURL: API_CATALOG_URL })
  darwinLauncher = new DarwinLauncher(this.darwinCatalogueClient); 
/*=============================================*/
...
}

ecran-xxx.jsx

  /**
  * Rendu de la page
  */
  render() {
    return (
      <TMGrille {...this.model.grille} header="REN - MISSIONNEMENT ENTREPRISE PARTENAIRE">
        <DarwinZoneRecherche darwinLauncher={this.model.darwinLauncher}
                           darwinApiCatalogClient={this.model.darwinCatalogueClient} 
                           displayLimit={DISPLAY_LIMIT} 
                           renderThresholdValue={RENDER_THRESHOLD_VALUE} />
        <TMRow>
        ...
    );
  }

Les propriétés suivantes doivent être valorisées :

• darwinLauncher    : la fonction 'darwin' qui permet de lancer une application
• darwinApiCatalogclient  : une instance de darwin-apicatalog-client
• displayLimit           : le nombre maxi de lignes affichées lors de la recherche.
• renderThresholdValue : le nombre de caractères saisis au delà duquel les éléments trouvés sont affichés

Pré-requis :

Dans le formulaire cible :
1. fournir l'url du endpoint de l'api catalogue (ex : 'http://<host>:<port>/postetravail/gestionnaires/v1/tenants/TCOR')
2. instancier darwiCatalogueClient et darwinLauncher comme suit : 
     darwinCatalogueClient = new DarwinCatalogueClient({ catalogRootURL: 'http://sl900311:5083/postetravail/gestionnaires/v1/tenants/TCOR'});
     darwinLauncher = new DarwinLauncher(this.darwinCatalogueClient);