Skip to main content

With Proficiency Rating

Integrating the ISOT Rated Skills Plugin into your web application enables users to explore and rate skills effortlessly. Follow the steps below for a successful integration.

CheckOut Demo

Prerequisites​

Integration Steps​

1. HTML File Setup​

Download and edit the HTML file from the provided link index.html. Ensure that you customize it according to your application's requirements.

2. Configure Endpoint URL​

In the plugin.js file, locate the ENDPOINT_URL variable and set it to your desired endpoint:

const ENDPOINT_URL = "http://localhost:8000/dev-api/";

3. Expected Result​

After completing the setup, your application should display results similar to the provided example.

Result

4. Configuration for Rated Skills​

Configure the plugin to retrieve rated skills by including the following code in your Javascript:

const plugin = new IysFunctionalAreasPlugin({
  // ... other configurations
  ratedSkillEvent: ratedSkillEvent,
});

The response for rated skills will be in the following format:

{
    "comment": "sdsd",
    "rating": 2,
    "isot_file_id": "files/988243",
    "isot_file": {
        "_key": "988243",
        "_id": "files/988243",
        "name": "AWS CloudFormation Batch",
        "is_discrete": false,
        "description": null,
        "display_order": 0,
        "child_count": null,
        "rating_type": 1,
        "rating_legend": 56,
        "rating": {
            "_key": "56",
            "_id": "rating_options/56",
            "options": [
                "Aware",
                "Familiar",
                "Proficient",
                "Expert"
            ]
        },
        "tags": [
            "tags/36669670"
        ],
        "tags_data": [
            {
                "_key": "36669670",
                "_id": "tags/36669670",
                "title": "Tools and Technologies"
            }
        ]
    }
};

Ensure that you handle and display this response appropriately in your application.

By following these steps, you should have a seamless integration of the IysFunctionalAreasPlugin into your web application, allowing you to retrieve and display rated skills.