jayhamilton / ngx-dynamic-dashboard-framework Goto Github PK

The array of players is currently initialized in the constructor. Change this behavior to have the footballStats variable get set by a function called setFootballStats(). In that function, return the footballStats array. We will then further refine this to have the data come from a REST API.

The value should appear beneath the standard deviation in the bar graph. To accomplish this you will build on the work that you have already performed. You will create the following:

1. variable called threeSigma
2. variable for the label
3. create a function that returns 3 times the standard deviation
4. display that value along with the others in the bar chart

Implement logic for rendering property pages using Angular's dynamic form functionality.

Re-implement board layout change functionality

Extend framework to support microfrontend functionality.

Switch to the main branch. You are currently on a forked repository. From the main branch, pull the changes you pushed so that you have them locally. When you switch to the main branch, you should see a blue icon with a down arrow indicating 1 change was pushed. You now need to pull it to your local machine.

Update the barcode.component.ts file and the array data structure called sales_data. Change the name of the array data structure from sales_data to football_stats. Then update the default data to include 5 additional JSON objects for football players total game yardage. Save these changes, and commit them. You will need to create a new fork branch again and push it. Then create a pull request for me to review the changes. I will then merge them into the remote main branch.

The column place holder that include an add gadget button impacts the drop event for a gadget. You will notice the gadget drops to the bottom of the placeholder area prior to being added.

Review how the checkbox works https://material.angular.io/components/checkbox/examples

Then see if you can capture the true/false state in the bar-chart.component.ts file. You can use the console.log somewhere in the file to see if you can detect when the check box is checked and unchecked.

When the board layout menu receives a selection, the board's layout is updated. This issue is about setting the active css style of the layout menu item to reflect the layout of the board that is selected. Currently no menu layout item is selected.

Within the bar-chart.component.html page change lines 17, 18 and 19 with variables. You will define the variables within the bar-chart.component.ts file starting on line 13. These will be string variables and will reflect the type of information displayed in the bar chart.

See: https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables

Change the sample data to reflect football players total yardage. Save the file and then perform the git commit action. Then perform the git push operation to push the changes to github.

Review the following tutorial:

https://www.javascripttutorial.net/array/javascript-sort-an-array-of-objects/

https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code

Programmatically select items in both the navigation menu and layout menu relative to the initially loaded board.

Implement upload logic for Image gadget