Skip to content

Commit

Permalink
chore(formatting): formatted app
Browse files Browse the repository at this point in the history
  • Loading branch information
BioPhoton committed Mar 30, 2018
1 parent 82e10c4 commit aecb782
Show file tree
Hide file tree
Showing 14 changed files with 157 additions and 157 deletions.
4 changes: 3 additions & 1 deletion apps/angular5-example/e2e/tsconfig.e2e.json
Expand Up @@ -13,7 +13,9 @@
"include": [
"../**/*.ts"
/* add all lazy-loaded libraries here: "../../../libs/my-lib/index.ts" */
],

, "../../../libs/mymodule/index.ts"
],
"exclude": [
"**/*.spec.ts"
]
Expand Down
9 changes: 3 additions & 6 deletions apps/angular5-example/src/app/app.component.ts
Expand Up @@ -6,16 +6,13 @@ import { Component, OnInit } from '@angular/core';
})
export class AppComponent {
navBarCollapsed = true;
constructor() {
}

constructor() {}

toggleNav(closeOnly?:boolean) {
if(closeOnly) {
toggleNav(closeOnly?: boolean) {
if (closeOnly) {
this.navBarCollapsed = true;
} else {
this.navBarCollapsed = !this.navBarCollapsed;
}
}

}
94 changes: 46 additions & 48 deletions apps/angular5-example/src/app/app.module.ts
@@ -1,15 +1,15 @@
import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {StarRatingModule} from '@angular-star-rating-lib/angular-star-rating';
import {AppComponent} from './app.component';
import {RouterModule} from '@angular/router';
import {NxModule} from '@nrwl/nx';
import {KitchensinkComponent} from './components/kitchensink/kitchensink.component';
import {EventBindingsComponent} from './components/event-bindings/event-bindings.component';
import {PropertyBindingsComponent} from './components/property-bindings/property-bindings.component';
import {FormControlStarRatingComponent} from './components/form-control-star-rating/form-control-star-rating.component';
import {ReactiveFormsModule} from '@angular/forms';
import {StaticModuleModule} from './static-module/static-module.module';
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { StarRatingModule } from '@angular-star-rating-lib/angular-star-rating';
import { AppComponent } from './app.component';
import { RouterModule } from '@angular/router';
import { NxModule } from '@nrwl/nx';
import { KitchensinkComponent } from './components/kitchensink/kitchensink.component';
import { EventBindingsComponent } from './components/event-bindings/event-bindings.component';
import { PropertyBindingsComponent } from './components/property-bindings/property-bindings.component';
import { FormControlStarRatingComponent } from './components/form-control-star-rating/form-control-star-rating.component';
import { ReactiveFormsModule } from '@angular/forms';
import { StaticModuleModule } from './static-module/static-module.module';

const DECLARATIONS = [
AppComponent,
Expand All @@ -25,43 +25,41 @@ const DECLARATIONS = [
ReactiveFormsModule,
StarRatingModule.forRoot(),
StaticModuleModule,
RouterModule.forRoot(
[
{
path:'',
redirectTo: 'form',
pathMatch: 'full'
},
{
path:'property-bindings',
component: PropertyBindingsComponent
},
{
path:'event-bindings',
component: EventBindingsComponent
},
{
path:'form-control',
component: FormControlStarRatingComponent
},
{
path: 'custom-lazy-config',
loadChildren: 'app/lazy-module/lazy-module.module#LazyModuleModule'
},
{
path:'kitchensink',
component: KitchensinkComponent
},
{
path:'**',
redirectTo: 'kitchensink'
}
]
)
],
declarations: [
DECLARATIONS
RouterModule.forRoot([
{
path: '',
redirectTo: 'form',
pathMatch: 'full'
},
{
path: 'property-bindings',
component: PropertyBindingsComponent
},
{
path: 'event-bindings',
component: EventBindingsComponent
},
{
path: 'form-control',
component: FormControlStarRatingComponent
},
// static-config-override routes in its module
{
path: 'lazy-config-override',
loadChildren:
'apps/angular5-example/src/app/lazy-module/lazy-module.module#LazyModuleModule'
},
{
path: 'kitchensink',
component: KitchensinkComponent
},
{
path: '**',
redirectTo: 'kitchensink'
}
])
],
declarations: [DECLARATIONS],
providers: [],
bootstrap: [AppComponent]
})
Expand Down
@@ -1,13 +1,13 @@
import {Component} from "@angular/core";
import { Component } from '@angular/core';
import {
ClickEvent,
HoverRatingChangeEvent,
RatingChangeEvent
} from '@angular-star-rating-lib/angular-star-rating';

@Component({
selector: 'events-binings',
template: `<star-rating-comp
selector: 'events-binings',
template: `<star-rating-comp
[hoverEnabled]="true"
(onClick)="onClick($event)"
(onRatingChange)="onRatingChange($event)"
Expand All @@ -19,24 +19,22 @@ import {
`
})
export class EventBindingsComponent {
onClickResult: ClickEvent;
onHoverRatingChangeResult: HoverRatingChangeEvent;
onRatingChangeResult: RatingChangeEvent;

onClickResult:ClickEvent;
onHoverRatingChangeResult:HoverRatingChangeEvent;
onRatingChangeResult:RatingChangeEvent;
onClick = ($event: ClickEvent) => {
console.log('onClick $event: ', $event);
this.onClickResult = $event;
};

onClick = ($event:ClickEvent) => {
console.log('onClick $event: ', $event);
this.onClickResult = $event;
};

onRatingChange = ($event:RatingChangeEvent) => {
console.log('onRatingUpdated $event: ', $event);
this.onRatingChangeResult = $event;
};

onHoverRatingChange = ($event:HoverRatingChangeEvent) => {
console.log('onHoverRatingChange $event: ', $event);
this.onHoverRatingChangeResult = $event;
};
onRatingChange = ($event: RatingChangeEvent) => {
console.log('onRatingUpdated $event: ', $event);
this.onRatingChangeResult = $event;
};

onHoverRatingChange = ($event: HoverRatingChangeEvent) => {
console.log('onHoverRatingChange $event: ', $event);
this.onHoverRatingChangeResult = $event;
};
}
@@ -1,5 +1,5 @@
import {Component, OnInit} from '@angular/core';
import {FormBuilder, FormControl, FormGroup} from '@angular/forms';
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormControl, FormGroup } from '@angular/forms';

@Component({
selector: 'app-form-test',
Expand All @@ -21,7 +21,6 @@ import {FormBuilder, FormControl, FormGroup} from '@angular/forms';
`
})
export class FormControlStarRatingComponent {

form = new FormGroup({
ratingInput: new FormControl('')
});
Expand All @@ -37,5 +36,4 @@ export class FormControlStarRatingComponent {
onSubmit() {
console.log('Submitted value:', this.form.value);
}

}
@@ -1,41 +1,54 @@
import {Component, OnDestroy, OnInit} from '@angular/core';
import { Component, OnDestroy, OnInit } from '@angular/core';
import {
ClickEvent,
HoverRatingChangeEvent,
RatingChangeEvent
} from 'angular-star-rating';
} from '@angular-star-rating-lib/angular-star-rating';

import {FormBuilder, FormGroup} from '@angular/forms';
import {Subject} from 'rxjs/Subject';
import 'rxjs/add/operator/takeUntil'
import {starRatingColor,
import { FormBuilder, FormGroup } from '@angular/forms';
import { Subject } from 'rxjs/Subject';
import 'rxjs/add/operator/takeUntil';
import {
starRatingColor,
starRatingLabelPosition,
starRatingSizes,
starRatingSpeed,
starRatingStarSpace,
starRatingStarTypes} from '@angular-star-rating-lib/angular-star-rating/src/interfaces/star-rating-config.interface';
starRatingStarTypes
} from '@angular-star-rating-lib/angular-star-rating/src/interfaces/star-rating-config.interface';

@Component({
selector: 'kitchensink',
templateUrl: './kitchensink.component.html'
})
export class KitchensinkComponent implements OnInit, OnDestroy{

export class KitchensinkComponent implements OnInit, OnDestroy {
private onDestroy$: Subject<boolean> = new Subject<boolean>();

//option sets
colorOptions: Array<starRatingColor | string> = ['default', 'negative', 'ok', 'positive'];
labelPositionOptions: Array<starRatingLabelPosition | string> = ['top', 'right', 'left', 'bottom'];
colorOptions: Array<starRatingColor | string> = [
'default',
'negative',
'ok',
'positive'
];
labelPositionOptions: Array<starRatingLabelPosition | string> = [
'top',
'right',
'left',
'bottom'
];
starOptions: Array<starRatingStarTypes> = ['svg', 'icon', 'image'];
speedOptions: Array<starRatingSpeed> = ['immediately', 'noticeable', 'slow'];
sizeOptions: Array<starRatingSizes> = ['small', 'medium', 'large'];
spaceOptions: Array<starRatingStarSpace | string> = ['around', 'between', 'no'];
spaceOptions: Array<starRatingStarSpace | string> = [
'around',
'between',
'no'
];

bindingsForm: FormGroup;

constructor(private fb: FormBuilder) {

}
constructor(private fb: FormBuilder) {}

ngOnInit(): void {
this.setupForm();
Expand Down Expand Up @@ -72,7 +85,7 @@ export class KitchensinkComponent implements OnInit, OnDestroy{
getColor: [],
useCustomCetColor: [false],
getHalfStarVisible: [],
useCustomGetHalfStarVisible: [false],
useCustomGetHalfStarVisible: [false]
});
}

Expand All @@ -98,37 +111,45 @@ export class KitchensinkComponent implements OnInit, OnDestroy{
updateGetColorBinding() {
if (this.bindingsForm.get('useCustomCetColor').value) {
this.bindingsForm.get('getColor').setValue(this._getColor);
}
else {
} else {
this.bindingsForm.get('getColor').setValue(undefined);
}
}

updateGetHalfStarVisibleBinding() {
this.bindingsForm.get('useCustomGetHalfStarVisible')
.valueChanges
.takeUntil(this.onDestroy$)
.subscribe(
(v) => {
if (v) {
this.bindingsForm.get('getHalfStarVisible').setValue(this._getHalfStarVisible);
}
else {
this.bindingsForm.get('getHalfStarVisible').setValue(() => {});
}
this.bindingsForm
.get('useCustomGetHalfStarVisible')
.valueChanges.takeUntil(this.onDestroy$)
.subscribe(v => {
if (v) {
this.bindingsForm
.get('getHalfStarVisible')
.setValue(this._getHalfStarVisible);
} else {
this.bindingsForm.get('getHalfStarVisible').setValue(() => {});
}
)
});
}

_getColor(rating: number | string, numOfStars: number, staticColor: string): string {
console.log('getColor rating: ', rating, 'numOfStars: ', numOfStars, 'fixColor: ', staticColor);
_getColor(
rating: number | string,
numOfStars: number,
staticColor: string
): string {
console.log(
'getColor rating: ',
rating,
'numOfStars: ',
numOfStars,
'fixColor: ',
staticColor
);
let colors = ['default', 'negative', 'ok', 'positive'];
return colors[Math.floor(Math.random() * colors.length)];
}

_getHalfStarVisible(rating: number): boolean {
console.log('getHalfStarVisible rating: ', rating, rating % 1);
return (rating < 3);
return rating < 3;
}

}
@@ -1,19 +1,21 @@
import {Component, OnDestroy, OnInit} from '@angular/core';
import { Component, OnDestroy, OnInit } from '@angular/core';
import {
ClickEvent,
HoverRatingChangeEvent,
RatingChangeEvent,
RatingChangeEvent
} from '@angular-star-rating-lib/angular-star-rating';
import {starRatingColor,
import {
starRatingColor,
starRatingLabelPosition,
starRatingSizes,
starRatingSpeed,
starRatingStarSpace,
starRatingStarTypes} from '@angular-star-rating-lib/angular-star-rating/src/interfaces/star-rating-config.interface';
starRatingStarTypes
} from '@angular-star-rating-lib/angular-star-rating/src/interfaces/star-rating-config.interface';

import {FormBuilder, FormGroup} from '@angular/forms';
import {Subject} from 'rxjs/Subject';
import 'rxjs/add/operator/takeUntil'
import { FormBuilder, FormGroup } from '@angular/forms';
import { Subject } from 'rxjs/Subject';
import 'rxjs/add/operator/takeUntil';

@Component({
selector: 'property-bindings',
Expand All @@ -38,6 +40,4 @@ import 'rxjs/add/operator/takeUntil'
></star-rating-comp>
`
})
export class PropertyBindingsComponent {

}
export class PropertyBindingsComponent {}

0 comments on commit aecb782

Please sign in to comment.