Buttons
-
-
- Radio Button group (Using ngModel)
-
+ Radio Button group (Using ngModel)
-
-
-
-
- Radio Button group (Ractive Forms)
-
+ Radio Button group (Ractive Forms)
- Model: {{ model | json }}
-
+ Model: {{ model | json }}
-
+
@@ -20,16 +26,32 @@
@@ -13,7 +13,7 @@
-
+
;
+ let component: ModalComponent;
+ let fixture: ComponentFixture;
- beforeEach(async(() => {
- TestBed.configureTestingModule({
- imports: [
- NgbModule
- ],
- declarations: [ ModalComponent ]
- })
- .compileComponents();
- }));
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ imports: [NgbModule],
+ declarations: [ModalComponent]
+ }).compileComponents();
+ }));
- beforeEach(() => {
- fixture = TestBed.createComponent(ModalComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- });
+ beforeEach(() => {
+ fixture = TestBed.createComponent(ModalComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
- it('should create', () => {
- expect(component).toBeTruthy();
- });
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
});
diff --git a/src/app/layout/bs-component/components/modal/modal.component.ts b/src/app/layout/bs-component/components/modal/modal.component.ts
index 79bd5cbd4..b82343b97 100644
--- a/src/app/layout/bs-component/components/modal/modal.component.ts
+++ b/src/app/layout/bs-component/components/modal/modal.component.ts
@@ -1,5 +1,5 @@
import { Component } from '@angular/core';
-import { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';
+import { ModalDismissReasons, NgbModal } from '@ng-bootstrap/ng-bootstrap';
@Component({
selector: 'app-modal',
@@ -8,14 +8,18 @@ import { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';
})
export class ModalComponent {
closeResult: string;
- constructor(private modalService: NgbModal) { }
+
+ constructor(private modalService: NgbModal) {}
open(content) {
- this.modalService.open(content).result.then((result) => {
- this.closeResult = `Closed with: ${result}`;
- }, (reason) => {
- this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
- });
+ this.modalService.open(content).result.then(
+ (result) => {
+ this.closeResult = `Closed with: ${result}`;
+ },
+ (reason) => {
+ this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
+ }
+ );
}
private getDismissReason(reason: any): string {
@@ -24,7 +28,7 @@ export class ModalComponent {
} else if (reason === ModalDismissReasons.BACKDROP_CLICK) {
return 'by clicking on a backdrop';
} else {
- return `with: ${reason}`;
+ return `with: ${reason}`;
}
}
}
diff --git a/src/app/layout/bs-component/components/pagination/pagination.component.html b/src/app/layout/bs-component/components/pagination/pagination.component.html
index 60bf86bf1..ccbe65200 100644
--- a/src/app/layout/bs-component/components/pagination/pagination.component.html
+++ b/src/app/layout/bs-component/components/pagination/pagination.component.html
@@ -4,14 +4,20 @@
+
-
@@ -23,9 +23,9 @@
+
You can easily control dropdowns programmatically using the exported dropdown instance.
-
+
- ;
+ let component: DropdownComponent;
+ let fixture: ComponentFixture;
- beforeEach(async(() => {
- TestBed.configureTestingModule({
- imports: [
- NgbModule
- ],
- declarations: [ DropdownComponent ]
- })
- .compileComponents();
- }));
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ imports: [NgbModule],
+ declarations: [DropdownComponent]
+ }).compileComponents();
+ }));
- beforeEach(() => {
- fixture = TestBed.createComponent(DropdownComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- });
+ beforeEach(() => {
+ fixture = TestBed.createComponent(DropdownComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
- it('should create', () => {
- expect(component).toBeTruthy();
- });
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
});
diff --git a/src/app/layout/bs-component/components/dropdown/dropdown.component.ts b/src/app/layout/bs-component/components/dropdown/dropdown.component.ts
index 6546f94f3..17a896643 100644
--- a/src/app/layout/bs-component/components/dropdown/dropdown.component.ts
+++ b/src/app/layout/bs-component/components/dropdown/dropdown.component.ts
@@ -1,15 +1,12 @@
import { Component, OnInit } from '@angular/core';
@Component({
- selector: 'app-dropdown',
- templateUrl: './dropdown.component.html',
- styleUrls: ['./dropdown.component.scss']
+ selector: 'app-dropdown',
+ templateUrl: './dropdown.component.html',
+ styleUrls: ['./dropdown.component.scss']
})
export class DropdownComponent implements OnInit {
+ constructor() {}
- constructor() { }
-
- ngOnInit() {
- }
-
+ ngOnInit() {}
}
diff --git a/src/app/layout/bs-component/components/modal/modal.component.html b/src/app/layout/bs-component/components/modal/modal.component.html
index 9252481a7..06da754c8 100644
--- a/src/app/layout/bs-component/components/modal/modal.component.html
+++ b/src/app/layout/bs-component/components/modal/modal.component.html
@@ -4,11 +4,11 @@
diff --git a/src/app/layout/bs-component/components/modal/modal.component.spec.ts b/src/app/layout/bs-component/components/modal/modal.component.spec.ts
index e84be3411..dd7ed95e9 100644
--- a/src/app/layout/bs-component/components/modal/modal.component.spec.ts
+++ b/src/app/layout/bs-component/components/modal/modal.component.spec.ts
@@ -4,26 +4,23 @@ import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { ModalComponent } from './modal.component';
describe('ModalComponent', () => {
- let component: ModalComponent;
- let fixture: ComponentFixture
@@ -33,11 +33,15 @@
-
+
diff --git a/src/app/layout/bs-component/components/dropdown/dropdown.component.spec.ts b/src/app/layout/bs-component/components/dropdown/dropdown.component.spec.ts
index 1947a4750..f45f4e832 100644
--- a/src/app/layout/bs-component/components/dropdown/dropdown.component.spec.ts
+++ b/src/app/layout/bs-component/components/dropdown/dropdown.component.spec.ts
@@ -4,26 +4,23 @@ import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { DropdownComponent } from './dropdown.component';
describe('DropdownComponent', () => {
- let component: DropdownComponent;
- let fixture: ComponentFixture
+
-
-
+
+
Modal
-
+
@@ -16,7 +16,7 @@
Modal title
-Modal title
One fine body…
Basic Pagination
Default pagination
- directionLinks = false
- boundaryLinks = true
-
- Current page: {{defaultPagination}}
-
+ Current page: {{ defaultPagination }}
Advanced Pagination
maxSize = 5, rotate = false
- maxSize = 5, rotate = true
- maxSize = 5, rotate = true, ellipses = false
-
- Current page: {{advancedPagination}}
-
+ Current page: {{ advancedPagination }}
Pagination size
-
Disabled pagination
Pagination control can be disabled:
--
-
diff --git a/src/app/layout/bs-component/components/pop-over/pop-over.component.spec.ts b/src/app/layout/bs-component/components/pop-over/pop-over.component.spec.ts
index 5bff9f48f..1bfa1bf39 100644
--- a/src/app/layout/bs-component/components/pop-over/pop-over.component.spec.ts
+++ b/src/app/layout/bs-component/components/pop-over/pop-over.component.spec.ts
@@ -3,23 +3,22 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { PopOverComponent } from './pop-over.component';
describe('PopOverComponent', () => {
- let component: PopOverComponent;
- let fixture: ComponentFixtureProgressbar
-
+
+
+
+
+
+
+
-
diff --git a/src/app/layout/bs-component/components/rating/rating.component.spec.ts b/src/app/layout/bs-component/components/rating/rating.component.spec.ts
index f8d8d0350..8542196e5 100644
--- a/src/app/layout/bs-component/components/rating/rating.component.spec.ts
+++ b/src/app/layout/bs-component/components/rating/rating.component.spec.ts
@@ -1,28 +1,26 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
+import { BsComponentModule } from '../../bs-component.module';
import { RatingComponent } from './rating.component';
-import { BsComponentModule } from '../../bs-component.module';
describe('RatingComponent', () => {
- let component: RatingComponent;
- let fixture: ComponentFixture
- Rating (Basic demo)
-
+ Rating (Basic demo)
-
-
+
-
Rate: {{currentRate}}
+ +
Rate: {{currentRate}}
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth - master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh - dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum - iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
++ Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown + aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan + helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu + banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. + Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui. +
Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table - craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl - cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia - yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean - shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero - sint qui sapiente accusamus tattooed echo park.
++ Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson + artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo + enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud + organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia + yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes + anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson + biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente + accusamus tattooed echo park. +
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth - master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh - dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum - iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
++ Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown + aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan + helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu + banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. + Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui. +
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth - master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh - dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum - iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
++ Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown + aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan + helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu + banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. + Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui. +
Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table - craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl - cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia - yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean - shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero - sint qui sapiente accusamus tattooed echo park.
++ Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson + artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo + enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud + organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia + yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes + anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson + biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente + accusamus tattooed echo park. +
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth - master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh - dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum - iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
++ Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown + aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan + helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu + banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. + Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui. +
Timepicker (Default)
- Selected time: {{defaultTime | json}}
-
+ Selected time: {{ defaultTime | json }}
Timepicker (Default)
Timepicker (Seconds)
Timepicker (Custom Step)
-
-
+
-
+
-
+
- Selected time: {{customTime | json}}
-
+ Selected time: {{ customTime | json }}
-
diff --git a/src/app/layout/bs-component/components/tooltip/tooltip.component.spec.ts b/src/app/layout/bs-component/components/tooltip/tooltip.component.spec.ts
index 0b3bd68bb..43373c273 100644
--- a/src/app/layout/bs-component/components/tooltip/tooltip.component.spec.ts
+++ b/src/app/layout/bs-component/components/tooltip/tooltip.component.spec.ts
@@ -1,27 +1,26 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
+import { BsComponentModule } from '../../bs-component.module';
import { TooltipComponent } from './tooltip.component';
-import { BsComponentModule } from '../../bs-component.module';
describe('TooltipComponent', () => {
- let component: TooltipComponent;
- let fixture: ComponentFixtureHello, world!
- This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique. + This is a template for a simple marketing or informational website. It includes a large callout called a + jumbotron and three supporting pieces of content. Use it as a starting point to create something more + unique.
Buttons
-+
- - - - - - - - + + + + + + + +
- - - - - - - - + + + + + + + +
- - - - - - - - + + + + + + + +
-+
Thumbnails
-+
Dropdown menus
-+
-
-
+
-
+
@@ -123,7 +125,7 @@ +
Navbars
@@ -91,12 +93,12 @@Navbars
+
Navbars
Alerts
-+
Well done! You successfully read this important alert message.
@@ -131,43 +133,88 @@
+
+
+
+
+
+
+
@@ -238,7 +295,9 @@
@@ -247,7 +306,9 @@ Alerts
Heads up! This alert needs your attention, but it's not super important.
-
- Warning! Best check yo self, you're not looking too good.
-
-
- Oh snap! Change a few things up and try submitting again.
-
+ Warning! Best check yo self, you're not looking too good.
+ Oh snap! Change a few things up and try submitting again.
Progress bars
-+
-
+
- +
-
+
- +
-
+
- +
-
-
-
+
+
+
- +
-
+
- +
List groups
-+
@@ -182,27 +229,33 @@
@@ -211,7 +264,7 @@
+
@@ -228,7 +283,9 @@
List groups
-
+
List group item heading
-Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
++ Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit. +
- +List group item heading
-Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
++ Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit. +
- +List group item heading
-Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
++ Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit. +
List group item heading
Cards
-+
@@ -219,7 +272,9 @@
Cards
Header
Primary card title
-Some quick example text to build on the card title and make up the bulk of the card's content.
++ Some quick example text to build on the card title and make up the bulk of the card's content. +
Primary card title
Header
Secondary card title
-Some quick example text to build on the card title and make up the bulk of the card's content.
++ Some quick example text to build on the card title and make up the bulk of the card's content. +
Secondary card title
Header
Success card title
-Some quick example text to build on the card title and make up the bulk of the card's content.
++ Some quick example text to build on the card title and make up the bulk of the card's content. +
Success card title
Header
Danger card title
-Some quick example text to build on the card title and make up the bulk of the card's content.
++ Some quick example text to build on the card title and make up the bulk of the card's content. +
Danger card title
Header
Warning card title
-Some quick example text to build on the card title and make up the bulk of the card's content.
++ Some quick example text to build on the card title and make up the bulk of the card's content. +
Warning card title
Header
Info card title
-Some quick example text to build on the card title and make up the bulk of the card's content.
++ Some quick example text to build on the card title and make up the bulk of the card's content. +
Info card title
Header
Light card title
-Some quick example text to build on the card title and make up the bulk of the card's content.
++ Some quick example text to build on the card title and make up the bulk of the card's content. +
Light card title
Header
Dark card title
-Some quick example text to build on the card title and make up the bulk of the card's content.
++ Some quick example text to build on the card title and make up the bulk of the card's content. +
Dark card title
Header
Dark card title
-Some quick example text to build on the card title and make up the bulk of the card's content.
++ Some quick example text to build on the card title and make up the bulk of the card's content. +
-
@@ -21,7 +30,15 @@
Doughnut Chart
-
@@ -34,7 +51,15 @@
Radar Chart
-
@@ -45,7 +70,15 @@
Pie Chart
-
@@ -58,7 +91,16 @@
Polar Area Chart
-
@@ -69,7 +111,18 @@
Line Chart
-
diff --git a/src/app/layout/charts/charts.component.spec.ts b/src/app/layout/charts/charts.component.spec.ts
index 8bb9ad676..941e7f82c 100644
--- a/src/app/layout/charts/charts.component.spec.ts
+++ b/src/app/layout/charts/charts.component.spec.ts
@@ -1,33 +1,27 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { RouterTestingModule } from '@angular/router/testing';
import { ChartsComponent } from './charts.component';
import { ChartsModule } from './charts.module';
describe('ChartsComponent', () => {
- let component: ChartsComponent;
- let fixture: ComponentFixture