Gulp + Livereload Occupied port Issue
Sometimes when using Gulp with Livereload when one wishes to stop it and restarting it Ctrl+c and gulp still holds the port occupied resulting in the following error. … Uhoh. Got error listen...
View ArticleUsing GraphAPI From WebAPI
I will Polish this post later, meanwhile: Go In Azure Register an APP Get Client ID: Generate Key Permissions to other application: Read Directory Data ( Very important else nothing will work)...
View ArticleJavaScript Copy Text in ClipBoard
The Following lets a button click cause text data to be pushed inside the clipboard. This is because direct access to clipboard from JavaScript is not possible for security reasons. <!DOCTYPE html...
View ArticleClik here to view.
Angular 7 Progress Indicator Component
I came across the following progress indicator for jquery and wanted to try to recreate it as an angular component. <ol class="ProgressBar"> <li #lis class="ProgressBar-step" *ngFor="let step...
View ArticleCenter any Image in div while maintaining Aspect Ratio
This is very useful to keep things under control on the page. div { float:left; width: 50vh; height: 50vh; position:relative; border: 1px solid red; } img { position: absolute; top: 50%; left: 50%;...
View ArticleAngular 2+ Modals
Although this article makes some valid points in building modals it doesn’t provide a working example. So here is the working example on Stackblitz of what is explained. some things were renamed to...
View ArticleClik here to view.
Angular 2+ Notification System
Simple notification system for Angular 2+ can be found here and here Looking around for Notification designs I came across this After some analysis it was desired to rename some classes here
View Article.net Core 2.2 API logging for front-end in Serilog
The setup is a Front-end and a Back-end. Logging for Back-end in Serilog is quite straight forward. Things got a bit hairy when it was required to supply an API for logging Front-end errors and...
View ArticleClik here to view.
Registering an Angular App with Azure Portal
Login with Azure Take note on these two, you will need them You may add your development and live URLs when deployed. Although I suggest you register different applications for these especially if you...
View ArticleClik here to view.
Registering an .net Core API with Azure Portal and grant permission for...
Set CORS to allow front-end to call this API else it will fail.
View Article