feat(render): make single pass parameter works

phodal · May 8, 2020 · a2f86b6 · a2f86b6
1 parent 9660a5b
commit a2f86b6
Show file tree

Hide file tree

Showing 8 changed files with 33 additions and 21 deletions.
diff --git a/...edge-render/src/lib/components/component-rating-item/component-rating-item.component.html b/...edge-render/src/lib/components/component-rating-item/component-rating-item.component.html
@@ -1,7 +1,6 @@
-<span>{{item.name}}</span>
+<span>{{item.displayName}} : {{item.chartValue}}</span>
 <mat-slider
  min="1" max="5" step="1"
- *ngIf="isParent"
  [(ngModel)]="item.chartValue"
  (change)="updateValue($event)"
 >

diff --git a/.../ledge-render/src/lib/components/component-rating-item/component-rating-item.component.ts b/.../ledge-render/src/lib/components/component-rating-item/component-rating-item.component.ts
@@ -8,7 +8,7 @@ import {
 } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { MatSliderChange } from '@angular/material/slider';
-import { RatingModel } from '../model/rating.model';
+import { RatingItemModel } from '../model/rating.model';
 
 @Component({
  selector: 'component-rating-item',
@@ -23,8 +23,7 @@ import { RatingModel } from '../model/rating.model';
  ],
 })
 export class ComponentRatingItemComponent implements OnInit {
- @Input() item: RatingModel;
- @Input() isParent: boolean;
+ @Input() item: RatingItemModel;
  @Output() itemChange = new EventEmitter();
 
  disabled = false;
@@ -34,7 +33,13 @@ export class ComponentRatingItemComponent implements OnInit {
  onTouched(_) {}
 
  ngOnInit() {
-
+ const nameValuesSplit = this.item.name.split(': ');
+ this.item.displayName = nameValuesSplit[0];
+ if (nameValuesSplit.length > 1) {
+ this.item.chartValue = parseInt(nameValuesSplit[1], 10);
+ } else {
+ this.item.chartValue = 3;
+ }
  }
 
  registerOnChange(fn: any): void {

diff --git a/projects/ledge-render/src/lib/components/component-rating/component-rating.component.html b/projects/ledge-render/src/lib/components/component-rating/component-rating.component.html
@@ -1,7 +1,6 @@
 <ul id="markdown-rating">
  <li *ngFor="let task of data">
  <component-rating-item
- [isParent]="isParent"
  [item]="task"
  (itemChange)="changeForm($event, task)">
  </component-rating-item>

diff --git a/projects/ledge-render/src/lib/components/component-rating/component-rating.component.ts b/projects/ledge-render/src/lib/components/component-rating/component-rating.component.ts
@@ -48,6 +48,6 @@ export class ComponentRatingComponent implements OnInit, ControlValueAccessor {
  }
 
  changeForm($event: any, item: any) {
-
+ console.log($event, item);
  }
 }
diff --git a/projects/ledge-render/src/lib/components/ledge-maturity/ledge-maturity.component.html b/projects/ledge-render/src/lib/components/ledge-maturity/ledge-maturity.component.html
@@ -1,9 +1,9 @@
 <div class="ledge-maturity">
- <div class="left">
- <ledge-radar [data]="data" [config]="config"></ledge-radar>
+ <div class="left" *ngIf="chartData">
+ <ledge-radar [data]="chartData" [config]="config"></ledge-radar>
  </div>
 
  <div class="right" *ngIf="data">
- <component-rating [data]="data[0].children"></component-rating>
+ <component-rating [data]="ratingData"></component-rating>
  </div>
 </div>
diff --git a/projects/ledge-render/src/lib/components/ledge-maturity/ledge-maturity.component.ts b/projects/ledge-render/src/lib/components/ledge-maturity/ledge-maturity.component.ts
@@ -1,5 +1,6 @@
 import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { LedgeListItem } from '../model/ledge-chart.model';
+import { RatingItemModel, RatingListModel } from '../model/rating.model';
 
 @Component({
  selector: 'ledge-maturity',
@@ -9,6 +10,8 @@ import { LedgeListItem } from '../model/ledge-chart.model';
 export class LedgeMaturityComponent implements OnInit, OnChanges {
  @Input()
  data: LedgeListItem[];
+ chartData: LedgeListItem[];
+ ratingData: RatingListModel;
 
  @Input()
  config: any;
@@ -19,10 +22,10 @@ export class LedgeMaturityComponent implements OnInit, OnChanges {
  }
 
  ngOnChanges(changes: SimpleChanges): void {
- this.renderData();
- }
-
- private renderData() {
-
+ if (changes.data) {
+  this.data = changes.data.currentValue;
+ this.chartData = this.data;
+  this.ratingData = this.data[0].children as any;
+ }
  }
 }
diff --git a/projects/ledge-render/src/lib/components/model/rating.model.ts b/projects/ledge-render/src/lib/components/model/rating.model.ts
@@ -1,5 +1,11 @@
-export interface RatingModel {
- id: string;
+export interface RatingItemModel {
+ id?: string;
  name: string;
+ displayName?: string;
  chartValue?: number;
 }
+
+export interface RatingListModel {
+ name?: string;
+ children?: RatingItemModel;
+}
diff --git a/src/assets/docs/guide.md b/src/assets/docs/guide.md
@@ -2,14 +2,14 @@
 
 ```maturity
  - 业务
- - 业务远景
+ - 业务远景: 3
  - 电梯演讲
  - 商业画布
- - 业务需求
+ - 业务需求: 1
  - 需求列表
  - 需求管理
  - 业务是如何进行变更的？
- - 跨功能需求
+ - 跨功能需求: 2
  - 运行质量
  - 演进质量
 ```