An embeddable Angular widget for exploring salaries in the UI system. This project was generated with Angular CLI version 14.2.5
.
First, make sure you have Node.js and the Angular CLI installed. Then clone the repository on your local machine.
Do any substantial development work in a new branch. After you've tested out and committed your changes, create a pull request against the main
branch, which reflects the live application on the Daily Illini website. Any push to the main
branch will trigger a workflow that will update the live application.
Run ng serve
to start a development server, then in a browser tab, navigate to http://localhost:4200/
to view the widget.
The application will automatically reload if you change any of the source files.
This directory is where most of the relevant widget code is located. Inside this directory, the two files of interest are app.component.html
and app.component.ts
.
The HTML file describes the widget table structure and its tabs, or pages.
The <mat-tab-group>
tag controls the tab bar at the top of the app, and the <mat-tab>
tags
correspond to different tab/page views for the widget.
<div class="search-container">
defines the widget's search controls.
The TypeScript (.ts) file describes the underlying logic for the widget and manages the salary guide data.
add more documentation stuff
This directory contains the salary guide data per academic year in various JSON files.
The widget pulls these files and filters the data by using GET requests to fetch the appropriate information. The contents.txt
text files map the salary data to the widget's class variables.
You can see the implementation in app.component.ts
whenever the httpClient
executes a get()
request.
For comments, questions, and bug requests, please email webdev@dailyillini.com
Check out the Angular docs and the Angular Material docs for references.