-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
d00b8e6
commit c0b9a21
Showing
16 changed files
with
2,382 additions
and
272 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,26 +1,3 @@ | ||
| #box { | ||
| text-align: center; | ||
| } | ||
|
|
||
| .card { | ||
| display: flex; | ||
| align-items: center; | ||
| .pic { | ||
| margin-right: 12px; | ||
| img { | ||
| border-radius: 100%; | ||
| transition: all 0.5s ease; | ||
| transform: scale(0.95); | ||
| } | ||
| } | ||
| .detail { | ||
| div:last-child { | ||
| opacity: 0.5; | ||
| } | ||
| } | ||
| &:hover { | ||
| .pic img { | ||
| transform: scale(1); | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| <markdown-to-html [src]="'https://raw.githubusercontent.com/nglibrary/ngx-choosy/master/CHANGELOG.md'"></markdown-to-html> |
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| import { async, ComponentFixture, TestBed } from '@angular/core/testing'; | ||
|
|
||
| import { ChangelogComponent } from './changelog.component'; | ||
|
|
||
| describe('ChangelogComponent', () => { | ||
| let component: ChangelogComponent; | ||
| let fixture: ComponentFixture<ChangelogComponent>; | ||
|
|
||
| beforeEach(async(() => { | ||
| TestBed.configureTestingModule({ | ||
| declarations: [ ChangelogComponent ] | ||
| }) | ||
| .compileComponents(); | ||
| })); | ||
|
|
||
| beforeEach(() => { | ||
| fixture = TestBed.createComponent(ChangelogComponent); | ||
| component = fixture.componentInstance; | ||
| fixture.detectChanges(); | ||
| }); | ||
|
|
||
| it('should be created', () => { | ||
| expect(component).toBeTruthy(); | ||
| }); | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| import { Component, OnInit } from '@angular/core'; | ||
| import { Http } from '@angular/http'; | ||
|
|
||
| @Component({ | ||
| selector: 'app-changelog', | ||
| templateUrl: './changelog.component.html', | ||
| styleUrls: ['./changelog.component.scss'] | ||
| }) | ||
| export class ChangelogComponent implements OnInit { | ||
|
|
||
| changelogUrl = `https://raw.githubusercontent.com/nglibrary/ngx-choosy/master/CHANGELOG.md`; | ||
| // changelogUrl = `https://api.github.com/repos/nglibrary/ngx-choosy/contents/CHANGELOG.md`; | ||
| mdContent; | ||
| constructor(private http: Http) { } | ||
|
|
||
| ngOnInit() { | ||
| this.http.get(this.changelogUrl).subscribe(res => { | ||
| this.mdContent = res.text(); | ||
| }); | ||
| } | ||
|
|
||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,62 @@ | ||
| <div id="content"> | ||
| <h1>Basic demo</h1> | ||
| <p> | ||
| <strong>ngx-choosy</strong> turns any input element in to a dropdown select box. Thus, it does not apply any styles to | ||
| your input. It also gives a freedom to style your input fields to your needs. | ||
| </p> | ||
| <br/> | ||
| <div class="example"> | ||
| <h2><i data-feather="play"></i> Single select dropdown</h2> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <div class="form-group"> | ||
| <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label> | ||
| <input type="text" placeholder="choose" class="form-control" choosySingleSelect [options]="universities" /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="example"> | ||
| <h2><i data-feather="play"></i>With animation and without search/footer</h2> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <div class="form-group"> | ||
| <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label> | ||
| <input type="text" placeholder="choose" class="form-control" choosySingleSelect [options]="universities" [config]="{search:{enable:false},footer:{enable:false},dropdown:{animation:true}}" | ||
| /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="example"> | ||
| <h2><i data-feather="play"></i> Custom template</h2> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <div class="form-group"> | ||
| <label class="sr-only" for="exampleInputAmount">Colors</label> | ||
| <div class="input-group"> | ||
| <input type="text" placeholder="choose" class="form-control" choosySingleSelect [options]="users" [config]="{displayValue:'email',search:{keys:['value.email','value.name.first','value.name.last']}}" | ||
| [template]="add" (isOpen)="foobar=$event" (choosy)="addressEvent($event)" /> | ||
| <div class="input-group-addon" (click)="openAddressDd($event)"> | ||
| <i class="fa" [ngClass]="{'fa-angle-up':foobar,'fa-angle-down':!foobar}"></i> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| <ng-template let-item #add> | ||
| <div class="card"> | ||
| <div class="pic"> | ||
| <img src="{{item.picture.thumbnail}}"> | ||
| </div> | ||
| <div class="detail"> | ||
| <div><strong>{{item.name.first}} {{item.name.last}}</strong></div> | ||
| <div>{{item.email}}</div> | ||
| </div> | ||
| </div> | ||
| </ng-template> |
Oops, something went wrong.