first commit

src/app/_layout/breadcrumb/breadcrumb.component.css

@@ -0,0 +1,20 @@
+.dropdown-menu-right {
+  right: 0;
+  left: auto !important;
+}
+
+.dropdown-menu.arrow:before {
+    left: 70px !important;
+    border-bottom-color: #ffffff;
+}
+
+.dropdown-menu.arrow:after {
+    top: 0px;
+}
+
+@media only screen and (max-width:767px) {
+  ._dropdown_mob {
+      margin-left: 150px !important;
+      transform: translate(40px, 40px) !important;
+  }
+}

src/app/_layout/breadcrumb/breadcrumb.component.html

@@ -0,0 +1,27 @@
+<div class="row">
+  <div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new" *ngIf="breadcrumb">
+    <h3 class="content-header-title mb-0 d-inline-block">{{breadcrumb.mainlabel}}</h3>
+    <div class="row breadcrumbs-top d-inline-block">
+      <div class="breadcrumb-wrapper col-12">
+        <ol class="breadcrumb">
+          <li class="breadcrumb-item" *ngFor="let link of breadcrumb.links">
+            <a *ngIf="link.isLink" routerLink="{{link.link}}">{{link.name}}</a>
+            <span *ngIf="!link.isLink">{{link.name}}</span>
+          </li>
+        </ol>
+      </div>
+    </div>
+  </div>
+  <div class="content-header-right col-md-6 col-12">
+    <div  class="d-inline-block float-md-right" ngbDropdown>
+      <button class="btn btn-info" id="dropdownBasic1" ngbDropdownToggle>Action</button>
+      <div ngbDropdownMenu class="arrow _dropdown_mob dropdown-menu-right" aria-labelledby="dropdownBasic1">
+        <button class="dropdown-item">Calender</button>
+        <button class="dropdown-item">Cart</button>
+        <button class="dropdown-item">Support</button>
+        <div class="dropdown-divider"></div>
+        <button class="dropdown-item">Settings</button>
+      </div>
+    </div>
+  </div>
+</div>

src/app/_layout/breadcrumb/breadcrumb.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { BreadcrumbComponent } from './breadcrumb.component';
+
+describe('BreadcrumbComponent', () => {
+  let component: BreadcrumbComponent;
+  let fixture: ComponentFixture<BreadcrumbComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ BreadcrumbComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BreadcrumbComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/_layout/breadcrumb/breadcrumb.component.ts

@@ -0,0 +1,19 @@
+import { Component, OnInit, Input } from '@angular/core';
+
+@Component({
+  selector: 'app-breadcrumb',
+  templateUrl: './breadcrumb.component.html',
+  styleUrls: ['./breadcrumb.component.css']
+})
+export class BreadcrumbComponent implements OnInit {
+
+  constructor() { }
+
+  @Input() breadcrumb: object;
+
+  ngOnInit() {
+    this.processBreadCrumbLinks();
+  }
+  private processBreadCrumbLinks() {
+  }
+}

src/app/_layout/breadcrumb/breadcrumb.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CardModule } from 'src/app/content/partials/general/card/card.module';
+import { RouterModule } from '@angular/router';
+import { BreadcrumbComponent } from './breadcrumb.component';
+import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+
+
+@NgModule({
+  imports: [
+    CommonModule,
+    CardModule,
+    NgbModule,
+    RouterModule.forChild([])
+  ],
+  declarations: [BreadcrumbComponent],
+  exports: [BreadcrumbComponent]
+})
+export class BreadcrumbModule { }