Enterprise: Show Mobile Device and Version on About page component

[CindyMercadoReyes]

Is your feature request related to a problem? Please describe.
Show Mobile Device and Version on About page component

Describe the solution you'd like
Currently on the About page for mobile the information being displayed is being pulled from the browser. It would be great if the About page displays the device and version.

I'm attaching a screen shot of what is currently being displayed on the About page for mobile.

Describe alternatives you've considered
Reference below:
https://stackoverflow.com/questions/11381673/detecting-a-mobile-browser

Additional context
Add any other context or screenshots about the feature request here.

[EdwardCoyle]

Would need to extend the Environment core component to announce the device type, like so:

console.log(env.device.name);
// returns the device name

Also NOTE: what gets reported through the user agent string will not always 100% match the device type provided, using the method suggested. Doing this correctly (or close to it) would need some research.

@tmcconechy I think this one might actually be more like a [3] or even a [5]

[tmcconechy]

yeah ok, was thinking about using Environment.js as well, I'm not 100% certain if we can get a version or not yet but we can definitely get the device name. Lets make it a 5 then.

[EdwardCoyle]

@CindyMercadoReyes when you say "version", which do you mean?

• Device's hardware version (like Samsung Galaxy S8)
• Device's software version (like Android 8.1.0, or iOS 11.2)
• IDS version

Not sure if we could do the first one based on User Agent string... the other two we could make happen via the Environment core component the same way

[tmcconechy]

Would you like to take a look at this one Eric...

[ericangeles]

@tmcconechy definitely.

[brianjuan]

http://localhost:4000/components/about/example-index.html
http://master-enterprise.demo.design.infor.com/components/about/example-index.html
Passed QA testing across all browsers