From 3a76455cea075c80e0ed8657852f959248a0b51c Mon Sep 17 00:00:00 2001 From: sivanova Date: Wed, 22 Nov 2023 17:01:33 +0200 Subject: [PATCH 1/5] feat(icon-button): create component samples --- .../data-entries/data-entries-routes-data.ts | 10 +++- .../data-entries-routing.module.ts | 48 +++++++++++++++++++ src/app/data-entries/data-entries.module.ts | 19 +++++++- .../contained-icon-button.component.html | 5 ++ .../contained-icon-button.component.scss | 5 ++ .../contained-icon-button.component.ts | 10 ++++ .../disabled-icon-button.component.html | 5 ++ .../disabled-icon-button.component.scss | 9 ++++ .../disabled-icon-button.component.ts | 10 ++++ .../flat-icon-button.component.html | 5 ++ .../flat-icon-button.component.scss | 5 ++ .../flat-icon-button.component.ts | 10 ++++ .../icon-button-overview.component.html | 17 +++++++ .../icon-button-overview.component.scss | 13 +++++ .../icon-button-overview.component.ts | 10 ++++ .../icon-button-size.component.html | 17 +++++++ .../icon-button-size.component.scss | 25 ++++++++++ .../icon-button-size.component.ts | 10 ++++ .../icon-button-styling.component.html | 17 +++++++ .../icon-button-styling.component.scss | 48 +++++++++++++++++++ .../icon-button-styling.component.ts | 10 ++++ .../outlined-icon-button.component.html | 5 ++ .../outlined-icon-button.component.scss | 5 ++ .../outlined-icon-button.component.ts | 9 ++++ .../svg-icon-button.component.html | 5 ++ .../svg-icon-button.component.scss | 5 ++ .../svg-icon-button.component.ts | 17 +++++++ 27 files changed, 352 insertions(+), 2 deletions(-) create mode 100644 src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.html create mode 100644 src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.scss create mode 100644 src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts create mode 100644 src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.html create mode 100644 src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.scss create mode 100644 src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts create mode 100644 src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.html create mode 100644 src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.scss create mode 100644 src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts create mode 100644 src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.html create mode 100644 src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.scss create mode 100644 src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts create mode 100644 src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.html create mode 100644 src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.scss create mode 100644 src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts create mode 100644 src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.html create mode 100644 src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.scss create mode 100644 src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts create mode 100644 src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.html create mode 100644 src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.scss create mode 100644 src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts create mode 100644 src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.html create mode 100644 src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.scss create mode 100644 src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts diff --git a/src/app/data-entries/data-entries-routes-data.ts b/src/app/data-entries/data-entries-routes-data.ts index 77eb99b250..74b6f40343 100644 --- a/src/app/data-entries/data-entries-routes-data.ts +++ b/src/app/data-entries/data-entries-routes-data.ts @@ -13,7 +13,7 @@ export const dataEntriesRoutesData = { "buttons-sample-2": { displayName: "Flat Button", parentName: "Buttons" }, "buttons-sample-3": { displayName: "Button Ripple", parentName: "Buttons" }, "buttons-sample-4": { displayName: "Span Button", parentName: "Buttons" }, - "buttons-sample-5": { displayName: "Raised Button", parentName: "Buttons" }, + "buttons-sample-5": { displayName: "Contained Button", parentName: "Buttons" }, "buttons-sample-6": { displayName: "Floating Action Button", parentName: "Buttons" }, "buttons-sample-7": { displayName: "Icon Button", parentName: "Buttons" }, "buttons-sample-8": { displayName: "Outlined Button", parentName: "Buttons" }, @@ -37,6 +37,14 @@ export const dataEntriesRoutesData = { "dropdown-tree-hierarchical-selection": { displayName: "Dropdown Tree Hierarchical Selection", parentName: "Dropdown" }, "dropdown-tree-grid-hierarchical-selection": { displayName: "Dropdown Tree Grid Hierarchical Selection", parentName: "Dropdown" }, "dropdown-sample-4": { displayName: "Input Dropdown Selection", parentName: "Dropdown" }, + "icon-button-overview": { displayName: "Overview", parentName: "Icon Buttons" }, + "flat-icon-button": { displayName: "Flat Icon Button", parentName: "Icon Buttons" }, + "contained-icon-button": { displayName: "Contained Icon Button", parentName: "Icon Buttons" }, + "outlined-icon-button": { displayName: "Outlined Icon Button", parentName: "Icon Buttons" }, + "disabled-icon-button": { displayName: "Disabled Icon Button", parentName: "Icon Buttons" }, + "svg-icon-button": { displayName: "SVG Icon Button", parentName: "Icon Buttons" }, + "icon-button-size": { displayName: "Icon Button Size", parentName: "Icon Buttons" }, + "icon-button-styling": { displayName: "Icon Button Styling", parentName: "Icon Buttons" }, "input-group-sample-1": { displayName: "Simple Input Group", parentName: "Input Group" }, "input-group-sample-2": { displayName: "Input Required", parentName: "Input Group" }, "input-group-sample-3": { displayName: "Input Group Prefix and Sufix", parentName: "Input Group" }, diff --git a/src/app/data-entries/data-entries-routing.module.ts b/src/app/data-entries/data-entries-routing.module.ts index 4e990fae0d..36789a4d20 100644 --- a/src/app/data-entries/data-entries-routing.module.ts +++ b/src/app/data-entries/data-entries-routing.module.ts @@ -65,6 +65,14 @@ import { RatingInFormComponent } from './rating/rating-form/rating-form.componen import { TemplateDrivenFormValidationComponent } from './input-group/template-driven-form-validation/template-driven-form-validation.component'; import { ReactiveFormValidationComponent } from './input-group/reactive-form-validation/reactive-form-validation.component'; import { ReactiveFormCustomValidationComponent } from './input-group/reactive-form-custom-validation/reactive-form-custom-validation.component'; +import { IconButtonOverviewComponent } from './icon-button/icon-button-overview/icon-button-overview.component'; +import { FlatIconButtonComponent } from './icon-button/flat-icon-button/flat-icon-button.component'; +import { ContainedIconButtonComponent } from './icon-button/contained-icon-button/contained-icon-button.component'; +import { OutlinedIconButtonComponent } from './icon-button/outlined-icon-button/outlined-icon-button.component'; +import { DisabledIconButtonComponent } from './icon-button/disabled-icon-button/disabled-icon-button.component'; +import { SVGIconButtonComponent } from './icon-button/svg-icon-button/svg-icon-button.component'; +import { IconButtonSizeComponent } from './icon-button/icon-button-size/icon-button-size.component'; +import { IconButtonStylingComponent } from './icon-button/icon-button-styling/icon-button-styling.component'; export const dataEntriesRoutes: Routes = [ { @@ -247,6 +255,46 @@ export const dataEntriesRoutes: Routes = [ data: dataEntriesRoutesData['dropdown-remote'], path: 'dropdown-remote' }, + { + component: IconButtonOverviewComponent, + data: dataEntriesRoutesData['icon-button-overview'], + path: 'icon-button-overview' + }, + { + component: FlatIconButtonComponent, + data: dataEntriesRoutesData['flat-icon-button'], + path: 'flat-icon-button' + }, + { + component: ContainedIconButtonComponent, + data: dataEntriesRoutesData['contained-icon-button'], + path: 'contained-icon-button' + }, + { + component: OutlinedIconButtonComponent, + data: dataEntriesRoutesData['outlined-icon-button'], + path: 'outlined-icon-button' + }, + { + component: DisabledIconButtonComponent, + data: dataEntriesRoutesData['disabled-icon-button'], + path: 'disabled-icon-button' + }, + { + component: SVGIconButtonComponent, + data: dataEntriesRoutesData['svg-icon-button'], + path: 'svg-icon-button' + }, + { + component: IconButtonSizeComponent, + data: dataEntriesRoutesData['icon-button-size'], + path: 'icon-button-size' + }, + { + component: IconButtonStylingComponent, + data: dataEntriesRoutesData['icon-button-styling'], + path: 'icon-button-styling' + }, { component: InputGroupSample1Component, data: dataEntriesRoutesData['input-group-sample-1'], diff --git a/src/app/data-entries/data-entries.module.ts b/src/app/data-entries/data-entries.module.ts index 937e96b7bc..bd20ffc36f 100644 --- a/src/app/data-entries/data-entries.module.ts +++ b/src/app/data-entries/data-entries.module.ts @@ -4,7 +4,7 @@ import { NgModule } from '@angular/core'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgcFormsModule, - IgxAutocompleteModule, IgxButtonGroupModule, IgxButtonModule, IgxCardModule, IgxCheckboxModule, IgxChipsAreaComponent, IgxChipsModule, IgxComboModule, + IgxAutocompleteModule, IgxButtonGroupModule, IgxButtonModule, IgxIconButtonDirective, IgxCardModule, IgxCheckboxModule, IgxChipsAreaComponent, IgxChipsModule, IgxComboModule, IgxDatePickerModule, IgxDialogModule, IgxDividerModule, IgxDropDownModule, IgxFocusModule, IgxForOfModule, IgxIconModule, IgxInputGroupModule, IgxNavbarModule, IgxProgressBarModule, IgxRadioModule, IgxRippleModule, IgxSelectModule, IgxSwitchModule, IgxTextSelectionModule, IgxTimePickerModule, IgxToastModule, IgxToggleModule, IgxTreeGridModule, IgxTreeModule @@ -75,6 +75,14 @@ import { RatingInFormComponent } from './rating/rating-form/rating-form.componen import { TemplateDrivenFormValidationComponent } from './input-group/template-driven-form-validation/template-driven-form-validation.component'; import { ReactiveFormValidationComponent } from './input-group/reactive-form-validation/reactive-form-validation.component'; import { ReactiveFormCustomValidationComponent } from './input-group/reactive-form-custom-validation/reactive-form-custom-validation.component'; +import { IconButtonOverviewComponent } from './icon-button/icon-button-overview/icon-button-overview.component'; +import { FlatIconButtonComponent } from './icon-button/flat-icon-button/flat-icon-button.component'; +import { ContainedIconButtonComponent } from './icon-button/contained-icon-button/contained-icon-button.component'; +import { OutlinedIconButtonComponent } from './icon-button/outlined-icon-button/outlined-icon-button.component'; +import { DisabledIconButtonComponent } from './icon-button/disabled-icon-button/disabled-icon-button.component'; +import { SVGIconButtonComponent } from './icon-button/svg-icon-button/svg-icon-button.component'; +import { IconButtonSizeComponent } from './icon-button/icon-button-size/icon-button-size.component'; +import { IconButtonStylingComponent } from './icon-button/icon-button-styling/icon-button-styling.component'; @NgModule({ declarations: [ @@ -111,6 +119,14 @@ import { ReactiveFormCustomValidationComponent } from './input-group/reactive-fo DropDownStylingComponent, DropdownTreeHierarchicalSelectionComponent, DropdownTreeGridHierarchicalSelectionComponent, + IconButtonOverviewComponent, + FlatIconButtonComponent, + ContainedIconButtonComponent, + OutlinedIconButtonComponent, + DisabledIconButtonComponent, + SVGIconButtonComponent, + IconButtonSizeComponent, + IconButtonStylingComponent, InputGroupSample1Component, InputGroupSample2Component, InputGroupSample3Component, @@ -154,6 +170,7 @@ import { ReactiveFormCustomValidationComponent } from './input-group/reactive-fo IgxAutocompleteModule, IgxButtonGroupModule, IgxButtonModule, + IgxIconButtonDirective, IgxDialogModule, IgxIconModule, IgxRippleModule, diff --git a/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.html b/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.html new file mode 100644 index 0000000000..5e89ba83b7 --- /dev/null +++ b/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.html @@ -0,0 +1,5 @@ +
+ +
diff --git a/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.scss b/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.scss new file mode 100644 index 0000000000..b22d5149b2 --- /dev/null +++ b/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.scss @@ -0,0 +1,5 @@ +.wrapper { + display: flex; + flex-flow: row wrap; + margin: 16px; +} \ No newline at end of file diff --git a/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts b/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts new file mode 100644 index 0000000000..1516f49c47 --- /dev/null +++ b/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts @@ -0,0 +1,10 @@ + +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-contained-icon-button', + styleUrls: ['./contained-icon-button.component.scss'], + templateUrl: './contained-icon-button.component.html' + +}) +export class ContainedIconButtonComponent { } diff --git a/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.html b/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.html new file mode 100644 index 0000000000..e31b5a90e9 --- /dev/null +++ b/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.html @@ -0,0 +1,5 @@ +
+ +
diff --git a/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.scss b/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.scss new file mode 100644 index 0000000000..bfd0135324 --- /dev/null +++ b/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.scss @@ -0,0 +1,9 @@ +@import url("https://unpkg.com/@fortawesome/fontawesome-free-webfonts@^1.0.9/css/fontawesome.css"); +@import url("https://unpkg.com/@fortawesome/fontawesome-free-webfonts@^1.0.9/css/fa-regular.css"); +@import url("https://unpkg.com/@fortawesome/fontawesome-free-webfonts@^1.0.9/css/fa-solid.css"); + +.wrapper { + display: flex; + flex-flow: row wrap; + margin: 16px; +} \ No newline at end of file diff --git a/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts b/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts new file mode 100644 index 0000000000..5ee3f3da98 --- /dev/null +++ b/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts @@ -0,0 +1,10 @@ + +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-disabled-icon-button', + styleUrls: ['./disabled-icon-button.component.scss'], + templateUrl: './disabled-icon-button.component.html' + +}) +export class DisabledIconButtonComponent {} diff --git a/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.html b/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.html new file mode 100644 index 0000000000..6188b4a08f --- /dev/null +++ b/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.html @@ -0,0 +1,5 @@ +
+ +
diff --git a/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.scss b/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.scss new file mode 100644 index 0000000000..48a58b85ca --- /dev/null +++ b/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.scss @@ -0,0 +1,5 @@ +.wrapper { + display: flex; + flex-flow: row wrap; + margin: 16px; +} diff --git a/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts b/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts new file mode 100644 index 0000000000..26d657906f --- /dev/null +++ b/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts @@ -0,0 +1,10 @@ + +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-flat-icon-button', + styleUrls: ['./flat-icon-button.component.scss'], + templateUrl: './flat-icon-button.component.html' + +}) +export class FlatIconButtonComponent { } diff --git a/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.html b/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.html new file mode 100644 index 0000000000..db69cdea6d --- /dev/null +++ b/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.html @@ -0,0 +1,17 @@ +
+
+ +
+
+ +
+
+ +
+
diff --git a/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.scss b/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.scss new file mode 100644 index 0000000000..9d1157d397 --- /dev/null +++ b/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.scss @@ -0,0 +1,13 @@ +.wrapper { + display: flex; + flex-flow: row wrap; +} + +.button-sample { + display: flex; + flex-flow: row wrap; + justify-content: center; + align-items: center; + flex: 1 0 30%; + margin: 16px 0; +} diff --git a/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts b/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts new file mode 100644 index 0000000000..4fd8a490a0 --- /dev/null +++ b/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts @@ -0,0 +1,10 @@ + +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-icon-button-overview', + styleUrls: ['./icon-button-overview.component.scss'], + templateUrl: './icon-button-overview.component.html' + +}) +export class IconButtonOverviewComponent { } diff --git a/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.html b/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.html new file mode 100644 index 0000000000..f1db40495d --- /dev/null +++ b/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.html @@ -0,0 +1,17 @@ +
+
+ + person + +
+
+
+ place +
+
+
+ +
+
diff --git a/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.scss b/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.scss new file mode 100644 index 0000000000..e57e7c4a0c --- /dev/null +++ b/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.scss @@ -0,0 +1,25 @@ +.wrapper { + display: flex; + flex-flow: row wrap; +} + +.button-sample { + display: flex; + flex-flow: row wrap; + justify-content: center; + align-items: center; + flex: 1 0 30%; + margin: 16px 0; +} + +.large { + --ig-size: var(--ig-size-large); +} + +.medium { + --ig-size: var(--ig-size-medium); +} + +.small { + --ig-size: var(--ig-size-small); +} diff --git a/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts b/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts new file mode 100644 index 0000000000..19f79451f4 --- /dev/null +++ b/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts @@ -0,0 +1,10 @@ + +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-icon-button-size', + styleUrls: ['./icon-button-size.component.scss'], + templateUrl: './icon-button-size.component.html' + +}) +export class IconButtonSizeComponent { } diff --git a/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.html b/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.html new file mode 100644 index 0000000000..db69cdea6d --- /dev/null +++ b/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.html @@ -0,0 +1,17 @@ +
+
+ +
+
+ +
+
+ +
+
diff --git a/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.scss b/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.scss new file mode 100644 index 0000000000..76438eb3da --- /dev/null +++ b/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.scss @@ -0,0 +1,48 @@ +.wrapper { + display: flex; + flex-flow: row wrap; +} + +.button-sample { + display: flex; + flex-flow: row wrap; + justify-content: center; + align-items: center; + flex: 1 0 30%; + margin: 16px 0; +} + +[igxIconButton="flat"] { + --foreground: #011627; + --background: #FEFEFE; + --hover-background: #ECAA53; + --focus-foreground: #011627dc; + --focus-background: #ECAA53; + --active-foreground: #011627dc; + --active-background: #ECAA53; +} + +[igxIconButton="contained"] { + --background: #011627; + --foreground: #FEFEFE; + --hover-foreground: #011627dc; + --hover-background: #ECAA53; + --focus-foreground: #011627dc; + --focus-background: #ECAA53; + --focus-border-color: #0116276c; + --active-foreground: #011627dc; + --active-background: #ECAA53; +} + +[igxIconButton="outlined"] { + --foreground: #011627; + --background: #FEFEFE; + --border-color: #011627; + --hover-foreground: #011627dc; + --hover-background: #ECAA53; + --focus-foreground: #011627dc; + --focus-background: #ECAA53; + --focus-border-color: #0116276c; + --active-foreground: #011627dc; + --active-background: #ECAA53; +} diff --git a/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts b/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts new file mode 100644 index 0000000000..ba1975cfde --- /dev/null +++ b/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts @@ -0,0 +1,10 @@ + +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-icon-button-styling', + styleUrls: ['./icon-button-styling.component.scss'], + templateUrl: './icon-button-styling.component.html' + +}) +export class IconButtonStylingComponent { } diff --git a/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.html b/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.html new file mode 100644 index 0000000000..6e086cd0bc --- /dev/null +++ b/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.html @@ -0,0 +1,5 @@ +
+ +
diff --git a/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.scss b/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.scss new file mode 100644 index 0000000000..b22d5149b2 --- /dev/null +++ b/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.scss @@ -0,0 +1,5 @@ +.wrapper { + display: flex; + flex-flow: row wrap; + margin: 16px; +} \ No newline at end of file diff --git a/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts b/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts new file mode 100644 index 0000000000..b5c9e478b3 --- /dev/null +++ b/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts @@ -0,0 +1,9 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-outlined-icon-button', + styleUrls: ['./outlined-icon-button.component.scss'], + templateUrl: './outlined-icon-button.component.html' + +}) +export class OutlinedIconButtonComponent {} diff --git a/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.html b/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.html new file mode 100644 index 0000000000..d8a9262c28 --- /dev/null +++ b/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.html @@ -0,0 +1,5 @@ +
+ +
diff --git a/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.scss b/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.scss new file mode 100644 index 0000000000..b22d5149b2 --- /dev/null +++ b/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.scss @@ -0,0 +1,5 @@ +.wrapper { + display: flex; + flex-flow: row wrap; + margin: 16px; +} \ No newline at end of file diff --git a/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts b/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts new file mode 100644 index 0000000000..643660b26a --- /dev/null +++ b/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts @@ -0,0 +1,17 @@ +import { Component, OnInit } from '@angular/core'; +import { IgxIconService } from 'igniteui-angular'; + +@Component({ + selector: 'app-svg-icon-button', + styleUrls: ['./svg-icon-button.component.scss'], + templateUrl: './svg-icon-button.component.html' + +}) +export class SVGIconButtonComponent implements OnInit { + constructor(private _iconService: IgxIconService) { } + + public ngOnInit() { + // register custom SVG icon + this._iconService.addSvgIcon('rain', 'assets/images/card/icons/rain.svg', 'weather-icons'); + } +} From cba3d2d73b70b4578178314a8a6cfb77d0ca661a Mon Sep 17 00:00:00 2001 From: sivanova Date: Thu, 23 Nov 2023 10:23:55 +0200 Subject: [PATCH 2/5] refactor(*): migrate raised and icon buttons --- .../src/app/grid-crm/grid-crm.component.html | 6 +++--- .../app/grid-finjs/grid-finjs.component.html | 2 +- .../app-lob/src/app/index/index.component.html | 4 ++-- .../circular-dynamic-sample.component.html | 4 ++-- .../material-icons-extended.component.html | 2 +- .../linear-dynamic-sample.component.html | 4 ++-- .../text-highlight-sample-1.component.html | 6 +++--- .../buttons-display-density.component.html | 2 +- .../buttons-sample-1.component.html | 2 +- .../buttons-sample-3.component.html | 2 +- .../buttons-sample-4.component.html | 2 +- .../buttons-sample-5.component.html | 2 +- .../buttons-sample-7.component.html | 2 +- .../buttons-style/buttons-style.component.html | 4 ++-- .../drop-down-remote.component.html | 2 +- .../drop-down-virtual.component.html | 2 +- .../dropdown-menu/dropdown-menu.component.html | 2 +- .../dropdown-sample-1.component.html | 2 +- .../dropdown-sample-2.component.html | 2 +- .../dropdown-sample-3.component.html | 2 +- .../dropdown-sample-5.component.html | 2 +- .../dropdown-styling.component.html | 2 +- ...-grid-hierarchical-selection.component.html | 2 +- ...-tree-hierarchical-selection.component.html | 2 +- .../input-group-sample-6.component.html | 2 +- ...ctive-form-custom-validation.component.html | 2 +- .../reactive-form-validation.component.html | 2 +- ...plate-driven-form-validation.component.html | 2 +- .../typed-form/typed-form.component.html | 2 +- .../radio-group-sample.component.html | 4 ++-- .../rating-form/rating-form.component.html | 2 +- .../custom-grid-paging-style.component.html | 2 +- .../grid-editing-sample.component.html | 2 +- .../grid-groupby-custom-sample.component.html | 2 +- ...lti-row-layout-configuration.component.html | 10 +++++----- .../grid-paste-sample.component.html | 4 ++-- .../grid-row-editing-style.component.html | 4 ++-- .../grid/grid-save-state/about.component.html | 2 +- .../grid-save-state/grid-state.component.html | 12 ++++++------ .../grid-search-sample.component.html | 4 ++-- .../grid-sorting-sample.component.html | 4 ++-- ...rid-state-persistance-sample.component.html | 8 ++++---- .../grid-summary-export.component.html | 2 +- .../hgrid-rowClasses.component.html | 2 +- .../hgrid-rowStyles.component.html | 2 +- .../hgrid-summary-export.component.html | 2 +- ...rarchical-grid-batch-editing.component.html | 2 +- .../hierarchical-grid-editing.component.html | 4 ++-- ...erarchical-grid-multi-column.component.html | 4 ++-- ...archical-grid-row-edit-style.component.html | 4 ++-- .../about.component.html | 2 +- .../hGrid-state.component.html | 10 +++++----- .../reactive-forms.component.html | 2 +- .../dialog-sample-1.component.html | 2 +- .../dialog-sample-2.component.html | 2 +- .../dialog-sample-3.component.html | 2 +- .../dialog-styling-sample.component.html | 6 +++--- .../drag-dialog-sample.component.html | 2 +- .../overlay-main-sample-1.component.html | 2 +- .../overlay-main-sample-2.component.html | 2 +- .../overlay-position-sample-1.component.html | 2 +- .../overlay-position-sample-2.component.html | 2 +- .../overlay-position-sample-3.component.html | 2 +- ...erlay-preset-settings-sample.component.html | 2 +- .../ripple-sample-2.component.html | 2 +- .../ripple-sample-3.component.html | 2 +- .../ripple-sample-4.component.html | 2 +- .../ripple-sample-5.component.html | 2 +- .../ripple-sample-6.component.html | 2 +- .../ripple-styling-sample.component.html | 2 +- .../toggle-sample-1.component.html | 2 +- .../toggle-sample-2.component.html | 2 +- .../toggle-sample-3.component.html | 2 +- .../toggle-sample-4.component.html | 2 +- .../interactions/toggle/toggle.component.html | 2 +- .../card-sample-1/card-sample-1.component.html | 2 +- .../card-sample-2/card-sample-2.component.html | 2 +- .../card-styling-sample.component.html | 2 +- src/app/layouts/card/card.component.html | 2 +- ...ousel-with-components-sample.component.html | 4 ++-- .../expansion-styling.component.html | 2 +- ...ition-and-orientation-sample.component.html | 10 +++++----- .../stepper-linear-sample.component.html | 18 +++++++++--------- .../stepper-overview-sample.component.html | 14 +++++++------- .../stepper-styling-sample.component.html | 10 +++++----- .../combo-binding/combo-binding.component.html | 2 +- .../combo-valuekey.component.html | 2 +- .../list-sample-6/list-sample-6.component.html | 2 +- .../list-sample-7/list-sample-7.component.html | 2 +- .../navbar-custom-title.component.html | 8 ++++---- .../navbar-sample-1.component.html | 8 ++++---- .../navbar-sample-2.component.html | 8 ++++---- .../navbar-style/navbar-style.component.html | 8 ++++---- .../nav-drawer-hierarchical.component.html | 2 +- .../nav-drawer-mini.component.html | 2 +- .../nav-drawer-pin.component.html | 2 +- .../nav-drawer-routing.component.html | 2 +- .../nav-drawer-simple.component.html | 2 +- .../snackbar-sample-1.component.html | 2 +- .../snackbar-sample-2.component.html | 4 ++-- .../snackbar-sample-4.component.html | 2 +- .../snackbar-sample-5.component.html | 2 +- .../snackbar-style.component.html | 2 +- .../toast-sample-1.component.html | 12 ++++++------ .../toast-sample-2.component.html | 2 +- .../toast-sample-3.component.html | 8 ++++---- .../toast-sample-4.component.html | 2 +- .../toast-sample-5.component.html | 2 +- .../toast-style/toast-style.component.html | 12 ++++++------ .../paginator/pagination-sample.component.html | 2 +- .../pivot-export/pivot-export.component.html | 2 +- ...grid-noop-persistence-sample.component.html | 6 +++--- .../about.component.html | 2 +- ...rid-state-persistence-sample.component.html | 10 +++++----- .../calendar-rtl-sample.component.html | 2 +- .../calendar-sample-7.component.html | 2 +- .../multiview/multiview.component.html | 2 +- .../transaction-base.component.html | 4 ++-- .../angular/angular-sample.component.html | 2 +- .../animations-sample-2.component.html | 6 +++--- .../bootstrap/bootstrap-sample.component.html | 6 +++--- .../default-theme-sample.component.html | 2 +- .../tree-grid-editing-sample.component.html | 4 ++-- ...-multi-column-headers-sample.component.html | 4 ++-- .../tree-grid-row-edit-style.component.html | 4 ++-- .../tree-grid-save-state/about.component.html | 2 +- .../tGrid-state.component.html | 12 ++++++------ .../tree-grid-search-sample.component.html | 4 ++-- .../tree-grid-sorting-sample.component.html | 4 ++-- .../tree-grid-summary-export.component.html | 2 +- 130 files changed, 234 insertions(+), 234 deletions(-) diff --git a/projects/app-crm/src/app/grid-crm/grid-crm.component.html b/projects/app-crm/src/app/grid-crm/grid-crm.component.html index 97a61fbe35..65897117d2 100644 --- a/projects/app-crm/src/app/grid-crm/grid-crm.component.html +++ b/projects/app-crm/src/app/grid-crm/grid-crm.component.html @@ -36,16 +36,16 @@
-
- -
diff --git a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html index daa9cafd2c..1818dd2978 100644 --- a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html +++ b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html @@ -66,7 +66,7 @@ - diff --git a/projects/app-lob/src/app/index/index.component.html b/projects/app-lob/src/app/index/index.component.html index 49175bece7..a20a765297 100644 --- a/projects/app-lob/src/app/index/index.component.html +++ b/projects/app-lob/src/app/index/index.component.html @@ -9,7 +9,7 @@ - {{homeRouteItem.displayName}} @@ -29,7 +29,7 @@ - {{navItem.name}} diff --git a/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.html b/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.html index 23c526b466..e35022fd9a 100644 --- a/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.html +++ b/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.html @@ -16,10 +16,10 @@
- -
diff --git a/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.html b/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.html index 368872f02f..1721fa454a 100644 --- a/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.html +++ b/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.html @@ -69,7 +69,7 @@ (click)="downloadFile(icon)" igxripple class="sample__grid-item-download" - igxButton="raised" + igxButton="contained" > arrow_downward SVG diff --git a/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.html b/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.html index 35544cbda5..225fdfafdc 100644 --- a/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.html +++ b/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.html @@ -5,10 +5,10 @@ >
- -
diff --git a/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.html b/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.html index f6a12672f8..99cad1aad2 100644 --- a/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.html +++ b/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.html @@ -9,7 +9,7 @@
- @@ -24,10 +24,10 @@
- -
diff --git a/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.html b/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.html index 79b8bddfc5..853533d488 100644 --- a/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.html +++ b/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.html @@ -7,7 +7,7 @@
- +
diff --git a/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.html b/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.html index 7f08846f42..2a08fc960d 100644 --- a/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.html +++ b/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.html @@ -3,7 +3,7 @@
- +
diff --git a/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.html b/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.html index 933d561ac3..dbd51e8aa4 100644 --- a/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.html +++ b/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.html @@ -1 +1 @@ - + diff --git a/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.html b/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.html index b567887a05..9c33e3ce44 100644 --- a/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.html +++ b/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.html @@ -1 +1 @@ -Span +Span diff --git a/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.html b/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.html index bbab91bbb2..a05ed23958 100644 --- a/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.html +++ b/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.html @@ -1 +1 @@ - + diff --git a/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.html b/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.html index 0e29ab373c..39863f9e05 100644 --- a/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.html +++ b/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.html @@ -1,3 +1,3 @@ - diff --git a/src/app/data-entries/buttons/buttons-style/buttons-style.component.html b/src/app/data-entries/buttons/buttons-style/buttons-style.component.html index eb45d2d234..a6029e94e2 100644 --- a/src/app/data-entries/buttons/buttons-style/buttons-style.component.html +++ b/src/app/data-entries/buttons/buttons-style/buttons-style.component.html @@ -1,8 +1,8 @@
- +
- +
diff --git a/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.html b/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.html index 940afba77c..326ce80547 100644 --- a/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.html +++ b/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.html @@ -1,4 +1,4 @@ - +
Item Series +
diff --git a/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.html b/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.html index 46a4a10173..0f6909d87a 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.html +++ b/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.html @@ -1,4 +1,4 @@ - diff --git a/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.html b/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.html index 3ea54cd697..dd3d6e967f 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.html +++ b/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.html @@ -1,4 +1,4 @@ - diff --git a/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.html b/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.html index fffd80b503..3e1fb3282c 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.html +++ b/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.html @@ -1,4 +1,4 @@ -
diff --git a/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.html b/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.html index 6021fbfc76..d1b0bbeb22 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.html +++ b/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.html @@ -1,5 +1,5 @@
- Disable 'Meats' diff --git a/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.html b/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.html index d899edaa87..a2fd60c2aa 100644 --- a/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.html +++ b/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.html @@ -1,4 +1,4 @@ -
diff --git a/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.html b/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.html index 557b18597e..303ee5b6d3 100644 --- a/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.html +++ b/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.html @@ -4,7 +4,7 @@ {{row.Name}}
-
diff --git a/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.html b/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.html index d2e92cf6da..989e0ccaf9 100644 --- a/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.html +++ b/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.html @@ -4,7 +4,7 @@ {{node.data.Name}}
-
diff --git a/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.html b/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.html index a6ca49fda3..46a5dc2485 100644 --- a/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.html +++ b/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.html @@ -58,7 +58,7 @@

Book your movie ticket

people_alt - +
diff --git a/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.html b/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.html index a3d9d52ea3..349ab030d1 100644 --- a/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.html +++ b/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.html @@ -32,6 +32,6 @@ - + diff --git a/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.html b/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.html index 743c44d181..36ee9f58f3 100644 --- a/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.html +++ b/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.html @@ -22,7 +22,7 @@

Registration Form

- +
diff --git a/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.html b/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.html index 9405d6dddb..dc40a1fbcd 100644 --- a/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.html +++ b/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.html @@ -23,7 +23,7 @@

Registration Form

- + diff --git a/src/app/data-entries/input-group/typed-form/typed-form.component.html b/src/app/data-entries/input-group/typed-form/typed-form.component.html index 1903cbf3fc..752fc1d7e4 100644 --- a/src/app/data-entries/input-group/typed-form/typed-form.component.html +++ b/src/app/data-entries/input-group/typed-form/typed-form.component.html @@ -39,7 +39,7 @@

Registration Form

- + diff --git a/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.html b/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.html index 69947724e1..78192e9072 100644 --- a/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.html +++ b/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.html @@ -10,8 +10,8 @@ {{fruit}} - - + + diff --git a/src/app/data-entries/rating/rating-form/rating-form.component.html b/src/app/data-entries/rating/rating-form/rating-form.component.html index 1d930fd8f4..351dde87f1 100644 --- a/src/app/data-entries/rating/rating-form/rating-form.component.html +++ b/src/app/data-entries/rating/rating-form/rating-form.component.html @@ -18,7 +18,7 @@

{{ product.ProductName }}

- diff --git a/src/app/grid/grid-editing-sample/grid-editing-sample.component.html b/src/app/grid/grid-editing-sample/grid-editing-sample.component.html index 7ef34e7d5a..069a8d8385 100644 --- a/src/app/grid/grid-editing-sample/grid-editing-sample.component.html +++ b/src/app/grid/grid-editing-sample/grid-editing-sample.component.html @@ -34,7 +34,7 @@ - diff --git a/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.html b/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.html index 1f08bb87e2..ac846d2589 100644 --- a/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.html +++ b/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.html @@ -1,7 +1,7 @@
- + {{ item.name }} diff --git a/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.html b/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.html index 6d98ecee21..f18bf80974 100644 --- a/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.html +++ b/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.html @@ -15,7 +15,7 @@
+ igxSuffix igxIconButton="flat" (pointerdown)="onRemovePointerDown($event)" (mousedown)="onRemovePointerDown($event)" (click)="onRemoveClickBlock(blockIndex)"> cancel
@@ -101,7 +101,7 @@
+ igxSuffix igxIconButton="flat" (pointerdown)="onRemovePointerDown($event)" (mousedown)="onRemovePointerDown($event)" (click)="onRemoveClickColumn(colIndex)"> cancel
@@ -115,9 +115,9 @@
- Clear Layout - Template - JSON + Clear Layout + Template + JSON
- + {{ item }} - +
diff --git a/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.html b/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.html index 4ad8f1b5ca..fe51e5f52e 100644 --- a/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.html +++ b/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.html @@ -19,10 +19,10 @@
- -
diff --git a/src/app/grid/grid-save-state/about.component.html b/src/app/grid/grid-save-state/about.component.html index 5778943b10..a25f4a8ea4 100644 --- a/src/app/grid/grid-save-state/about.component.html +++ b/src/app/grid/grid-save-state/about.component.html @@ -3,5 +3,5 @@ Navigating to the previous page, components will reinitialize as per their initial configuration, therefore the igxGrid will lose its state.
What our GridSaveStateComponent does is reading the state from the window.localStorage object and applying the corresponding state in the AfterViewInit lifecycle.
- Go Back + Go Back diff --git a/src/app/grid/grid-save-state/grid-state.component.html b/src/app/grid/grid-save-state/grid-state.component.html index 694b5bc5ca..4a7c3d59b1 100644 --- a/src/app/grid/grid-save-state/grid-state.component.html +++ b/src/app/grid/grid-save-state/grid-state.component.html @@ -1,27 +1,27 @@
- - - - - - diff --git a/src/app/grid/grid-search-sample/grid-search-sample.component.html b/src/app/grid/grid-search-sample/grid-search-sample.component.html index 11637f1aea..c3b5436d67 100644 --- a/src/app/grid/grid-search-sample/grid-search-sample.component.html +++ b/src/app/grid/grid-search-sample/grid-search-sample.component.html @@ -29,10 +29,10 @@
- -
diff --git a/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.html b/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.html index d3ce8a2797..0bf9b90bb1 100644 --- a/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.html +++ b/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.html @@ -1,11 +1,11 @@
- - diff --git a/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.html b/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.html index cc60c4897f..ee793841e9 100644 --- a/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.html +++ b/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.html @@ -1,18 +1,18 @@
- - - - diff --git a/src/app/grid/grid-summary-export/grid-summary-export.component.html b/src/app/grid/grid-summary-export/grid-summary-export.component.html index 4601c66af8..e68e5981d9 100644 --- a/src/app/grid/grid-summary-export/grid-summary-export.component.html +++ b/src/app/grid/grid-summary-export/grid-summary-export.component.html @@ -1,6 +1,6 @@
- + Press the button to export the Grid as a .xlsx file.
diff --git a/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.html b/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.html index fe923be486..e63e2f3c2c 100644 --- a/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.html +++ b/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.html @@ -11,7 +11,7 @@ [hasSummary]="true" > - diff --git a/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.html b/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.html index e2c9ca745a..d91cce05d3 100644 --- a/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.html +++ b/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.html @@ -11,7 +11,7 @@ [hasSummary]="true" > - diff --git a/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.html b/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.html index cf51f4a9cf..41a6cf45d7 100644 --- a/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.html +++ b/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.html @@ -1,6 +1,6 @@
- + Press the button to export the Grid as a .xlsx file.
diff --git a/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.html b/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.html index 03ed71f694..de4168d52c 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.html b/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.html index ae2327daf4..cd96bdcdd2 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.html @@ -1,5 +1,5 @@
- + @@ -12,7 +12,7 @@ [hasSummary]="true" [summaries]="mySummary"> - diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.html b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.html index de34512624..20e687c1f9 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.html @@ -53,7 +53,7 @@
- - + +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.html b/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.html index a435c241ba..3732aafeea 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.html @@ -37,10 +37,10 @@
- -
diff --git a/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.html b/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.html index 01cd8079ca..7f684edc6e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.html @@ -3,5 +3,5 @@ Navigating to the previous page, components will reinitialize as per their initial configuration, therefore the igxHierarchicalGrid will lose its state.
What our GridSaveStateComponent does is reading the state from the window.localStorage object and applying the corresponding state in the AfterViewInit lifecycle.
- Go Back + Go Back
diff --git a/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.html b/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.html index 84129f32f3..f3db86e8a3 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.html @@ -1,23 +1,23 @@
- - - - - diff --git a/src/app/how-to/reactive-forms/reactive-forms.component.html b/src/app/how-to/reactive-forms/reactive-forms.component.html index aa07e85889..ac87f7ccbb 100644 --- a/src/app/how-to/reactive-forms/reactive-forms.component.html +++ b/src/app/how-to/reactive-forms/reactive-forms.component.html @@ -51,7 +51,7 @@

Book your movie ticket

access_time - +
diff --git a/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.html b/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.html index 7fc59f4215..ce304428f1 100644 --- a/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.html +++ b/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.html @@ -1,4 +1,4 @@ - + Show Confirmation Dialog + Show Custom Dialog + diff --git a/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.html b/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.html index 9de0630e66..089f941dbf 100644 --- a/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.html +++ b/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.html @@ -1,5 +1,5 @@
- +
@@ -8,8 +8,8 @@
- - + +
diff --git a/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.html b/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.html index 3d24384692..252f0b2a60 100644 --- a/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.html +++ b/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.html @@ -1,4 +1,4 @@ - +
-
\ No newline at end of file diff --git a/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.html b/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.html index f9ff891379..041bf92832 100644 --- a/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.html +++ b/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.html @@ -1,5 +1,5 @@
-
\ No newline at end of file diff --git a/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.html b/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.html index 32e14fd99e..3813cd9256 100644 --- a/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.html +++ b/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.html @@ -1,5 +1,5 @@
-
\ No newline at end of file diff --git a/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.html b/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.html index e5014fc51c..8b91951d4a 100644 --- a/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.html +++ b/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.html @@ -1,5 +1,5 @@
-
diff --git a/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.html b/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.html index e5014fc51c..8b91951d4a 100644 --- a/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.html +++ b/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.html @@ -1,5 +1,5 @@
-
diff --git a/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.html b/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.html index e0343f97ed..4393dd5310 100644 --- a/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.html +++ b/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.html @@ -111,6 +111,6 @@

- diff --git a/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.html b/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.html index 6fe5a67c2b..084a5d634a 100644 --- a/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.html +++ b/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.html @@ -2,6 +2,6 @@
New York City
New York City comprises 5 boroughs sitting where the Hudson River meets the Atlantic Ocean. At its core is Manhattan, a densely populated borough that's among the world's major commercial, financial and cultural centers. - +

diff --git a/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.html b/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.html index f83330180d..57c4e434ca 100644 --- a/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.html +++ b/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.html @@ -1 +1 @@ - + diff --git a/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.html b/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.html index cbb654d4f7..9f4ac68e07 100644 --- a/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.html +++ b/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.html @@ -1 +1 @@ - + diff --git a/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.html b/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.html index 1b849f1b0e..8bf82d0ecb 100644 --- a/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.html +++ b/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.html @@ -1 +1 @@ - + diff --git a/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.html b/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.html index 6eb4ca276e..95329b7ab4 100644 --- a/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.html +++ b/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.html @@ -1 +1 @@ - + diff --git a/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.html b/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.html index 3bce2ff5e1..1576e60efc 100644 --- a/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.html +++ b/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.html @@ -7,7 +7,7 @@
Button
Icon
-
diff --git a/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.html b/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.html index c714846a98..0a67734ace 100644 --- a/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.html +++ b/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.html @@ -1,5 +1,5 @@
- +
diff --git a/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.html b/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.html index 765a5c64c2..d10ccdc50b 100644 --- a/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.html +++ b/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.html @@ -1,5 +1,5 @@
- +
Automatic toggle actions
diff --git a/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.html b/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.html index 9b2cb4be0f..f7ae0b499b 100644 --- a/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.html +++ b/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.html @@ -1,5 +1,5 @@
- +
Toggled by the service provider
diff --git a/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.html b/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.html index 7bd207977b..98114c2f4b 100644 --- a/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.html +++ b/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.html @@ -1,5 +1,5 @@
- +
Offsetting the toggle container
diff --git a/src/app/interactions/toggle/toggle.component.html b/src/app/interactions/toggle/toggle.component.html index e6f2dae411..b4ee3f3a91 100644 --- a/src/app/interactions/toggle/toggle.component.html +++ b/src/app/interactions/toggle/toggle.component.html @@ -1,5 +1,5 @@
- +
diff --git a/src/app/layouts/card/card-sample-1/card-sample-1.component.html b/src/app/layouts/card/card-sample-1/card-sample-1.component.html index bbd5884202..56d73b091e 100644 --- a/src/app/layouts/card/card-sample-1/card-sample-1.component.html +++ b/src/app/layouts/card/card-sample-1/card-sample-1.component.html @@ -11,7 +11,7 @@
{{card.subtitle}}
- diff --git a/src/app/layouts/card/card-sample-2/card-sample-2.component.html b/src/app/layouts/card/card-sample-2/card-sample-2.component.html index a5199f784c..7f6e7fab9c 100644 --- a/src/app/layouts/card/card-sample-2/card-sample-2.component.html +++ b/src/app/layouts/card/card-sample-2/card-sample-2.component.html @@ -17,7 +17,7 @@
{{card.subtitle}}
- diff --git a/src/app/layouts/card/card-styling-sample/card-styling-sample.component.html b/src/app/layouts/card/card-styling-sample/card-styling-sample.component.html index 097249acdf..d2b111bc2a 100644 --- a/src/app/layouts/card/card-styling-sample/card-styling-sample.component.html +++ b/src/app/layouts/card/card-styling-sample/card-styling-sample.component.html @@ -14,7 +14,7 @@
{{ card.subtitle }}
- - +
@@ -38,7 +38,7 @@
- +
diff --git a/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.html b/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.html index 74e7b8b2b6..111ce26a3f 100644 --- a/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.html +++ b/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.html @@ -14,7 +14,7 @@ The Golden Retriever is a medium-large gun dog that retrieves shot waterfowl, such as ducks and upland game birds, during hunting and shooting parties.[3] The name "retriever" refers to the breed's ability to retrieve shot game undamaged due to their soft mouth. Golden retrievers have an instinctive love of water, and are easy to train to basic or advanced obedience standards. - Read more + Read more
diff --git a/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.html b/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.html index e73ccf7b3f..df4365e912 100644 --- a/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.html +++ b/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.html @@ -9,7 +9,7 @@ Order
- +
@@ -17,8 +17,8 @@ Payment
- - + +
@@ -26,8 +26,8 @@ Confirmation
- - + +
diff --git a/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.html b/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.html index 4a9ade4515..415d8816d0 100644 --- a/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.html +++ b/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.html @@ -23,7 +23,7 @@
-
@@ -43,8 +43,8 @@
- - +
@@ -65,8 +65,8 @@
- - + +
@@ -80,8 +80,8 @@
- - + +
@@ -92,8 +92,8 @@

Your order is on its way. Expect delivery on 25th September 2021. Delivery address: San Jose, CA 94243.

- - + +
diff --git a/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.html b/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.html index 4f8cee8516..6c26c06abc 100644 --- a/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.html +++ b/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.html @@ -96,8 +96,8 @@

Choose your business credit card

- - +
@@ -160,8 +160,8 @@

Choose your business credit card

- - +
@@ -222,8 +222,8 @@

Choose your business credit card

- - +
@@ -257,7 +257,7 @@

Your application for a business credit card has be
-

diff --git a/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.html b/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.html index bfc7c9e159..45b26160dc 100644 --- a/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.html +++ b/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.html @@ -10,7 +10,7 @@ required
- +
@@ -19,8 +19,8 @@ Optional
- - + +
@@ -29,8 +29,8 @@ required
- - + +
diff --git a/src/app/lists/combo/combo-binding/combo-binding.component.html b/src/app/lists/combo/combo-binding/combo-binding.component.html index 6a875c8eeb..3227f7219a 100644 --- a/src/app/lists/combo/combo-binding/combo-binding.component.html +++ b/src/app/lists/combo/combo-binding/combo-binding.component.html @@ -3,7 +3,7 @@ - +
Selected Cities:
diff --git a/src/app/lists/combo/combo-valuekey/combo-valuekey.component.html b/src/app/lists/combo/combo-valuekey/combo-valuekey.component.html index 177575fc7b..fcd1b214b4 100644 --- a/src/app/lists/combo/combo-valuekey/combo-valuekey.component.html +++ b/src/app/lists/combo/combo-valuekey/combo-valuekey.component.html @@ -3,7 +3,7 @@ - +
Selected Cities:
{{ selectedValueKey }}
diff --git a/src/app/lists/list/list-sample-6/list-sample-6.component.html b/src/app/lists/list/list-sample-6/list-sample-6.component.html index 3d62602ccf..a6eddde086 100644 --- a/src/app/lists/list/list-sample-6/list-sample-6.component.html +++ b/src/app/lists/list/list-sample-6/list-sample-6.component.html @@ -3,7 +3,7 @@ {{ fruit }} -
+
Patience, we are currently loading your data...
diff --git a/src/app/lists/list/list-sample-7/list-sample-7.component.html b/src/app/lists/list/list-sample-7/list-sample-7.component.html index 277c25a97f..b61eea8699 100644 --- a/src/app/lists/list/list-sample-7/list-sample-7.component.html +++ b/src/app/lists/list/list-sample-7/list-sample-7.component.html @@ -31,4 +31,4 @@ - + diff --git a/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.html b/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.html index f06078ad1a..f4d3ebaa34 100644 --- a/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.html +++ b/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.html @@ -1,7 +1,7 @@
- @@ -13,13 +13,13 @@
- - - diff --git a/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.html b/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.html index 00bb187420..ddc3b1415c 100644 --- a/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.html +++ b/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.html @@ -1,18 +1,18 @@
- - - - diff --git a/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.html b/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.html index 35ddaacd09..df8be7af4a 100644 --- a/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.html +++ b/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.html @@ -1,18 +1,18 @@
- - - - diff --git a/src/app/menus/navbar/navbar-style/navbar-style.component.html b/src/app/menus/navbar/navbar-style/navbar-style.component.html index 91ba3603f9..a8accf3f75 100644 --- a/src/app/menus/navbar/navbar-style/navbar-style.component.html +++ b/src/app/menus/navbar/navbar-style/navbar-style.component.html @@ -1,18 +1,18 @@
- - - - diff --git a/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.html b/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.html index e1f035a009..6f2f1a0859 100644 --- a/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.html +++ b/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.html @@ -13,7 +13,7 @@
- + menu
{{selectedContent}}
diff --git a/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.html b/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.html index 95f7f516d7..8c11b4f94f 100644 --- a/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.html +++ b/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.html @@ -15,7 +15,7 @@
- + menu
diff --git a/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.html b/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.html index 9b34921169..e5f065bf47 100644 --- a/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.html +++ b/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.html @@ -14,7 +14,7 @@
- + menu diff --git a/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.html b/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.html index 7adfe2be20..4b30465057 100644 --- a/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.html +++ b/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.html @@ -19,7 +19,7 @@
- + menu
diff --git a/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.html b/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.html index 7f6378d999..556f0a3918 100644 --- a/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.html +++ b/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.html @@ -14,7 +14,7 @@
- + menu diff --git a/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.html b/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.html index 8947972c4e..56b08f785d 100644 --- a/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.html +++ b/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.html @@ -1,4 +1,4 @@ - +
Message deleted
diff --git a/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.html b/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.html index 1c096358af..35fc474c89 100644 --- a/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.html +++ b/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.html @@ -1,7 +1,7 @@
Snackbar Component that uses Content projection
- + Message sent @@ -13,7 +13,7 @@
Snackbar Component which dynamically changes the message text
Snackbar Component that uses Content Projection and dynamically changes the message text
- + support_agent diff --git a/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.html b/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.html index ce79fd935e..e4daddc882 100644 --- a/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.html +++ b/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.html @@ -5,7 +5,7 @@ {{item.text}} - + delete diff --git a/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.html b/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.html index 5e23ae5ad5..e4bf0b5797 100644 --- a/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.html +++ b/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.html @@ -1,4 +1,4 @@ - +
File loading diff --git a/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.html b/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.html index 93428254c9..1d51649d0e 100644 --- a/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.html +++ b/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.html @@ -1,4 +1,4 @@ - +
Message sent
diff --git a/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.html b/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.html index 975372bfce..f498faa82f 100644 --- a/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.html +++ b/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.html @@ -4,24 +4,24 @@
Bottom Position
- - + +
Middle Position
- - + +
Top Position
- - + +
diff --git a/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.html b/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.html index a76abaff80..d3df72f345 100644 --- a/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.html +++ b/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.html @@ -1,4 +1,4 @@
- + Notification displayed
diff --git a/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.html b/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.html index 5bdd9d22a5..eb7f92db7b 100644 --- a/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.html +++ b/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.html @@ -1,8 +1,8 @@
Toast that uses content projection
- - + + Notification displayed @@ -15,8 +15,8 @@
Toast which dynamically changes the message text
Toast that uses content projection and dynamically changes the message text
- - + + mail diff --git a/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.html b/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.html index 3452c0c48a..3966649b9d 100644 --- a/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.html +++ b/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.html @@ -1,4 +1,4 @@
- + Notification displayed
diff --git a/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.html b/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.html index 33c552d2b9..4ded83f29f 100644 --- a/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.html +++ b/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.html @@ -1,4 +1,4 @@
- + Notification displayed
diff --git a/src/app/notifications/toast/toast-style/toast-style.component.html b/src/app/notifications/toast/toast-style/toast-style.component.html index 7d39592ae1..051116629e 100644 --- a/src/app/notifications/toast/toast-style/toast-style.component.html +++ b/src/app/notifications/toast/toast-style/toast-style.component.html @@ -4,24 +4,24 @@
Bottom Position
- - + +
Middle Position
- - + +
Top Position
- - + +
diff --git a/src/app/pagination/paginator/pagination-sample.component.html b/src/app/pagination/paginator/pagination-sample.component.html index b4edb7f57d..1a0cd03ed2 100644 --- a/src/app/pagination/paginator/pagination-sample.component.html +++ b/src/app/pagination/paginator/pagination-sample.component.html @@ -16,7 +16,7 @@
Price: {{ product.UnitPrice | currency:'USD' }}
- + Press the button to export the Pivot Grid as .xlsx file.
diff --git a/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.html b/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.html index e92fdd482c..29a78af691 100644 --- a/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.html +++ b/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.html @@ -1,13 +1,13 @@
- - - diff --git a/src/app/pivot-grid/pivot-state-persistence/about.component.html b/src/app/pivot-grid/pivot-state-persistence/about.component.html index ccd236ec7d..b0316db58c 100644 --- a/src/app/pivot-grid/pivot-state-persistence/about.component.html +++ b/src/app/pivot-grid/pivot-state-persistence/about.component.html @@ -3,5 +3,5 @@ Navigating to the previous page, components will reinitialize as per their initial configuration, therefore the igxPivotGrid will lose its state.
What our PivotGridStatePersistanceSampleComponent does is reading the state from the window.localStorage object and applying the corresponding state in the AfterViewInit lifecycle.
- Go Back + Go Back
diff --git a/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.html b/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.html index b8d8a23870..4183defe48 100644 --- a/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.html +++ b/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.html @@ -1,22 +1,22 @@
- - - - - diff --git a/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.html b/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.html index 4266d7e25d..bef7161202 100644 --- a/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.html +++ b/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.html @@ -1,6 +1,6 @@
- +
diff --git a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.html b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.html index 061fd58bb7..c0c4636053 100644 --- a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.html +++ b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.html @@ -3,5 +3,5 @@ - +
diff --git a/src/app/scheduling/calendar/multiview/multiview.component.html b/src/app/scheduling/calendar/multiview/multiview.component.html index f5bf6a5f15..abdbd55126 100644 --- a/src/app/scheduling/calendar/multiview/multiview.component.html +++ b/src/app/scheduling/calendar/multiview/multiview.component.html @@ -8,5 +8,5 @@ - + diff --git a/src/app/services/transaction/transaction-base/transaction-base.component.html b/src/app/services/transaction/transaction-base/transaction-base.component.html index e55c664b30..b9902941cd 100644 --- a/src/app/services/transaction/transaction-base/transaction-base.component.html +++ b/src/app/services/transaction/transaction-base/transaction-base.component.html @@ -13,9 +13,9 @@
- -
diff --git a/src/app/theming/angular/angular-sample.component.html b/src/app/theming/angular/angular-sample.component.html index 8795ad8a45..506c6a816a 100644 --- a/src/app/theming/angular/angular-sample.component.html +++ b/src/app/theming/angular/angular-sample.component.html @@ -15,7 +15,7 @@
- diff --git a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.html b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.html index 33f8b8f862..d786566624 100644 --- a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.html +++ b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.html @@ -20,13 +20,13 @@
Under the Grave (2016)
- - - diff --git a/src/app/theming/bootstrap/bootstrap-sample.component.html b/src/app/theming/bootstrap/bootstrap-sample.component.html index ae579535b8..9bbbe330bf 100644 --- a/src/app/theming/bootstrap/bootstrap-sample.component.html +++ b/src/app/theming/bootstrap/bootstrap-sample.component.html @@ -42,7 +42,7 @@ >
@@ -281,7 +281,7 @@
{{ contact.amount }} - diff --git a/src/app/theming/default-theme-sample/default-theme-sample.component.html b/src/app/theming/default-theme-sample/default-theme-sample.component.html index 62bfcbb474..6d1fcb3188 100644 --- a/src/app/theming/default-theme-sample/default-theme-sample.component.html +++ b/src/app/theming/default-theme-sample/default-theme-sample.component.html @@ -43,7 +43,7 @@ - diff --git a/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.html b/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.html index 4e6647ef84..52faec913f 100644 --- a/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.html +++ b/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.html @@ -18,10 +18,10 @@
- -
diff --git a/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.html b/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.html index d021657255..c2b59f4062 100644 --- a/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.html +++ b/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.html @@ -42,7 +42,7 @@
- - + +
diff --git a/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.html b/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.html index 2bbc0cc544..4f3d922b4a 100644 --- a/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.html +++ b/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.html @@ -8,10 +8,10 @@
- -
diff --git a/src/app/tree-grid/tree-grid-save-state/about.component.html b/src/app/tree-grid/tree-grid-save-state/about.component.html index 0aa8b4e73a..9904379da8 100644 --- a/src/app/tree-grid/tree-grid-save-state/about.component.html +++ b/src/app/tree-grid/tree-grid-save-state/about.component.html @@ -3,5 +3,5 @@ Navigating to the previous page, components will reinitialize as per their initial configuration, therefore the igxTreeGrid will lose its state.
What our GridSaveStateComponent does is reading the state from the window.localStorage object and applying the corresponding state in the AfterViewInit lifecycle.
- Go Back + Go Back
diff --git a/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.html b/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.html index 3037948fc6..68b83d1cdd 100644 --- a/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.html +++ b/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.html @@ -1,27 +1,27 @@
- - - - - - diff --git a/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.html b/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.html index abe4f59b6b..da9b60db46 100644 --- a/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.html +++ b/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.html @@ -29,10 +29,10 @@
- -
diff --git a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.html b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.html index d64ac4c571..26fdb54ac7 100644 --- a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.html +++ b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.html @@ -2,11 +2,11 @@ - - diff --git a/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.html b/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.html index 2925372f34..ed809fad7a 100644 --- a/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.html +++ b/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.html @@ -1,6 +1,6 @@
- + Press the button to export the Grid as a .xlsx file.
From 94fa5ff4d94c52ba024c0d857056e16f5869852d Mon Sep 17 00:00:00 2001 From: sivanova Date: Thu, 23 Nov 2023 11:32:30 +0200 Subject: [PATCH 3/5] refactor(*): migrate buttons --- .../src/app/grid-finjs/grid-finjs.component.html | 2 +- src/app/data-display/data-display.module.ts | 6 ++++-- .../text-highlight-sample-1.component.html | 2 +- .../text-highlight-sample-2.component.html | 8 ++++---- .../text-highlight-style.component.html | 8 ++++---- .../buttons-disabled-sample.html | 2 +- .../buttons-roundness-sample.html | 6 +++--- .../buttons-roundness-sample.scss | 6 +++--- .../dropdown-sample-4/dropdown-sample-4.component.html | 2 +- .../radio-group-sample.component.scss | 2 +- .../grid-action-strip/grid-action-strip-sample.html | 10 +++++----- .../grid-cascading-combos.component.scss | 2 +- .../grid/grid-crud-sample/crud-sample.component.html | 2 +- .../grid-editing-sample.component.scss | 2 +- .../grid-excel-style-filtering-style.component.scss | 4 ++-- .../multi-column-headers/multi-column-headers.html | 4 ++-- .../multi-column-headers/multi-column-headers.scss | 2 +- .../hgrid-rowClasses.component.scss | 2 +- .../hgrid-rowStyles.component.scss | 2 +- .../hierarchical-grid-action-strip-sample.html | 10 +++++----- .../hierarchical-grid-add-row.component.scss | 2 +- ...chical-grid-advanced-filtering-style.component.scss | 4 ++-- .../hierarchical-grid-batch-editing.component.scss | 2 +- .../hierarchical-grid-editing.component.scss | 2 +- ...cal-grid-excel-style-filtering-style.component.scss | 4 ++-- .../hierarchical-grid-multi-column.component.scss | 2 +- src/app/index/index.component.scss | 2 +- .../overlay-preset-settings-sample.component.scss | 2 +- .../query-builder-style.component.scss | 6 +++--- .../tabs-header-prefix-suffix.html | 2 +- .../list-chat-sample/list-chat-sample.component.html | 2 +- .../calendar-sample-7/calendar-sample-7.component.scss | 2 +- .../calendar/multiview/multiview.component.scss | 2 +- .../datepicker-sample-9.component.html | 4 ++-- .../default-theme-sample.component.scss | 2 +- .../shadows/card-sample-shadow/card-sample-shadow.html | 4 ++-- .../tree-grid-action-strip-sample.html | 10 +++++----- .../tree-grid-advanced-filtering-style.component.scss | 4 ++-- ...ree-grid-excel-style-filtering-style.component.scss | 4 ++-- ...ree-grid-multi-column-headers-sample.component.scss | 2 +- 40 files changed, 75 insertions(+), 73 deletions(-) diff --git a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html index 1818dd2978..189321d008 100644 --- a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html +++ b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html @@ -95,7 +95,7 @@