Wire Script Details Card For Input

[bethgrace5]

Summary
The script details card needs to be setup so the element accepts an input that it can use in the component.

Implementation Details

• we need to have the details card accept an input for details named script. To do this, follow the docs https://angular.io/tutorial/toh-pt3#add-the-input-hero-property - you can also look at how the script card in the scripts screen has an input for a script in both the element in script-card-component.html, and then look at how the script-card-component.ts has an @input (make sure to import the Input at the top of the file).

• Now that an input is setup, make sure it works by declaring a dummy script property like public script1: Script. Initialized it to some random script value in the init method inside the script-details-screen. (you'll need to import the Script interface from ../models/script)component. Send this script1 as the input for the component, and then to actually see the input working, update the template for the script-details-card to show the script like {{script | json}}