first commit
This commit is contained in:
3
src/app/content/icons/feather/feather.component.css
Normal file
3
src/app/content/icons/feather/feather.component.css
Normal file
@@ -0,0 +1,3 @@
|
||||
:host ::ng-deep .block-ui-wrapper {
|
||||
background: rgba(255, 249, 249, 0.5) !important;
|
||||
}
|
||||
1707
src/app/content/icons/feather/feather.component.html
Normal file
1707
src/app/content/icons/feather/feather.component.html
Normal file
File diff suppressed because it is too large
Load Diff
25
src/app/content/icons/feather/feather.component.spec.ts
Normal file
25
src/app/content/icons/feather/feather.component.spec.ts
Normal file
@@ -0,0 +1,25 @@
|
||||
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
|
||||
|
||||
import { FeatherComponent } from './feather.component';
|
||||
|
||||
describe('FeatherComponent', () => {
|
||||
let component: FeatherComponent;
|
||||
let fixture: ComponentFixture<FeatherComponent>;
|
||||
|
||||
beforeEach(waitForAsync(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ FeatherComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(FeatherComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
52
src/app/content/icons/feather/feather.component.ts
Normal file
52
src/app/content/icons/feather/feather.component.ts
Normal file
@@ -0,0 +1,52 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { NgBlockUI, BlockUI } from 'ng-block-ui';
|
||||
|
||||
@Component({
|
||||
selector: 'app-feather',
|
||||
templateUrl: './feather.component.html',
|
||||
styleUrls: ['./feather.component.css']
|
||||
})
|
||||
export class FeatherComponent implements OnInit {
|
||||
|
||||
@BlockUI('featherIcons') blockUIFeatherIcons: NgBlockUI;
|
||||
|
||||
public breadcrumb: any;
|
||||
|
||||
options = {
|
||||
close: true,
|
||||
expand: true,
|
||||
minimize: true,
|
||||
reload: true
|
||||
};
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
this.breadcrumb = {
|
||||
'mainlabel': 'Feather Icons',
|
||||
'links': [
|
||||
{
|
||||
'name': 'Home',
|
||||
'isLink': true,
|
||||
'link': '/dashboard/sales'
|
||||
},
|
||||
{
|
||||
'name': 'Icons',
|
||||
'isLink': true,
|
||||
'link': '#'
|
||||
},
|
||||
{
|
||||
'name': 'Feather Icons',
|
||||
'isLink': false
|
||||
}
|
||||
]
|
||||
};
|
||||
}
|
||||
reloadFeatherIcons() {
|
||||
this.blockUIFeatherIcons.start('Loading..');
|
||||
|
||||
setTimeout(() => {
|
||||
this.blockUIFeatherIcons.stop();
|
||||
}, 2500);
|
||||
}
|
||||
|
||||
}
|
||||
13
src/app/content/icons/icons.module.spec.ts
Normal file
13
src/app/content/icons/icons.module.spec.ts
Normal file
@@ -0,0 +1,13 @@
|
||||
import { IconsModule } from './icons.module';
|
||||
|
||||
describe('IconsModule', () => {
|
||||
let iconsModule: IconsModule;
|
||||
|
||||
beforeEach(() => {
|
||||
iconsModule = new IconsModule();
|
||||
});
|
||||
|
||||
it('should create an instance', () => {
|
||||
expect(iconsModule).toBeTruthy();
|
||||
});
|
||||
});
|
||||
44
src/app/content/icons/icons.module.ts
Normal file
44
src/app/content/icons/icons.module.ts
Normal file
@@ -0,0 +1,44 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { FeatherComponent } from './feather/feather.component';
|
||||
import { RouterModule } from '@angular/router';
|
||||
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
|
||||
import { LineAwesomeComponent } from './line-awesome/line-awesome.component';
|
||||
import { MeteoconsComponent } from './meteocons/meteocons.component';
|
||||
import { SimpleLineIconsComponent } from './simple-line-icons/simple-line-icons.component';
|
||||
import { CardModule } from '../partials/general/card/card.module';
|
||||
import { BreadcrumbModule } from 'src/app/_layout/breadcrumb/breadcrumb.module';
|
||||
import { BlockUIModule } from 'ng-block-ui';
|
||||
import { BlockTemplateComponent } from '../../_layout/blockui/block-template.component';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule,
|
||||
NgbModule,
|
||||
BreadcrumbModule,
|
||||
CardModule,
|
||||
BlockUIModule.forRoot({
|
||||
template: BlockTemplateComponent
|
||||
}),
|
||||
RouterModule.forChild([{
|
||||
path: 'feather',
|
||||
component: FeatherComponent
|
||||
},
|
||||
{
|
||||
path: 'line-awesome',
|
||||
component: LineAwesomeComponent
|
||||
},
|
||||
{
|
||||
path: 'meteocons',
|
||||
component: MeteoconsComponent
|
||||
},
|
||||
{
|
||||
path: 'simple-line-icons',
|
||||
component: SimpleLineIconsComponent
|
||||
},
|
||||
])
|
||||
],
|
||||
declarations: [FeatherComponent, LineAwesomeComponent, MeteoconsComponent, SimpleLineIconsComponent],
|
||||
exports: [RouterModule]
|
||||
})
|
||||
export class IconsModule { }
|
||||
@@ -0,0 +1,3 @@
|
||||
:host ::ng-deep .block-ui-wrapper {
|
||||
background: rgba(255, 249, 249, 0.5) !important;
|
||||
}
|
||||
3397
src/app/content/icons/line-awesome/line-awesome.component.html
Normal file
3397
src/app/content/icons/line-awesome/line-awesome.component.html
Normal file
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,25 @@
|
||||
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
|
||||
|
||||
import { LineAwesomeComponent } from './line-awesome.component';
|
||||
|
||||
describe('LineAwesomeComponent', () => {
|
||||
let component: LineAwesomeComponent;
|
||||
let fixture: ComponentFixture<LineAwesomeComponent>;
|
||||
|
||||
beforeEach(waitForAsync(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ LineAwesomeComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(LineAwesomeComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
53
src/app/content/icons/line-awesome/line-awesome.component.ts
Normal file
53
src/app/content/icons/line-awesome/line-awesome.component.ts
Normal file
@@ -0,0 +1,53 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { NgBlockUI, BlockUI } from 'ng-block-ui';
|
||||
|
||||
@Component({
|
||||
selector: 'app-line-awesome',
|
||||
templateUrl: './line-awesome.component.html',
|
||||
styleUrls: ['./line-awesome.component.css']
|
||||
})
|
||||
export class LineAwesomeComponent implements OnInit {
|
||||
|
||||
@BlockUI('lineAwesome') blockUILineAwesome: NgBlockUI;
|
||||
|
||||
public breadcrumb: any;
|
||||
|
||||
options = {
|
||||
close: true,
|
||||
expand: true,
|
||||
minimize: true,
|
||||
reload: true
|
||||
};
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
this.breadcrumb = {
|
||||
'mainlabel': 'Line Awesome',
|
||||
'links': [
|
||||
{
|
||||
'name': 'Home',
|
||||
'isLink': true,
|
||||
'link': '/dashboard/sales'
|
||||
},
|
||||
{
|
||||
'name': 'Icons',
|
||||
'isLink': true,
|
||||
'link': '#'
|
||||
},
|
||||
{
|
||||
'name': 'Line Awesome',
|
||||
'isLink': false
|
||||
}
|
||||
]
|
||||
};
|
||||
}
|
||||
|
||||
reloadLineAwesome() {
|
||||
this.blockUILineAwesome.start('Loading..');
|
||||
|
||||
setTimeout(() => {
|
||||
this.blockUILineAwesome.stop();
|
||||
}, 2500);
|
||||
}
|
||||
|
||||
}
|
||||
3
src/app/content/icons/meteocons/meteocons.component.css
Normal file
3
src/app/content/icons/meteocons/meteocons.component.css
Normal file
@@ -0,0 +1,3 @@
|
||||
:host ::ng-deep .block-ui-wrapper {
|
||||
background: rgba(255, 249, 249, 0.5) !important;
|
||||
}
|
||||
262
src/app/content/icons/meteocons/meteocons.component.html
Normal file
262
src/app/content/icons/meteocons/meteocons.component.html
Normal file
@@ -0,0 +1,262 @@
|
||||
<div class="app-content content">
|
||||
<div class="content-wrapper">
|
||||
<div class="content-header row mb-1">
|
||||
<app-breadcrumb class="col-12" [breadcrumb]="breadcrumb"></app-breadcrumb>
|
||||
</div>
|
||||
<div class="content-body">
|
||||
<!-- Meteocons section start -->
|
||||
<section id="meteocons">
|
||||
<div class="row">
|
||||
<div class="col-12" *blockUI="'meteocons'; message: 'Loading'">
|
||||
<m-card [options]="options" (reloadFunction)="reloadMeteocons($event)">
|
||||
<ng-container mCardHeaderTitle>
|
||||
Meteocons
|
||||
</ng-container>
|
||||
<ng-container mCardBody>
|
||||
<div class="feather-icons overflow-hidden row">
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-sunrise"></i></div>
|
||||
<label class="fonticon-classname">me-sunrise</label>
|
||||
<label class="fonticon-unit">e900</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-sun"></i></div>
|
||||
<label class="fonticon-classname">me-sun</label>
|
||||
<label class="fonticon-unit">e901</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-moon"></i></div>
|
||||
<label class="fonticon-classname">me-moon</label>
|
||||
<label class="fonticon-unit">e902</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-sun2"></i></div>
|
||||
<label class="fonticon-classname">me-sun2</label>
|
||||
<label class="fonticon-unit">e903</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-windy"></i></div>
|
||||
<label class="fonticon-classname">me-windy</label>
|
||||
<label class="fonticon-unit">e904</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-wind"></i></div>
|
||||
<label class="fonticon-classname">me-wind</label>
|
||||
<label class="fonticon-unit">e905</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-snowflake"></i></div>
|
||||
<label class="fonticon-classname">me-snowflake</label>
|
||||
<label class="fonticon-unit">e906</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-cloudy"></i></div>
|
||||
<label class="fonticon-classname">me-cloudy</label>
|
||||
<label class="fonticon-unit">e907</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-cloud"></i></div>
|
||||
<label class="fonticon-classname">me-cloud</label>
|
||||
<label class="fonticon-unit">e908</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-weather"></i></div>
|
||||
<label class="fonticon-classname">me-weather</label>
|
||||
<label class="fonticon-unit">e909</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-weather2"></i></div>
|
||||
<label class="fonticon-classname">me-weather2</label>
|
||||
<label class="fonticon-unit">e90a</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-weather3"></i></div>
|
||||
<label class="fonticon-classname">me-weather3</label>
|
||||
<label class="fonticon-unit">e90b</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-lines"></i></div>
|
||||
<label class="fonticon-classname">me-lines</label>
|
||||
<label class="fonticon-unit">e90c</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-cloud2"></i></div>
|
||||
<label class="fonticon-classname">me-cloud2</label>
|
||||
<label class="fonticon-unit">e90d</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-lightning"></i></div>
|
||||
<label class="fonticon-classname">me-lightning</label>
|
||||
<label class="fonticon-unit">e90e</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-lightning2"></i></div>
|
||||
<label class="fonticon-classname">me-lightning2</label>
|
||||
<label class="fonticon-unit">e90f</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-rainy"></i></div>
|
||||
<label class="fonticon-classname">me-rainy</label>
|
||||
<label class="fonticon-unit">e910</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-rainy2"></i></div>
|
||||
<label class="fonticon-classname">me-rainy2</label>
|
||||
<label class="fonticon-unit">e911</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-windy2"></i></div>
|
||||
<label class="fonticon-classname">me-windy2</label>
|
||||
<label class="fonticon-unit">e912</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-windy3"></i></div>
|
||||
<label class="fonticon-classname">me-windy3</label>
|
||||
<label class="fonticon-unit">e913</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-snowy"></i></div>
|
||||
<label class="fonticon-classname">me-snowy</label>
|
||||
<label class="fonticon-unit">e914</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-snowy2"></i></div>
|
||||
<label class="fonticon-classname">me-snowy2</label>
|
||||
<label class="fonticon-unit">e915</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-snowy3"></i></div>
|
||||
<label class="fonticon-classname">me-snowy3</label>
|
||||
<label class="fonticon-unit">e916</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-weather4"></i></div>
|
||||
<label class="fonticon-classname">me-weather4</label>
|
||||
<label class="fonticon-unit">e917</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-cloudy2"></i></div>
|
||||
<label class="fonticon-classname">me-cloudy2</label>
|
||||
<label class="fonticon-unit">e918</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-cloud3"></i></div>
|
||||
<label class="fonticon-classname">me-cloud3</label>
|
||||
<label class="fonticon-unit">e919</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-lightning3"></i></div>
|
||||
<label class="fonticon-classname">me-lightning3</label>
|
||||
<label class="fonticon-unit">e91a</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-sun3"></i></div>
|
||||
<label class="fonticon-classname">me-sun3</label>
|
||||
<label class="fonticon-unit">e91b</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-moon2"></i></div>
|
||||
<label class="fonticon-classname">me-moon2</label>
|
||||
<label class="fonticon-unit">e91c</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-cloudy3"></i></div>
|
||||
<label class="fonticon-classname">me-cloudy3</label>
|
||||
<label class="fonticon-unit">e91d</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-cloud4"></i></div>
|
||||
<label class="fonticon-classname">me-cloud4</label>
|
||||
<label class="fonticon-unit">e91e</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-cloud5"></i></div>
|
||||
<label class="fonticon-classname">me-cloud5</label>
|
||||
<label class="fonticon-unit">e91f</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-lightning4"></i></div>
|
||||
<label class="fonticon-classname">me-lightning4</label>
|
||||
<label class="fonticon-unit">e920</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-rainy3"></i></div>
|
||||
<label class="fonticon-classname">me-rainy3</label>
|
||||
<label class="fonticon-unit">e921</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-rainy4"></i></div>
|
||||
<label class="fonticon-classname">me-rainy4</label>
|
||||
<label class="fonticon-unit">e922</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-windy4"></i></div>
|
||||
<label class="fonticon-classname">me-windy4</label>
|
||||
<label class="fonticon-unit">e923</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-windy5"></i></div>
|
||||
<label class="fonticon-classname">me-windy5</label>
|
||||
<label class="fonticon-unit">e924</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-snowy4"></i></div>
|
||||
<label class="fonticon-classname">me-snowy4</label>
|
||||
<label class="fonticon-unit">e925</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-snowy5"></i></div>
|
||||
<label class="fonticon-classname">me-snowy5</label>
|
||||
<label class="fonticon-unit">e926</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-weather5"></i></div>
|
||||
<label class="fonticon-classname">me-weather5</label>
|
||||
<label class="fonticon-unit">e927</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-cloudy4"></i></div>
|
||||
<label class="fonticon-classname">me-cloudy4</label>
|
||||
<label class="fonticon-unit">e928</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-lightning5"></i></div>
|
||||
<label class="fonticon-classname">me-lightning5</label>
|
||||
<label class="fonticon-unit">e929</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-thermometer"></i></div>
|
||||
<label class="fonticon-classname">me-thermometer</label>
|
||||
<label class="fonticon-unit">e92a</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-compass"></i></div>
|
||||
<label class="fonticon-classname">me-compass</label>
|
||||
<label class="fonticon-unit">e92b</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-none"></i></div>
|
||||
<label class="fonticon-classname">me-none</label>
|
||||
<label class="fonticon-unit">e92c</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-Celsius"></i></div>
|
||||
<label class="fonticon-classname">me-Celsius</label>
|
||||
<label class="fonticon-unit">e92d</label>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 col-12 fonticon-container">
|
||||
<div class="fonticon-wrap"><i class="me-Fahrenheit"></i></div>
|
||||
<label class="fonticon-classname">me-Fahrenheit</label>
|
||||
<label class="fonticon-unit">e92e</label>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
</m-card>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- // Meteocons section end -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ////////////////////////////////////////////////////////////////////////////-->
|
||||
25
src/app/content/icons/meteocons/meteocons.component.spec.ts
Normal file
25
src/app/content/icons/meteocons/meteocons.component.spec.ts
Normal file
@@ -0,0 +1,25 @@
|
||||
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
|
||||
|
||||
import { MeteoconsComponent } from './meteocons.component';
|
||||
|
||||
describe('MeteoconsComponent', () => {
|
||||
let component: MeteoconsComponent;
|
||||
let fixture: ComponentFixture<MeteoconsComponent>;
|
||||
|
||||
beforeEach(waitForAsync(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ MeteoconsComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(MeteoconsComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
53
src/app/content/icons/meteocons/meteocons.component.ts
Normal file
53
src/app/content/icons/meteocons/meteocons.component.ts
Normal file
@@ -0,0 +1,53 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { NgBlockUI, BlockUI } from 'ng-block-ui';
|
||||
|
||||
@Component({
|
||||
selector: 'app-meteocons',
|
||||
templateUrl: './meteocons.component.html',
|
||||
styleUrls: ['./meteocons.component.css']
|
||||
})
|
||||
export class MeteoconsComponent implements OnInit {
|
||||
|
||||
@BlockUI('meteocons') blockUIMeteocons: NgBlockUI;
|
||||
|
||||
public breadcrumb: any;
|
||||
|
||||
options = {
|
||||
close: true,
|
||||
expand: true,
|
||||
minimize: true,
|
||||
reload: true
|
||||
};
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
this.breadcrumb = {
|
||||
'mainlabel': 'Meteocons',
|
||||
'links': [
|
||||
{
|
||||
'name': 'Home',
|
||||
'isLink': true,
|
||||
'link': '/dashboard/sales'
|
||||
},
|
||||
{
|
||||
'name': 'Icons',
|
||||
'isLink': true,
|
||||
'link': '#'
|
||||
},
|
||||
{
|
||||
'name': 'Meteocons',
|
||||
'isLink': false
|
||||
}
|
||||
]
|
||||
};
|
||||
}
|
||||
|
||||
reloadMeteocons() {
|
||||
this.blockUIMeteocons.start('Loading..');
|
||||
|
||||
setTimeout(() => {
|
||||
this.blockUIMeteocons.stop();
|
||||
}, 2500);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
:host ::ng-deep .block-ui-wrapper {
|
||||
background: rgba(255, 249, 249, 0.5) !important;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,25 @@
|
||||
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
|
||||
|
||||
import { SimpleLineIconsComponent } from './simple-line-icons.component';
|
||||
|
||||
describe('SimpleLineIconsComponent', () => {
|
||||
let component: SimpleLineIconsComponent;
|
||||
let fixture: ComponentFixture<SimpleLineIconsComponent>;
|
||||
|
||||
beforeEach(waitForAsync(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ SimpleLineIconsComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(SimpleLineIconsComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,53 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { NgBlockUI, BlockUI } from 'ng-block-ui';
|
||||
|
||||
@Component({
|
||||
selector: 'app-simple-line-icons',
|
||||
templateUrl: './simple-line-icons.component.html',
|
||||
styleUrls: ['./simple-line-icons.component.css']
|
||||
})
|
||||
export class SimpleLineIconsComponent implements OnInit {
|
||||
|
||||
@BlockUI('simpleLineIcons') blockUISimpleLineIcons: NgBlockUI;
|
||||
|
||||
public breadcrumb: any;
|
||||
|
||||
options = {
|
||||
close: true,
|
||||
expand: true,
|
||||
minimize: true,
|
||||
reload: true
|
||||
};
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
this.breadcrumb = {
|
||||
'mainlabel': 'Simple Line Icons',
|
||||
'links': [
|
||||
{
|
||||
'name': 'Home',
|
||||
'isLink': true,
|
||||
'link': '/dashboard/sales'
|
||||
},
|
||||
{
|
||||
'name': 'Icons',
|
||||
'isLink': true,
|
||||
'link': '#'
|
||||
},
|
||||
{
|
||||
'name': 'Simple Line Icons',
|
||||
'isLink': false
|
||||
}
|
||||
]
|
||||
};
|
||||
}
|
||||
|
||||
reloadSimpleLineIcons() {
|
||||
this.blockUISimpleLineIcons.start('Loading..');
|
||||
|
||||
setTimeout(() => {
|
||||
this.blockUISimpleLineIcons.stop();
|
||||
}, 2500);
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user