purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-11-04 09:23:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge 'master' into skeleton

Browse Source
This commit is contained in:
sercan 2020-02-07 08:52:25 +03:00
parent a2abf298b3
commit dd380cf81c
4 changed files with 0 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/app/main/ui/angular-material/angular-material.component.html
View File

@ -1,46 +0,0 @@
<div id="angular-material" class="page-layout simple tabbed" fxLayout="column">
<!-- HEADER -->
<div class="header accent p-24 h-160" fxLayout="column" fxLayoutAlign="center center" fxLayout.gt-xs="row"
fxLayoutAlign.gt-xs="space-between center">
<div fxLayout="column" fxLayoutAlign="center center" fxLayout.gt-xs="column" fxLayoutAlign.gt-xs="center start">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">User Interface</span>
</div>
<div class="h1 mt-16">Angular Material</div>
</div>
<a mat-raised-button class="reference-button mt-16 mt-sm-0" href="https://material.angular.io/components/categories"
target="_blank">
<mat-icon class="mr-8">link</mat-icon>
<span>Reference</span>
</a>
</div>
<!-- / HEADER -->
<!-- CONTENT -->
<div class="content p-24">
<div class="mat-title">Introduction</div>
<p>
Fuse uses Angular Material as its primary user interface library. It offers form controls, buttons, tabs, sidebars,
icons, modals, tooltips, data tables and many more well tested and widely used components.
</p>
<p>
Fuse is 100% compatible with all Angular Material components.
</p>
<div class="mat-title mt-32">Official docs</div>
<p>
Official Angular Material documentation: <a href="https://material.angular.io/components/categories" target="_blank">https://material.angular.io/components/categories</a>
</p>
</div>
<!-- / CONTENT -->
</div>

7
src/app/main/ui/angular-material/angular-material.component.scss
View File

@ -1,7 +0,0 @@
:host {
.content {
max-width: 1200px;
}
}

16
src/app/main/ui/angular-material/angular-material.component.ts
View File

@ -1,16 +0,0 @@
import { Component } from '@angular/core';
@Component({
selector : 'angular-material',
templateUrl: './angular-material.component.html',
styleUrls : ['./angular-material.component.scss']
})
export class AngularMaterialComponent
{
/**
* Constructor
*/
constructor()
{
}
}

31
src/app/main/ui/angular-material/angular-material.module.ts
View File

@ -1,31 +0,0 @@
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import { FuseSharedModule } from '@fuse/shared.module';
import { AngularMaterialComponent } from 'app/main/ui/angular-material/angular-material.component';
const routes: Routes = [
{
path : 'angular-material',
component: AngularMaterialComponent
}
];
@NgModule({
declarations: [
AngularMaterialComponent
],
imports : [
RouterModule.forChild(routes),
MatButtonModule,
MatIconModule,
FuseSharedModule
]
})
export class UIAngularMaterialModule
{
}