ImageManager

Build

Run ng build image-manager to build the project. The build artifacts will be stored in the dist/ directory.

FFF - Mediatheque

La librairie Mediatheque permet de gérer des images dans votre application. Voici comment l'utiliser :

Installation

Importez la librairie dans votre projet :

npm install fff-dsi/mediatheque

Configuration coté client

Définissez les endpoints requis dans votre application :

• Endpoint pour l'upload d'images : Créez une route {upload-images-to-client} qui accepte un modèle JSON avec les propriétés suivantes :

  {
      "url": "string",
      "focusX": "integer",
      "focusY": "integer",
      "name": "string"
  }

• Endpoint pour la liste d'images : Créez une route {list-images} qui renvoie un modèle JSON avec la structure suivante :

  {
    "data": [
      {
        "id": "integer",
        "url": "string",
        "focusX": "integer",
        "focusY": "integer",
        "name": "string"
      }
    ],
    "total": "integer"
  }

Usage

Après avoir importé la librairie, définissez les variables d'environnement dans le fichier environments.ts :

export const environment = {
  production: false,
  mediatheque: {
    baseUrl: 'url-de-votre-api',
    uploads: '{upload-images-to-client}',
    list: '{list-images}'
  }
};

Ensuite, vous pouvez utiliser les composants fournis par la librairie :

  <fff-dsi-mediatheque></fff-dsi-mediatheque>

Publishing

After building your library with ng build image-manager, go to the dist folder cd dist/image-manager and run npm publish.