mh-rafi

[{
  "name": "Free React Admin Dashboard Template",
  "url": "https://ui-lib.com/downloads/matx-react-admin/",
  "photo": "https://ui-lib.com/wp-content/uploads/edd/2020/01/marx-react.png"
},{
  "name": "Free Bootstrap Design System",
  "url": "https://ui-lib.com/downloads/done-design-system/",
  "photo": "https://ui-lib.com/wp-content/uploads/2019/06/done-banner.png"
}, {
  "name": "NG Soon Angular Material Free Coming soon template",

mh-rafi

@import "color-opacity-map";


/*
  This will generate classes for all colors
  =========================================
  .yellow-100 {background-color: #fefce2}
  ...
  .yellow-900 {background-color: #464102}

mh-rafi

export class BreadcrumbComponent implements OnInit {
  routeParts:any[];
  constructor(
    private router: Router,
    private routePartsService: RoutePartsService, 
    private activeRoute: ActivatedRoute
  ) {
    this.router.events.filter(event => event instanceof NavigationEnd).subscribe((routeChange) => {
      this.routeParts = this.routePartsService.generateRouteParts(this.activeRoute.snapshot);
      // generate url from parts

mh-rafi

export const BookRoutes: Routes = [
  {
    path: '',
    component: AuthorsComponent
  },
  { 
    path: ':author',
    component: BookListComponent,
    data: { title: 'List', breadcrumb: '{{author}}' },
    children: [

mh-rafi

interface IRoutePart {
  title: string,
  breadcrumb: string,
  params?: Params,
  url: string,
  urlSegments: any[]
}

@Injectable()
export class RoutePartsService {