UI Template - Add "Page-Scoped" and "UI-Scoped" options for widget placement

[joepavitt]

Description

• Adds a loop on each page layout to render page-scoped widgets
• Adds 2 x additional options to the ui-template "scope" property, which allow for a template to render at the page and group level.
• Adds skeleton styling for the #app-bar-actions such that if multiple template\s define content, they position and layout nicely.
• Also ensures that page, ui and/or group are cleared appropriately when not required by the ui-template (Fixes ui-template can end up with conflicting group dashboard and page entries #445)

Related Issue(s)

• Closes UI Template - Allow for Page/UI Scoped Templates #440
• Fixes ui-template can end up with conflicting group dashboard and page entries #445

Checklist

• I have read the contribution guidelines

[gemini86]

After updating to 0.11.3, I'm seeing that there is not documentation on what the widget scoping does or how to configure it, which is problematic. This is considered a breaking change that does not default to previously expected behaviour. One of my pages is showing widgets from other pages also included now. The only way to correct this is to change the scope setting and then select the group scope option again and redeploy. The biggest issue though is lack of documentation on what the different scopes do (in a node-red fashion)

[joepavitt]

Hi @gemini86 - thanks for raising this. Odd behaviour as I didn't actually change the value at all for the default option, only the label shown in the dropdown, so it shouldn't make a difference.

I will investigate when I'm at my desk tomorrow.

[joepavitt]

Documentation has been updated, and a fix for others to avoid this problem should go live today.