Project Structure

Project Structure

Naming Folders and Files

The extension modifies the web pages on VIT Student Login upon its loading. You may see the currently Supported Webpages here.

The code files for each supported webpage is inside the folder named from its link. General format of the link vtop.vit.ac.in/student/[folder_name].asp Mostly all folders contain two file - a CSS and a JavaScript file. The CSS file is named as Folder_Name_style.css and JavaScript file is named as folder_name_script.css.

Example

Consider the page https://vtop.vit.ac.in/student/exam_schedule.asp. The code files corresponding to this page are in the folder exam_schedule. This folder includes two files - exam_schedule_style.css and exam_schedule_script.js.

Manifest File

The code files are injected into the corresponding page upon its loading.

Code files for each page should be included inside content_scripts in manifest.json file.

Example

Consider the page https://vtop.vit.ac.in/student/coursepage_plan_display.asp

`{

"css": [

    "materialize.min.css",

    "coursepage_plan_display/coursepage_plan_display_style.css"

],

"js": [

    "jquery-3.1.0.min.js",

    "materialize.min.js",

    "coursepage_plan_display/coursepage_plan_display_script.js"

],

"matches": [

    "*://vtop.vit.ac.in/student/coursepage_plan_display.asp*"

],

"all_frames": true

}`

The above code should be included inside "content_scripts": [...] in manifest.json file.