Skip to content

Commit

Permalink
upgraded to rc6
Browse files Browse the repository at this point in the history
  • Loading branch information
rajan-g committed Sep 9, 2016
1 parent 8b441e6 commit 166b9ae
Show file tree
Hide file tree
Showing 14 changed files with 146 additions and 99 deletions.
18 changes: 5 additions & 13 deletions directives/letter-avatar.directive.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion directives/letter-avatar.directive.js.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

18 changes: 6 additions & 12 deletions directives/letter-avatar.directive.ts
Original file line number Diff line number Diff line change
@@ -1,19 +1,13 @@
import {Component, ElementRef, Input, OnInit, ChangeDetectionStrategy, OnChanges} from '@angular/core';
import {FORM_DIRECTIVES, NgIf} from '@angular/common';
import {BrowserDomAdapter} from '@angular/platform-browser/src/browser/browser_adapter';


@Component({
selector: 'avatar',
template: `
<!--<img style="background: {{background}}" src="{{letterSrc}}" /> -->
<!--<canvas width="100" height="100" >
Your browser does not support the HTML5 canvas tag.</canvas>-->
<div *ngIf="props" [style.background-color]="props.background" [style.width] = "props.size" [style.line-height]='props.lineheight' [style.height] = 'props.size' [style.font-size] = 'props.fontSize' [style.border] = 'props.border' [style.border-radius] = 'props.borderradius' [style.text-align] ="props.textalign">
<div [style.color]='fontColor'>{{props.letter}}</div>
</div>
`, directives: [FORM_DIRECTIVES, NgIf],
providers: [BrowserDomAdapter],
template: `
<div *ngIf="props" [style.background-color]="props.background" [style.width] = "props.size" [style.line-height]='props.lineheight' [style.height] = 'props.size' [style.font-size] = 'props.fontSize' [style.border] = 'props.border' [style.border-radius] = 'props.borderradius' [style.text-align] ="props.textalign">
<div [style.color]='fontColor'>{{props.letter}}</div>
</div>
`,
changeDetection: ChangeDetectionStrategy.OnPush

})
Expand All @@ -30,7 +24,7 @@ export class LetterAvatarDirective implements OnInit, OnChanges {
props: Object = null;
private _el: HTMLElement;

constructor(el: ElementRef, private dom: BrowserDomAdapter) {
constructor(el: ElementRef) {
this._el = el.nativeElement;
}
test() {
Expand Down
3 changes: 0 additions & 3 deletions example/app.component.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion example/app.component.js.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3 changes: 0 additions & 3 deletions example/app.component.ts
Original file line number Diff line number Diff line change
@@ -1,6 +1,3 @@
/*
* @author RAJAN G
*/

import {Component, OnChanges, ChangeDetectionStrategy, NgZone, ApplicationRef} from '@angular/core';
import {LetterAvatarDirective} from '../directives/letter-avatar.directive';
Expand Down
12 changes: 7 additions & 5 deletions example/main.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion example/main.js.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

7 changes: 4 additions & 3 deletions example/main.ts
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
import { bootstrap } from '@angular/platform-browser-dynamic';
import { AppComponent } from './app.component';
bootstrap(AppComponent);
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './module';
const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule);

0 comments on commit 166b9ae

Please sign in to comment.