Add scripts table

[squidsoup]

Done

• Display commissioning and testing scripts in tables.
• Display script source on expand.

QA

• Ensure you have some testing scripts (you may need to upload some junk via old maas settings).
• Visit /scripts/testing and /scripts/commissioning
• Ensure sorting works, ensure searching works
• Click script name, you should see the script source in a code block.

[squidsoup]

@lilyvidenova unfortunately there is no "author" in the script object, so I've dropped that column for now. Shall I file a MAAS bug requesting that the API is updated?

[lyubomir-popov]

@squidsoup Are there any steps between uploading in the old maas and being able to see them in the new one?

Atm, I have:
old maas:

new maas:

[squidsoup]

@lyubomir-popov yes, you need to visit another page and return to commissioning scripts, as this uses the http API not websockets (there are no realtime updates like other parts of the app).

[squidsoup]

@lyubomir-popov @lilyvidenova can you check that you have:

REACT_APP_BASE_URL="http://<your-maas-ip>:5240/

in your .env.development.local please

[lyubomir-popov]

@squidsoup that fixed it, thanks!

[lyubomir-popov]

Design looks good, just one comment if possible -
Ideally this focus state should be on the chevron button even if the whole area acts as a click target.

[lyubomir-popov]

One more, for a future enhancement: Once you have opened a script, it's a long scroll back to the top of the table / row you expanded. Would be nice if we had a close mechanism at the bottom of an expanded row:

[squidsoup]

One more, for a future enhancement: Once you have opened a script, it's a long scroll back to the top of the table / row you expanded. Would be nice if we had a close mechanism at the bottom of an expanded row:

Good suggestion, thanks @lyubomir-popov - have added a card #189

[squidsoup]

Design looks good, just one comment if possible -
Ideally this focus state should be on the chevron button even if the whole area acts as a click target.

@lyubomir-popov I've created an issue for consolidating the button toggles in both DhcpList and ScriptsList here into a component here #190

Perhaps we could address the focus state at the same time there. I've added a question for you on the issue.