3 |
5 |
2 |
21 |
22 |
3 |
20 |
4 |
19 |
5 | 
6 |
7 |
6 |
8 |
18 | @angular-material-extensions/contacts
9 |Angular Library to manage contacts and users with a material design
10 |Scroll down to see it in action!
11 | 17 |
24 |
28 |
29 |
30 |
2 |
6 |
3 |
5 | {{ component }}
4 |
7 |
--------------------------------------------------------------------------------
/demo/src/app/shared/content-wrapper/content-wrapper.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/angular-material-extensions/contacts/8084d2b8140f0db8262799dc440db4aeb0e7da02/demo/src/app/shared/content-wrapper/content-wrapper.component.scss
--------------------------------------------------------------------------------
/demo/src/app/shared/content-wrapper/content-wrapper.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 | import { DebugElement } from '@angular/core';
3 |
4 | import { ContentWrapperComponent } from './content-wrapper.component';
5 |
6 | describe('ContentWrapperComponent', () => {
7 | let component: ContentWrapperComponent;
8 | let fixture: ComponentFixture
8 |
10 |
11 |
12 |
13 |
3 |
4 |
5 | @angular-material-extensions/contacts
6 |
7 |
11 |
12 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/demo/src/app/shared/header/header.component.scss:
--------------------------------------------------------------------------------
1 | .navbar {
2 | background: hsla(0,0%,100%,.95)
3 | }
4 |
--------------------------------------------------------------------------------
/demo/src/app/shared/header/header.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-header',
5 | templateUrl: './header.component.html',
6 | styleUrls: ['./header.component.scss']
7 | })
8 | export class HeaderComponent implements OnInit {
9 |
10 | navbarCollapsed = true;
11 |
12 | constructor() { }
13 |
14 | ngOnInit() {
15 | }
16 |
17 | }
18 |
--------------------------------------------------------------------------------
/demo/src/app/shared/index.ts:
--------------------------------------------------------------------------------
1 | export * from './shared.module';
--------------------------------------------------------------------------------
/demo/src/app/shared/shared.module.ts:
--------------------------------------------------------------------------------
1 | import {RouterModule} from '@angular/router';
2 | import {NgModule} from '@angular/core';
3 | import {NgbCollapseModule} from '@ng-bootstrap/ng-bootstrap';
4 |
5 | import {HeaderComponent} from './header/header.component';
6 | import {FooterComponent} from './footer/footer.component';
7 | import {ContentWrapperComponent} from './content-wrapper/content-wrapper.component';
8 | import {
9 | MatCardModule,
10 | MatDividerModule,
11 | MatIconModule,
12 | MatInputModule,
13 | MatProgressBarModule,
14 | MatSlideToggleModule,
15 | MatSnackBarModule,
16 | MatTooltipModule,
17 | MatButtonModule
18 | } from '@angular/material';
19 | import {FlexLayoutModule} from '@angular/flex-layout';
20 | import {FormsModule, ReactiveFormsModule} from '@angular/forms';
21 | import {HighlightModule} from 'ngx-highlightjs';
22 | import {NgxMaterialPagesModule} from 'ngx-material-pages';
23 | import {MatContactsModule} from '@angular-material-extensions/contacts';
24 |
25 | @NgModule({
26 | imports: [
27 | RouterModule,
28 | NgbCollapseModule,
29 | MatContactsModule.forRoot(),
30 | NgxMaterialPagesModule.forRoot(),
31 | HighlightModule.forRoot(),
32 | FormsModule,
33 | ReactiveFormsModule,
34 | FlexLayoutModule,
35 | MatCardModule,
36 | MatInputModule,
37 | MatIconModule,
38 | MatDividerModule,
39 | MatProgressBarModule,
40 | MatSlideToggleModule,
41 | MatSnackBarModule,
42 | MatTooltipModule,
43 | MatButtonModule
44 | ],
45 | exports: [
46 | HeaderComponent,
47 | FooterComponent,
48 | ContentWrapperComponent,
49 | MatContactsModule,
50 | NgxMaterialPagesModule,
51 | HighlightModule,
52 | FormsModule,
53 | ReactiveFormsModule,
54 | FlexLayoutModule,
55 | MatCardModule,
56 | MatInputModule,
57 | MatIconModule,
58 | MatDividerModule,
59 | MatProgressBarModule,
60 | MatSlideToggleModule,
61 | MatSnackBarModule,
62 | MatTooltipModule,
63 | MatButtonModule,
64 | ],
65 | declarations: [HeaderComponent, FooterComponent, ContentWrapperComponent],
66 | providers: [],
67 | })
68 | export class AppSharedModule {
69 | }
70 |
--------------------------------------------------------------------------------
/demo/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/angular-material-extensions/contacts/8084d2b8140f0db8262799dc440db4aeb0e7da02/demo/src/assets/.gitkeep
--------------------------------------------------------------------------------
/demo/src/assets/.npmignore:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/angular-material-extensions/contacts/8084d2b8140f0db8262799dc440db4aeb0e7da02/demo/src/assets/.npmignore
--------------------------------------------------------------------------------
/demo/src/assets/icons/github.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/demo/src/assets/lib/hljs/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright (c) 2006, Ivan Sagalaev
2 | All rights reserved.
3 | Redistribution and use in source and binary forms, with or without
4 | modification, are permitted provided that the following conditions are met:
5 |
6 | * Redistributions of source code must retain the above copyright
7 | notice, this list of conditions and the following disclaimer.
8 | * Redistributions in binary form must reproduce the above copyright
9 | notice, this list of conditions and the following disclaimer in the
10 | documentation and/or other materials provided with the distribution.
11 | * Neither the name of highlight.js nor the names of its contributors
12 | may be used to endorse or promote products derived from this software
13 | without specific prior written permission.
14 |
15 | THIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND ANY
16 | EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
17 | WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
18 | DISCLAIMED. IN NO EVENT SHALL THE REGENTS AND CONTRIBUTORS BE LIABLE FOR ANY
19 | DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
20 | (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
21 | LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
22 | ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
23 | (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
24 | SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
25 |
--------------------------------------------------------------------------------
/demo/src/assets/lib/hljs/styles/agate.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Agate by Taufik Nurrohman
19 | done_all
20 |
21 |
22 |
26 | lock
27 |
28 |
29 |
33 | shared
34 |
35 |
36 |
40 | history
41 |
42 |
43 |