KNOX-2295 - UI services improvement on Knox Home page

[smolnar82]

What changes were proposed in this pull request?

Removed the data table when displaying UI services and using the services' logos with Angular's material grid. Long descriptions are shown by hovering over the short descriptions in the footer of each tile.
Services are available when you click on their logos.

How was this patch tested?

Tested manually; see these screenshots:

[smolnar82]

One comment: the Hue logo you are seeing in the above screenshot is replaced with one with white background.

[moresandeep]

I don't have expertise in TypeScript so cannot comment on it. Looking at the UI, it looks really good.
Some really minor things

1. Looks like the "Cloudera" logo is disproportionately bigger than other logos.
2. For cases where we don't have logos, do you think the description text would look better against white background than the grey one?
3. Hue UI logo seems to have a non-white background.
   Thanks, this really looks cool now!

[smolnar82]

Thanks, @moresandeep !
Trying to answer your comments:

1. I'll try to find a better CM logo
2. If there is no logo -> a JIRA should be submitted. I tried to add logos for all the actively used services.
3. Hue logo is replaced already (see my comment above)

[risdenk]

So my one big concern is with the Cloudera logo and if we are allowed to copy it into the project. Apache Knox is Apache licensed so any logos would need to be licensed correctly and have proper notices for copying them into the project. I don't know what is all involved here, but it is something we need to be aware of before copying in these logos.

• https://www.apache.org/dev/licensing-howto.html
• https://www.apache.org/legal/src-headers.html

There is a minor version different for the angular dependencies which is minor compared to the above.

[risdenk]

All the other angular versions is 5.2.0 but this is 5.2.5?

[smolnar82]

I haven't tested with 5.2.0 as only 5.2.5 was listed as an officially supported version of Angular's material lib:

[smolnar82]

Regarding @risdenk 's comment on licensing: all service logos are logos of Apache projects except for the CM-[UI|API]. I understand his concerns about it and it's a valid question if we want to copy it here.

[smolnar82]

To address the logo stuff I figured out the following approach should work: I'll add a general_logo.png (with the text of 'Service Logo comes here') and display it for

• any service that does not have its own logo uploaded by this patch (anyone is free to upload their owns logos going forward as a separate patch)
• CM API/UI (because I'm going to remove the CM logo -> CM will fall into the above category)

[smolnar82]

This is how it looks like now:

[risdenk]

@smolnar82 instead of "service logo comes here" can it instead be the text of the service? It would just be plain text on say a white background. That would probably look better.

[smolnar82]

Newest version: