Skip to content

Instantly share code, notes, and snippets.

View ui-lib-products.json
[{
"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
mh-rafi / _color-opacity-classes.scss
Last active May 4, 2019
SASS generate color opacity map
View _color-opacity-classes.scss
@import "color-opacity-map";
/*
This will generate classes for all colors
=========================================
.yellow-100 {background-color: #fefce2}
...
.yellow-900 {background-color: #464102}
View breadcrumb.component.ts
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
View book.breadcrumb.routing.ts
export const BookRoutes: Routes = [
{
path: '',
component: AuthorsComponent
},
{
path: ':author',
component: BookListComponent,
data: { title: 'List', breadcrumb: '{{author}}' },
children: [
View angular-route-parts.service.ts
interface IRoutePart {
title: string,
breadcrumb: string,
params?: Params,
url: string,
urlSegments: any[]
}
@Injectable()
export class RoutePartsService {
You can’t perform that action at this time.