Skip to content

Commit

Permalink
Merge pull request #9 from andiesm813/andiesm813-2024-07-24
Browse files Browse the repository at this point in the history
⭐ All AB Components 2024 ⭐ updates
  • Loading branch information
andiesm813 authored Jul 24, 2024
2 parents 038f29d + cf59470 commit 7e6ab5f
Show file tree
Hide file tree
Showing 5 changed files with 166 additions and 118 deletions.
214 changes: 108 additions & 106 deletions angular.json
Original file line number Diff line number Diff line change
@@ -1,113 +1,115 @@
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"all-abcomponents2024": {
"projectType": "application",
"schematics": {
"@schematics/angular:component": {
"style": "scss"
}
},
"root": "",
"sourceRoot": "src",
"prefix": "app",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:application",
"options": {
"outputPath": "dist/all-abcomponents2024",
"index": "src/index.html",
"browser": "src/main.ts",
"polyfills": [
"zone.js"
],
"tsConfig": "tsconfig.app.json",
"inlineStyleLanguage": "scss",
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"all-abcomponents2024": {
"projectType": "application",
"schematics": {
"@schematics/angular:component": {
"style": "scss"
}
},
"root": "",
"sourceRoot": "src",
"prefix": "app",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:application",
"options": {
"outputPath": "dist/all-abcomponents2024",
"index": "src/index.html",
"browser": "src/main.ts",
"polyfills": [
"zone.js"
],
"tsConfig": "tsconfig.app.json",
"inlineStyleLanguage": "scss",
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"./node_modules/@igniteui/material-icons-extended/styles/sprite.css",
"src/styles.scss"
],
"scripts": [
"./node_modules/hammerjs/hammer.min.js"
],
"stylePreprocessorOptions": {
"includePaths": [
"node_modules"
]
}
},
"configurations": {
"production": {
"budgets": [
{
"type": "initial",
"maximumWarning": "5mb",
"maximumError": "10mb"
},
{
"type": "anyComponentStyle",
"scripts": [
"./node_modules/hammerjs/hammer.min.js"
],
"stylePreprocessorOptions": {
"includePaths": [
"node_modules"
]
}
},
"configurations": {
"production": {
"budgets": [
{
"type": "initial",
"maximumWarning": "5mb",
"maximumError": "10mb"
},
{
"type": "anyComponentStyle",
"maximumWarning": "6kb",
"maximumError": "2mb"
}
],
"outputHashing": "all"
},
"development": {
"optimization": false,
"extractLicenses": false,
"sourceMap": true
}
},
"defaultConfiguration": "production"
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"configurations": {
"production": {
"buildTarget": "all-abcomponents2024:build:production"
},
"development": {
"buildTarget": "all-abcomponents2024:build:development"
}
},
"defaultConfiguration": "development"
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"buildTarget": "all-abcomponents2024:build"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"polyfills": [
"zone.js",
"zone.js/testing"
],
"tsConfig": "tsconfig.spec.json",
"inlineStyleLanguage": "scss",
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"src/styles.scss"
],
"scripts": [],
}
],
"outputHashing": "all"
},
"development": {
"optimization": false,
"extractLicenses": false,
"sourceMap": true
}
},
"defaultConfiguration": "production"
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"configurations": {
"production": {
"buildTarget": "all-abcomponents2024:build:production"
},
"development": {
"buildTarget": "all-abcomponents2024:build:development"
}
},
"defaultConfiguration": "development"
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"buildTarget": "all-abcomponents2024:build"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"polyfills": [
"zone.js",
"zone.js/testing"
],
"tsConfig": "tsconfig.spec.json",
"inlineStyleLanguage": "scss",
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"./node_modules/@igniteui/material-icons-extended/styles/sprite.css",
"src/styles.scss"
],
"scripts": [],
"stylePreprocessorOptions": {
"includePaths": [
"node_modules"
]
}
}
}
}
}
}
"includePaths": [
"node_modules"
]
}
}
}
}
}
}
}
2 changes: 1 addition & 1 deletion src/app/all-components/all-components.component.ts
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,8 @@ import { IgcFormsModule, IGX_ACCORDION_DIRECTIVES, IGX_BANNER_DIRECTIVES, IGX_BU
import { IgxCategoryChartModule } from 'igniteui-angular-charts';
import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents';
import { Subject, takeUntil } from 'rxjs';
import { EmployeesType } from '../models/northwind/employees-type';
import { BoxOfficeRevenueType } from '../models/financial/box-office-revenue-type';
import { EmployeesType } from '../models/northwind/employees-type';
import { FinancialService } from '../services/financial.service';
import { NorthwindService } from '../services/northwind.service';

Expand Down
56 changes: 49 additions & 7 deletions src/app/avatars-images/avatars-images.component.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,15 @@
<div class="column-layout group">
<div class="row-layout group_1">
<div class="column-layout group_2">
<div class="row-layout group_3">
<igx-avatar size="large" shape="circle" class="avatar"></igx-avatar>
<igx-avatar shape="rounded" size="medium" class="avatar"></igx-avatar>
<igx-avatar class="avatar"></igx-avatar>
</div>
<p class="ig-typography__subtitle-2 text">
No image
</p>
</div>
<div class="column-layout group_2">
<div class="row-layout group_3">
<igx-avatar src="/assets/a7f211be67afc061d9571f5b5b5236cd92420e0c.png" size="large" shape="circle" class="avatar"></igx-avatar>
Expand Down Expand Up @@ -94,15 +104,9 @@
</div>
<div class="row-layout group_4">
<igx-card class="card">
<igx-card-media height="200px" class="media-content">
<img src="/assets/start-building-dark.svg" class="image" />
</igx-card-media>
<igx-card-header>
<div igxCardThumbnail>
<igx-avatar src="/assets/Avatar13.png" size="large" shape="circle" class="avatar"></igx-avatar>
</div>
<h3 igxCardHeaderTitle>
Images from Assets
No image
</h3>
<h5 igxCardHeaderSubtitle>
Subtitle goes here...
Expand Down Expand Up @@ -133,6 +137,40 @@ <h5 igxCardHeaderSubtitle>
</ng-container>
</igx-card-actions>
</igx-card>
<igx-card class="card">
<igx-card-media height="200px" class="media-content">
<img src="/assets/start-building-dark.svg" class="image" />
</igx-card-media>
<igx-card-header>
<div igxCardThumbnail>
<igx-avatar src="/assets/Avatar13.png" size="large" shape="circle" class="avatar"></igx-avatar>
</div>
<h3 igxCardHeaderTitle>
Images from Assets
</h3>
<h5 igxCardHeaderSubtitle>
Subtitle goes here...
</h5>
</igx-card-header>
<igx-card-actions class="actions-content">
<ng-container igxStart>
<button igxButton="flat" igxRipple class="button">
Button
</button>
</ng-container>
<ng-container igxEnd>
<button igxRipple igxIconButton="flat">
<igx-icon family="imx-icon" name="imx-cement-mixer"></igx-icon>
</button>
<button igxRipple igxIconButton="flat">
<igx-icon family="imx-icon" name="imx-bulldozer"></igx-icon>
</button>
<button igxRipple igxIconButton="flat">
<igx-icon family="imx-icon" name="imx-brick-wall"></igx-icon>
</button>
</ng-container>
</igx-card-actions>
</igx-card>
<igx-card class="card">
<igx-card-media height="200px" class="media-content">
<img src="https://images.unsplash.com/photo-1638643391904-9b551ba91eaa?q=80&w=2592&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="image" />
Expand Down Expand Up @@ -176,6 +214,10 @@ <h5 igxCardHeaderSubtitle>
</div>
</div>
<div class="column-layout group">
<p class="ig-typography__subtitle-2 text">
No image
</p>
<img class="image_1" />
<p class="ig-typography__subtitle-2 text">
Image from Assets
</p>
Expand Down
8 changes: 4 additions & 4 deletions src/app/avatars-images/avatars-images.component.scss
Original file line number Diff line number Diff line change
Expand Up @@ -94,14 +94,14 @@
max-height: 306px;
flex-shrink: 0;
}
.media-content {
min-height: 200px;
max-height: 200px;
}
.actions-content {
min-width: 50px;
min-height: 40px;
}
.media-content {
min-height: 200px;
max-height: 200px;
}
.list {
height: max-content;
flex-shrink: 0;
Expand Down
4 changes: 4 additions & 0 deletions src/styles.scss
Original file line number Diff line number Diff line change
Expand Up @@ -26,3 +26,7 @@ html, body {
.outer-wrapper > *:not(router-outlet) {
width: 100%;
}

.imx-icon {
-webkit-mask-size: auto;
}

0 comments on commit 7e6ab5f

Please sign in to comment.