Taxonomy editor

What is taxonomy ?

Taxonomy helps to clarify our thinking by classifying things neatly into categories and sub-categories based on their relationships. The primary goal of taxonomy is to recognize, characterise, classify, and name based on their properties.

Example:- Education Taxonomy would look as below.

Problem Statement:

Proposed System of Taxonomy

With proposed taxonomy editor system we can create any number of categories and under each category we can create any number of terms and also we can also show association or relation between terms belonging to different categories in a visual representation.

Set up guide:

npm i taxonomy-editor

Add the below properties to Environment.ts.

 url: 'https://portal.igot-dev.in',
  frameworkName: 'devmvp3',
  channelId: '0131397178949058560',
  authToken: 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJSSXZtaHRpTkxRT1lKT3dYR2xnRElReFp4bHdyZmVTZCJ9.onjwk3QTql0oZYvM-xOPuCDcBJKGTVa65J64j2hy8H0',
  userToken:'eyJhbGciOiJSUzI1NiIsInR5cCIgOiAiSldUIiwia2lkIiA6ICJVMkpUdlpERFY4eG83ZmtfNHd1Yy1kNVJmNjRPTG1oemlRRUhjR25Vc2hNIn0.eyJqdGkiOiJmNTIzZDNhNi0xNjhlLTRkZmEtYTFhNi1kOGIwYmU0YjQ3NmMiLCJleHAiOjE2ODA2MTA1MTMsIm5iZiI6MCwiaWF0IjoxNjgwNTI0MTEzLCJpc3MiOiJodHRwczovL3BvcnRhbC5pZ290LWRldi5pbi9hdXRoL3JlYWxtcy9zdW5iaXJkIiwic3ViIjoiZjo5MjNiZGMxOC01MjBkLTQ4ZDQtYTg0ZS0zY2RlMWU2NTVlYmQ6ZDAzOTJkNTItNTc2Yi00Yjk1LThhMmYtZjc4YmE3MTk5YjFhIiwidHlwIjoiQmVhcmVyIiwiYXpwIjoiYWRtaW4tY2xpIiwiYXV0aF90aW1lIjowLCJzZXNzaW9uX3N0YXRlIjoiZmQxMDZkMGYtYWFhOS00YmNiLTg0MDctMDhiMmQ4MmJhMjQ4IiwiYWNyIjoiMSIsInJlYWxtX2FjY2VzcyI6eyJyb2xlcyI6WyJvZmZsaW5lX2FjY2VzcyIsInVtYV9hdXRob3JpemF0aW9uIl19LCJzY29wZSI6IiIsIm5hbWUiOiJtZG8gdHdvIiwicHJlZmVycmVkX3VzZXJuYW1lIjoibWRvdHdvX2x5cWkiLCJnaXZlbl9uYW1lIjoibWRvIiwiZmFtaWx5X25hbWUiOiJ0d28iLCJlbWFpbCI6Im1kKioqKkB5b3BtYWlsLmNvbSJ9.Mo3-U8j4fMoeMX7yPULvEvK1KHWShUx_Ms-r6VofVPhODdIntfRsTZn-0ogVlkrihAbESGVoi73L3CrkKL2e3eQvF8PUlOquHOqnOnBoamr7mf1CdEHDJ26z9o_RSCI9V45ZykGJtXfuFa0xr_EJgYp9RsRw8ntj8gCYemnSGSliG_hES_qaZpKow4VmUSjUXVdpnQK3BRvJukIR68SNcY8PVPXHBnAJDk9pDyPG-uXm6DVYSJlfkCzsT9qN82taYjAAk3Tsd94MfilZ_BtEOmB4bMZSjUnQ2E-eunDagQuGb_jtUvFHrmUtUE95gkJvfWO2bVYN0A8l-sHxiH4quA',
  isApprovalRequired: true

3. Embed Library component into your application and pass above configuration values as input to below and app.module.ts ( will change as one place configuration)

<lib-taxonomy-editor [environment]="environment"></lib-taxonomy-editor>

TaxonomyEditorModule.forRoot({
      source: 'online', data:
        { 
          endpoint: environment.url,
          token: environment.authToken, 
          frameworkName: environment.frameworkName,
          isApprovalRequired:environment.isApprovalRequired
        }
    })

4. Navigate to “/dashboard” to view the categories columns and to “/approval“ to view approval flow.