Angular user interfaces

Token Getter

This http interceptor is used to 'automatically add the token to the whitelisted domains.  This saves having to add this in each service and also fixes the issue where it's not available straight after login.

 Route Resolvers

These allow us to get the data for a component before we route to the component.  This avoids the need for having to use elvis operators everywhere in our component html.

Boostrap Cards 

Really nice way of displaying a list of items.  Might use this for the boat selection screen.

Gallery 

NGX Gallery 9 was used to show the photos. V9 worked without having to make the workaround fix that had to be done for V8.

Styles

I feel that I really need to get into what is achievable with Bootstrap.  I probably need a more in depth course on this alone so I can get an idea what a finished (polished) UI should look like as I tend to be happy with unfinished looks.


Comments

Post a Comment

Popular posts from this blog

Understanding the technologies - Angular 8 and ASP.NET Web API Core 3

Course Notes Yesterday, I followed some of the preview lessons and have taken the following points: Instead of using a Visual Studio template to create an integrated Angular and WebAPI project, I'm going to the follow the advice on the course to create these separately.  I'll use dotnet CLI to create the web API project and Angular CLI (ng) to create the separate Angular project. The following needed to be installed as prerequisites: .NET Core SDK V3.0 - This is required to create the WEB API project To check all that are installed - >dotnet --info To check the default version - >dotnet --version I already had V3.1 of the SDK installed so needed to switch back to the earlier version : NodeJS V12.16.3 - This is required to serve and run the Angular App NPM V6.14.5 - This is used to add libraries for for the Angular App (like nuget) I'm also going to be using VS Code rather than Visual Studio Community as my IDE.   I want to see how this work in ...
Read more

Bits and bobs

EF Global Filters These can be set up in OnModelCreating so that the default case is that the deleted items are not returned.  This can be overriden for specific queries using IgnoreQueryFilters. builder.Entity<Thing>().HasQueryFilter(p => p.Deleted); Displaying text over an Image For this we need to set the container div style to  position: relative and then the text to position: absolute.  Then set the bottom so that it appears in the corrrect place.
Read more