Confirmed users
591
edits
DevTools/AppTools/Design: Difference between revisions
Jump to navigation
Jump to search
→Frontend
No edit summary |
|||
| Line 25: | Line 25: | ||
''/browser/devtools/app-manager/content/*'' | ''/browser/devtools/app-manager/content/*'' | ||
Frontend code uses the stores to show live information in the UI. A template mechanism based on the ObservableObject nature of the | Frontend code uses the stores to show live information in the UI. A template mechanism based on the ObservableObject nature of the stores take care of updating the UI. | ||
''device-inspector.xhtml'' is a page that is made to be embedded and displayed as a footer. This is where connections and stores are created (as both of these objects are some kind of singletons, all the device-inspector.xhtml pages are all synced). This footer is where the user connect a device. This footer can be expanded to reveal more data about the connected device. | ''device-inspector.xhtml'' is a page that is made to be embedded and displayed as a footer. This is where connections and stores are created (as both of these objects are some kind of singletons, all the device-inspector.xhtml pages are all synced). This footer is where the user connect a device. This footer can be expanded to reveal more data about the connected device. | ||
''app-manager.xhtml'' is page where user's projects are displayed, as a list. It embeds device- | ''app-manager.xhtml'' is page where user's projects are displayed, as a list. It embeds ''device-inspector.xhtml''. | ||