Posts

Showing posts with the label Angular

Angular + Bootstrap 4 Navbar with Right Dropdown

From reading the document on bootstrap (version:4.3.1) and comparing my notes from version 3. There doesn't seem to be an example for a right dropdown with a navbar. Flexboxes can be a challenge and moving from bootstrap 3 isn't but here is some solutions.
https://stackoverflow.com/questions/51013313/bootstrap-dropdown-with-angular-6https://ng-bootstrap.github.io/#/components/dropdown/exampleshttps://stackoverflow.com/questions/51013313/bootstrap-dropdown-with-angular-6Examples

https://www.codeply.com/go/bRSyq1ooFu/bootstrap-4-navbar-dropdown-right
https://www.codeply.com/go/cxXqBnGrPx (icon on the right)
https://www.codeply.com/go/1ZFF5CEXM5

https://www.codeply.com/go/1ZFF5CEXM5https://medium.com/wdstack/bootstrap-4-custom-navbar-1f6a2da5ed3chttps://www.codeply.com/go/bRSyq1ooFu/bootstrap-4-navbar-dropdown-right
With Queryjs  I should probably put this in another article, still I'm killing two birds with one stone.

.NET Core Docker Image for SPA Applications

If your looking to get CI/CD up and running with a SPA Application I recommend this setup. This article is based on Aspnet Core 2.1 and up. If you read the docker docs on the 2.1 version of dotnet core you will see they removed nodejs, which breaks a bunch of stuff if your using dotnet core with either Angular2 or Reactjs. I currently use gitlab-runners but with the volumes config to publish my sites.

Notes from Dotnet
Using NodeJS in microsoft/aspnetcore-build, but this is missing from dotnet/core/sdk:2.1. What should I do?
You can either install NodeJS by adding a few lines of code to your Dockerfile that download and extract NodeJS, or you can use the multi-stage feature of Docker and the official NodeJS images. Sample code to install NodeJS on your own: # set up nodeENV NODE_VERSION 8.9.4 ENV NODE_DOWNLOAD_SHA 21fb4690e349f82d708ae766def01d7fec1b085ce1f5ab30d9bda8ee126ca8fc RUN curl -SL "https://nodejs.org/dist/v${NODE_VERSION}/node-v${NODE_VERSION}-linux-x64.tar.gz" --out…