You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@griffin.apache.org by gu...@apache.org on 2018/08/20 14:34:40 UTC
[3/5] incubator-griffin git commit: make ui style consistent
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/pr.component.html
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/pr.component.html b/ui/angular/src/app/measure/create-measure/pr/pr.component.html
index 22b1f4d..b9c28a1 100644
--- a/ui/angular/src/app/measure/create-measure/pr/pr.component.html
+++ b/ui/angular/src/app/measure/create-measure/pr/pr.component.html
@@ -57,19 +57,25 @@ under the License.
</div>
<div id="step-2" *ngIf="currentStep == 2" class="formStep">
- <app-pr-step-2 [step1]='step1' [step2]='step2' (prevStep)='prev($event)' (nextStep)='updateStep2($event)'></app-pr-step-2>
+ <app-pr-step-2 [step1]='step1' [step2]='step2' (prevStep)='prev($event)'
+ (nextStep)='updateStep2($event)'></app-pr-step-2>
</div>
<div id="step-3" *ngIf="currentStep == 3" class="formStep">
- <app-pr-step-3 [step1]='step1' [step2]='step2' [step3]='step3' (prevStep)='prev($event)' (nextStep)='updateStep3($event)'></app-pr-step-3>
+ <app-pr-step-3 [step1]='step1' [step2]='step2' [step3]='step3' (prevStep)='prev($event)'
+ (nextStep)='updateStep3($event)'></app-pr-step-3>
</div>
<div id="step-4" *ngIf="currentStep == 4" class="formStep">
- <app-pr-step-4 [step1]='step1' [step2]='step2' [step3]='step3' [step4]='step4' (prevStep)='prev($event)' (submitMeasure)='submit($event)'></app-pr-step-4>
+ <app-pr-step-4 [step1]='step1' [step2]='step2' [step3]='step3' [step4]='step4' (prevStep)='prev($event)'
+ (submitMeasure)='submit($event)'></app-pr-step-4>
</div>
- <div class="modal fade" id="confirm" role="dialog" #modal tabindex="-1" [ngClass]="{'in': visibleAnimate}" [ngStyle]="{'display': visible ? 'block' : 'none', 'opacity': visibleAnimate ? 1 : 0}" (click)="onContainerClicked($event)">
- <app-pr-confirm-modal [step1]='step1' [step2]='step2' [step3]='step3' [step4]='step4' (hide)='hide($event)' (saveMeasure)='save($event)'></app-pr-confirm-modal>
+ <div class="modal fade" id="confirm" role="dialog" #modal tabindex="-1" [ngClass]="{'in': visibleAnimate}"
+ [ngStyle]="{'display': visible ? 'block' : 'none', 'opacity': visibleAnimate ? 1 : 0}"
+ (click)="onContainerClicked($event)">
+ <app-pr-confirm-modal [step1]='step1' [step2]='step2' [step3]='step3' [step4]='step4' (hide)='hide($event)'
+ (saveMeasure)='save($event)'></app-pr-confirm-modal>
</div>
</form>
</div>
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/pr.component.spec.ts
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/pr.component.spec.ts b/ui/angular/src/app/measure/create-measure/pr/pr.component.spec.ts
index dcc2d00..f818bdf 100644
--- a/ui/angular/src/app/measure/create-measure/pr/pr.component.spec.ts
+++ b/ui/angular/src/app/measure/create-measure/pr/pr.component.spec.ts
@@ -16,9 +16,9 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import {async, ComponentFixture, TestBed} from '@angular/core/testing';
-import { PrComponent } from './pr.component';
+import {PrComponent} from './pr.component';
describe('PrComponent', () => {
let component: PrComponent;
@@ -26,9 +26,9 @@ describe('PrComponent', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
- declarations: [ PrComponent ]
+ declarations: [PrComponent]
})
- .compileComponents();
+ .compileComponents();
}));
beforeEach(() => {
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/pr.component.ts
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/pr.component.ts b/ui/angular/src/app/measure/create-measure/pr/pr.component.ts
index fec1a2e..8bb2052 100644
--- a/ui/angular/src/app/measure/create-measure/pr/pr.component.ts
+++ b/ui/angular/src/app/measure/create-measure/pr/pr.component.ts
@@ -16,13 +16,13 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/
-import { Component, OnInit } from "@angular/core";
-import { ServiceService } from "../../../service/service.service";
-import { ToasterModule, ToasterService, ToasterContainerComponent } from "angular2-toaster";
-import { HttpClient } from "@angular/common/http";
-import { Router } from "@angular/router";
-import { AfterViewChecked, ElementRef } from "@angular/core";
-import { Col } from './step1/step1.component'
+import {Component, OnInit} from "@angular/core";
+import {ServiceService} from "../../../service/service.service";
+import {ToasterModule, ToasterService, ToasterContainerComponent} from "angular2-toaster";
+import {HttpClient} from "@angular/common/http";
+import {Router} from "@angular/router";
+import {AfterViewChecked, ElementRef} from "@angular/core";
+import {Col} from './step1/step1.component'
import * as $ from "jquery";
export class ProfilingStep1 {
@@ -109,17 +109,17 @@ export class PrComponent implements AfterViewChecked, OnInit {
this.currentStep--;
}
- updateStep1(body:ProfilingStep1) {
+ updateStep1(body: ProfilingStep1) {
this.step1 = body;
this.next();
}
- updateStep2(body:ProfilingStep2) {
+ updateStep2(body: ProfilingStep2) {
this.step2 = body;
this.next();
}
- updateStep3(body:ProfilingStep3) {
+ updateStep3(body: ProfilingStep3) {
this.step3 = body;
this.next();
}
@@ -158,7 +158,7 @@ export class PrComponent implements AfterViewChecked, OnInit {
}
getGrouprule() {
- var selected = { name: "" };
+ var selected = {name: ""};
var value = "";
var nullvalue = "";
var nullname = "";
@@ -331,7 +331,7 @@ export class PrComponent implements AfterViewChecked, OnInit {
}
}
- submit(body:ProfilingStep4) {
+ submit(body: ProfilingStep4) {
this.step4 = body;
if (!this.formValidation(this.currentStep)) {
@@ -382,7 +382,7 @@ export class PrComponent implements AfterViewChecked, OnInit {
}
],
"evaluate.rule": {
- "out.dataframe.name":"profiling",
+ "out.dataframe.name": "profiling",
rules: []
}
};
@@ -411,7 +411,7 @@ export class PrComponent implements AfterViewChecked, OnInit {
},
err => {
let response = JSON.parse(err.error);
- if(response.code === '40901'){
+ if (response.code === '40901') {
this.toasterService.pop("error", "Error!", "Measure name already exists!");
} else {
this.toasterService.pop("error", "Error!", "Error when creating measure");
@@ -428,5 +428,6 @@ export class PrComponent implements AfterViewChecked, OnInit {
this.step4 = new ProfilingStep4();
}
- ngAfterViewChecked() {}
+ ngAfterViewChecked() {
+ }
}
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.css
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.css b/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.css
index 1fe05fe..31710d7 100644
--- a/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.css
+++ b/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.css
@@ -17,7 +17,7 @@ specific language governing permissions and limitations
under the License.
*/
-.table>thead>tr.success>td {
+.table > thead > tr.success > td {
background-color: #77b300;
}
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.html
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.html b/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.html
index eceb302..55414ca 100644
--- a/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.html
+++ b/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.html
@@ -23,38 +23,38 @@ under the License.
<h5>Simple Statistics</h5>
<div class="container-fluid">
<div class="col-md-12 col-lg-12 col-sm-12">
- <input name="vaType" type="radio" [(ngModel)]="vaType" value="2" />
+ <input name="vaType" type="radio" [(ngModel)]="vaType" value="2"/>
<label>Null Count</label>
</div>
</div>
<div class="container-fluid">
<div class="col-md-12 col-lg-12 col-sm-12">
- <input name="vaType" type="radio" [(ngModel)]="vaType" value="3" />
+ <input name="vaType" type="radio" [(ngModel)]="vaType" value="3"/>
<label>Distinct Count</label>
</div>
</div>
<h5>Summary Statistics</h5>
<div class="container-fluid">
<div class="col-md-12 col-lg-12 col-sm-12">
- <input name="vaType" type="radio" [(ngModel)]="vaType" value="4" />
+ <input name="vaType" type="radio" [(ngModel)]="vaType" value="4"/>
<label>Total Count</label>
</div>
</div>
<div class="container-fluid">
<div class="col-md-12 col-lg-12 col-sm-12">
- <input name="vaType" type="radio" [(ngModel)]="vaType" value="5" />
+ <input name="vaType" type="radio" [(ngModel)]="vaType" value="5"/>
<label>Maximum</label>
</div>
</div>
<div class="container-fluid">
<div class="col-md-12 col-lg-12 col-sm-12">
- <input name="vaType" type="radio" [(ngModel)]="vaType" value="6" />
+ <input name="vaType" type="radio" [(ngModel)]="vaType" value="6"/>
<label>Minimum</label>
</div>
</div>
<div class="container-fluid">
<div class="col-md-12 col-lg-12 col-sm-12">
- <input name="vaType" type="radio" [(ngModel)]="vaType" value="7" />
+ <input name="vaType" type="radio" [(ngModel)]="vaType" value="7"/>
<label>Average</label>
</div>
</div>
@@ -73,7 +73,7 @@ under the License.
</div>
<div class="container-fluid">
<div class="col-md-12 col-lg-12 col-sm-12">
- <input name="vaType" type="radio" [(ngModel)]="vaType" value="10" />
+ <input name="vaType" type="radio" [(ngModel)]="vaType" value="10"/>
<label>Enum Detection Count</label>
</div>
</div>
@@ -120,65 +120,65 @@ under the License.
<div class="col-md-12 col-lg-12 col-sm-12">
<table class="table table-bordered text-center">
<thead>
- <tr class="success">
- <td>ID</td>
- <td>FRISTNAME</td>
- <td>LASTNAME</td>
- </tr>
+ <tr class="success">
+ <td>ID</td>
+ <td>FRISTNAME</td>
+ <td>LASTNAME</td>
+ </tr>
</thead>
<tbody>
- <tr>
- <td>1</td>
- <td>lei</td>
- <td>li</td>
- </tr>
- <tr>
- <td>2</td>
- <td>lei</td>
- <td>li</td>
- </tr>
- <tr>
- <td>3</td>
- <td>lei</td>
- <td>li</td>
- </tr>
- <tr>
- <td>4</td>
- <td>
- <abbr title="the value isn't necessary " class="initialism">
- <mark>null</mark>
- </abbr>
- </td>
- <td>stone</td>
- </tr>
- <tr>
- <td>5</td>
- <td>lei</td>
- <td>li</td>
- </tr>
- <tr>
- <td>6</td>
- <td>lei</td>
- <td>li</td>
- </tr>
- <tr>
- <td>7</td>
- <td>
- <abbr title="the value isn't necessary " class="initialism">
- <mark>null</mark>
- </abbr>
- </td>
- <td>stone</td>
- </tr>
- <tr>
- <td>8</td>
- <td>
- <abbr title="the value isn't necessary " class="initialism">
- <mark>null</mark>
- </abbr>
- </td>
- <td>zhang</td>
- </tr>
+ <tr>
+ <td>1</td>
+ <td>lei</td>
+ <td>li</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>lei</td>
+ <td>li</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>lei</td>
+ <td>li</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>
+ <abbr title="the value isn't necessary " class="initialism">
+ <mark>null</mark>
+ </abbr>
+ </td>
+ <td>stone</td>
+ </tr>
+ <tr>
+ <td>5</td>
+ <td>lei</td>
+ <td>li</td>
+ </tr>
+ <tr>
+ <td>6</td>
+ <td>lei</td>
+ <td>li</td>
+ </tr>
+ <tr>
+ <td>7</td>
+ <td>
+ <abbr title="the value isn't necessary " class="initialism">
+ <mark>null</mark>
+ </abbr>
+ </td>
+ <td>stone</td>
+ </tr>
+ <tr>
+ <td>8</td>
+ <td>
+ <abbr title="the value isn't necessary " class="initialism">
+ <mark>null</mark>
+ </abbr>
+ </td>
+ <td>zhang</td>
+ </tr>
</tbody>
</table>
</div>
@@ -210,7 +210,8 @@ under the License.
<div class="row">
<div class="col-md-12 col-lg-12 col-sm-12">
<label class="text-left">
- Suppose we have the below data table which has four attributes-ID, NAME, AGE and FAVOURITE FOOD. Then the Distinct Count is
+ Suppose we have the below data table which has four attributes-ID, NAME, AGE and FAVOURITE FOOD. Then
+ the Distinct Count is
<kbd style="font-size: 16px">2</kbd>
</label>
</div>
@@ -222,62 +223,62 @@ under the License.
<col span="2" style="background-color:#064225">
</colgroup>
<thead>
- <tr class="success">
- <td>ID</td>
- <td>NAME</td>
- <td>AGE</td>
- <td>FAVOURITE FOOD</td>
- </tr>
+ <tr class="success">
+ <td>ID</td>
+ <td>NAME</td>
+ <td>AGE</td>
+ <td>FAVOURITE FOOD</td>
+ </tr>
</thead>
<tbody>
- <tr>
- <td>1</td>
- <td>Lily</td>
- <td>20</td>
- <td>APPLE</td>
- </tr>
- <tr>
- <td>2</td>
- <td>Lucy</td>
- <td>20</td>
- <td>APPLE</td>
- </tr>
- <tr>
- <td>3</td>
- <td>John</td>
- <td>20</td>
- <td>APPLE</td>
- </tr>
- <tr>
- <td>4</td>
- <td>David</td>
- <td>20</td>
- <td>APPLE</td>
- </tr>
- <tr>
- <td>5</td>
- <td>Sam</td>
- <td>35</td>
- <td>banana</td>
- </tr>
- <tr>
- <td>6</td>
- <td>Kaka</td>
- <td>35</td>
- <td>banana</td>
- </tr>
- <tr>
- <td>7</td>
- <td>stone</td>
- <td>35</td>
- <td>banana</td>
- </tr>
- <tr>
- <td>8</td>
- <td>Adison</td>
- <td>35</td>
- <td>banana</td>
- </tr>
+ <tr>
+ <td>1</td>
+ <td>Lily</td>
+ <td>20</td>
+ <td>APPLE</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>Lucy</td>
+ <td>20</td>
+ <td>APPLE</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>John</td>
+ <td>20</td>
+ <td>APPLE</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>David</td>
+ <td>20</td>
+ <td>APPLE</td>
+ </tr>
+ <tr>
+ <td>5</td>
+ <td>Sam</td>
+ <td>35</td>
+ <td>banana</td>
+ </tr>
+ <tr>
+ <td>6</td>
+ <td>Kaka</td>
+ <td>35</td>
+ <td>banana</td>
+ </tr>
+ <tr>
+ <td>7</td>
+ <td>stone</td>
+ <td>35</td>
+ <td>banana</td>
+ </tr>
+ <tr>
+ <td>8</td>
+ <td>Adison</td>
+ <td>35</td>
+ <td>banana</td>
+ </tr>
</tbody>
</table>
</div>
@@ -317,53 +318,53 @@ under the License.
<div class="col-md-12 col-lg-12 col-sm-12">
<table class="table table-bordered text-center">
<thead>
- <tr class="success">
- <td>ID</td>
- <td>NAME</td>
- <td>AGE</td>
- </tr>
+ <tr class="success">
+ <td>ID</td>
+ <td>NAME</td>
+ <td>AGE</td>
+ </tr>
</thead>
<tbody>
- <tr>
- <td>1</td>
- <td>lei</td>
- <td>17</td>
- </tr>
- <tr>
- <td>2</td>
- <td>lei</td>
- <td>18</td>
- </tr>
- <tr>
- <td>3</td>
- <td>lei</td>
- <td>18</td>
- </tr>
- <tr>
- <td>4</td>
- <td>lei</td>
- <td>21</td>
- </tr>
- <tr>
- <td>5</td>
- <td>lei</td>
- <td>23</td>
- </tr>
- <tr>
- <td>6</td>
- <td>lei</td>
- <td>23</td>
- </tr>
- <tr>
- <td>7</td>
- <td>lei</td>
- <td>24</td>
- </tr>
- <tr>
- <td>8</td>
- <td>lei</td>
- <td>26</td>
- </tr>
+ <tr>
+ <td>1</td>
+ <td>lei</td>
+ <td>17</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>lei</td>
+ <td>18</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>lei</td>
+ <td>18</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>lei</td>
+ <td>21</td>
+ </tr>
+ <tr>
+ <td>5</td>
+ <td>lei</td>
+ <td>23</td>
+ </tr>
+ <tr>
+ <td>6</td>
+ <td>lei</td>
+ <td>23</td>
+ </tr>
+ <tr>
+ <td>7</td>
+ <td>lei</td>
+ <td>24</td>
+ </tr>
+ <tr>
+ <td>8</td>
+ <td>lei</td>
+ <td>26</td>
+ </tr>
</tbody>
</table>
</div>
@@ -402,57 +403,57 @@ under the License.
<div class="col-md-12 col-lg-12 col-sm-12">
<table class="table table-bordered text-center">
<thead>
- <tr class="success">
- <td>ID</td>
- <td>NAME</td>
- <td>AGE</td>
- </tr>
+ <tr class="success">
+ <td>ID</td>
+ <td>NAME</td>
+ <td>AGE</td>
+ </tr>
</thead>
<tbody>
- <tr>
- <td>1</td>
- <td>lei</td>
- <td>17</td>
- </tr>
- <tr>
- <td>2</td>
- <td>lei</td>
- <td>18</td>
- </tr>
- <tr>
- <td>3</td>
- <td>lei</td>
- <td>18</td>
- </tr>
- <tr>
- <td>4</td>
- <td>lei</td>
- <td>21</td>
- </tr>
- <tr>
- <td>5</td>
- <td>lei</td>
- <td>23</td>
- </tr>
- <tr>
- <td>6</td>
- <td>lei</td>
- <td>23</td>
- </tr>
- <tr>
- <td>7</td>
- <td>lei</td>
- <td>24</td>
- </tr>
- <tr>
- <td>8</td>
- <td>lei</td>
- <td>
- <abbr title="the value is the biggest number " class="initialism">
- <mark>26</mark>
- </abbr>
- </td>
- </tr>
+ <tr>
+ <td>1</td>
+ <td>lei</td>
+ <td>17</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>lei</td>
+ <td>18</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>lei</td>
+ <td>18</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>lei</td>
+ <td>21</td>
+ </tr>
+ <tr>
+ <td>5</td>
+ <td>lei</td>
+ <td>23</td>
+ </tr>
+ <tr>
+ <td>6</td>
+ <td>lei</td>
+ <td>23</td>
+ </tr>
+ <tr>
+ <td>7</td>
+ <td>lei</td>
+ <td>24</td>
+ </tr>
+ <tr>
+ <td>8</td>
+ <td>lei</td>
+ <td>
+ <abbr title="the value is the biggest number " class="initialism">
+ <mark>26</mark>
+ </abbr>
+ </td>
+ </tr>
</tbody>
</table>
</div>
@@ -491,57 +492,57 @@ under the License.
<div class="col-md-12 col-lg-12 col-sm-12">
<table class="table table-bordered text-center">
<thead>
- <tr class="success">
- <td>ID</td>
- <td>NAME</td>
- <td>AGE</td>
- </tr>
+ <tr class="success">
+ <td>ID</td>
+ <td>NAME</td>
+ <td>AGE</td>
+ </tr>
</thead>
<tbody>
- <tr>
- <td>1</td>
- <td>lei</td>
- <td>17</td>
- </tr>
- <tr>
- <td>2</td>
- <td>lei</td>
- <td>18</td>
- </tr>
- <tr>
- <td>3</td>
- <td>lei</td>
- <td>18</td>
- </tr>
- <tr>
- <td>4</td>
- <td>lei</td>
- <td>
- <abbr title="the value is the minimum number " class="initialism">
- <mark>14</mark>
- </abbr>
- </td>
- </tr>
- <tr>
- <td>5</td>
- <td>lei</td>
- <td>23</td>
- </tr>
- <tr>
- <td>6</td>
- <td>lei</td>
- <td>23</td>
- </tr>
- <tr>
- <td>7</td>
- <td>lei</td>
- <td>24</td>
- </tr>
- <tr>
- <td>8</td>
- <td>lei</td>
- <td>26</td>
- </tr>
+ <tr>
+ <td>1</td>
+ <td>lei</td>
+ <td>17</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>lei</td>
+ <td>18</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>lei</td>
+ <td>18</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>lei</td>
+ <td>
+ <abbr title="the value is the minimum number " class="initialism">
+ <mark>14</mark>
+ </abbr>
+ </td>
+ </tr>
+ <tr>
+ <td>5</td>
+ <td>lei</td>
+ <td>23</td>
+ </tr>
+ <tr>
+ <td>6</td>
+ <td>lei</td>
+ <td>23</td>
+ </tr>
+ <tr>
+ <td>7</td>
+ <td>lei</td>
+ <td>24</td>
+ </tr>
+ <tr>
+ <td>8</td>
+ <td>lei</td>
+ <td>26</td>
+ </tr>
</tbody>
</table>
</div>
@@ -580,53 +581,53 @@ under the License.
<div class="col-md-12 col-lg-12 col-sm-12">
<table class="table table-bordered text-center">
<thead>
- <tr class="success">
- <td>ID</td>
- <td>NAME</td>
- <td>AGE</td>
- </tr>
+ <tr class="success">
+ <td>ID</td>
+ <td>NAME</td>
+ <td>AGE</td>
+ </tr>
</thead>
<tbody>
- <tr>
- <td>1</td>
- <td>lei</td>
- <td>18</td>
- </tr>
- <tr>
- <td>2</td>
- <td>lei</td>
- <td>18</td>
- </tr>
- <tr>
- <td>3</td>
- <td>lei</td>
- <td>19</td>
- </tr>
- <tr>
- <td>4</td>
- <td>lei</td>
- <td>19</td>
- </tr>
- <tr>
- <td>5</td>
- <td>lei</td>
- <td>21</td>
- </tr>
- <tr>
- <td>6</td>
- <td>lei</td>
- <td>21</td>
- </tr>
- <tr>
- <td>7</td>
- <td>lei</td>
- <td>22</td>
- </tr>
- <tr>
- <td>8</td>
- <td>lei</td>
- <td>22</td>
- </tr>
+ <tr>
+ <td>1</td>
+ <td>lei</td>
+ <td>18</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>lei</td>
+ <td>18</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>lei</td>
+ <td>19</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>lei</td>
+ <td>19</td>
+ </tr>
+ <tr>
+ <td>5</td>
+ <td>lei</td>
+ <td>21</td>
+ </tr>
+ <tr>
+ <td>6</td>
+ <td>lei</td>
+ <td>21</td>
+ </tr>
+ <tr>
+ <td>7</td>
+ <td>lei</td>
+ <td>22</td>
+ </tr>
+ <tr>
+ <td>8</td>
+ <td>lei</td>
+ <td>22</td>
+ </tr>
</tbody>
</table>
</div>
@@ -665,58 +666,58 @@ under the License.
<div class="col-md-12 col-lg-12 col-sm-12">
<table class="table table-bordered text-center">
<thead>
- <tr class="success">
- <td>ID</td>
- <td>NAME</td>
- <td>AGE</td>
- </tr>
+ <tr class="success">
+ <td>ID</td>
+ <td>NAME</td>
+ <td>AGE</td>
+ </tr>
</thead>
<tbody>
- <tr>
- <td>1</td>
- <td>lei</td>
- <td>17</td>
- </tr>
- <tr>
- <td>2</td>
- <td>lei</td>
- <td>18</td>
- </tr>
- <tr>
- <td>3</td>
- <td>lei</td>
- <td>19</td>
- </tr>
- <tr>
- <td>4</td>
- <td>lei</td>
- <td>20</td>
- </tr>
- <tr>
- <td>5</td>
- <td>lei</td>
- <td>21</td>
- </tr>
- <tr>
- <td>6</td>
- <td>lei</td>
- <td>21</td>
- </tr>
- <tr>
- <td>7</td>
- <td>lei</td>
- <td>22</td>
- </tr>
- <tr>
- <td>8</td>
- <td>lei</td>
- <td>22</td>
- </tr>
- <tr>
- <td>9</td>
- <td>lei</td>
- <td>23</td>
- </tr>
+ <tr>
+ <td>1</td>
+ <td>lei</td>
+ <td>17</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>lei</td>
+ <td>18</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>lei</td>
+ <td>19</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>lei</td>
+ <td>20</td>
+ </tr>
+ <tr>
+ <td>5</td>
+ <td>lei</td>
+ <td>21</td>
+ </tr>
+ <tr>
+ <td>6</td>
+ <td>lei</td>
+ <td>21</td>
+ </tr>
+ <tr>
+ <td>7</td>
+ <td>lei</td>
+ <td>22</td>
+ </tr>
+ <tr>
+ <td>8</td>
+ <td>lei</td>
+ <td>22</td>
+ </tr>
+ <tr>
+ <td>9</td>
+ <td>lei</td>
+ <td>23</td>
+ </tr>
</tbody>
</table>
</div>
@@ -734,7 +735,9 @@ under the License.
<div class="row">
<div class="col-md-12 col-lg-12 col-sm-12">
<label class="text-left">
- In theoretical computer science and formal language theory, a regular expression (sometimes called a rational expression) is a sequence of characters that define a search pattern, mainly for use in pattern matching with strings, or string matching, i.e. "find and replace"-like operations.
+ In theoretical computer science and formal language theory, a regular expression (sometimes called a
+ rational expression) is a sequence of characters that define a search pattern, mainly for use in
+ pattern matching with strings, or string matching, i.e. "find and replace"-like operations.
</label>
</div>
</div>
@@ -748,7 +751,8 @@ under the License.
<div class="row">
<div class="col-md-12 col-lg-12 col-sm-12">
<label class="text-left">
- There is a series characters of in the column of IDENTIFIER in the following table, and we can use a kind of Regular Expression Matching to search it.
+ There is a series characters of in the column of IDENTIFIER in the following table, and we can use a
+ kind of Regular Expression Matching to search it.
</label>
</div>
</div>
@@ -756,61 +760,61 @@ under the License.
<div class="col-md-12 col-lg-12 col-sm-12">
<table class="table table-bordered text-center">
<thead>
- <tr class="success">
- <td>IDENTIFIER</td>
- <td>NAME</td>
- <td>AGE</td>
- </tr>
+ <tr class="success">
+ <td>IDENTIFIER</td>
+ <td>NAME</td>
+ <td>AGE</td>
+ </tr>
</thead>
<tbody>
- <tr>
- <td>#1111</td>
- <td>lei</td>
- <td>17</td>
- </tr>
- <tr>
- <td>#1245</td>
- <td>lei</td>
- <td>18</td>
- </tr>
- <tr>
- <td>15245</td>
- <td>lei</td>
- <td>18</td>
- </tr>
- <tr>
- <td>87956</td>
- <td>lei</td>
- <td>21</td>
- </tr>
- <tr>
- <td>
- <abbr title="the value is the biggest number " class="initialism">
- <mark>monkey</mark>
- </abbr>
- </td>
- <td>lei</td>
- <td>23</td>
- </tr>
- <tr>
- <td>
- <abbr title="the value is the biggest number " class="initialism">
- <mark>tiger</mark>
- </abbr>
- </td>
- <td>lei</td>
- <td>23</td>
- </tr>
- <tr>
- <td>456</td>
- <td>lei</td>
- <td>24</td>
- </tr>
- <tr>
- <td>324</td>
- <td>lei</td>
- <td>26</td>
- </tr>
+ <tr>
+ <td>#1111</td>
+ <td>lei</td>
+ <td>17</td>
+ </tr>
+ <tr>
+ <td>#1245</td>
+ <td>lei</td>
+ <td>18</td>
+ </tr>
+ <tr>
+ <td>15245</td>
+ <td>lei</td>
+ <td>18</td>
+ </tr>
+ <tr>
+ <td>87956</td>
+ <td>lei</td>
+ <td>21</td>
+ </tr>
+ <tr>
+ <td>
+ <abbr title="the value is the biggest number " class="initialism">
+ <mark>monkey</mark>
+ </abbr>
+ </td>
+ <td>lei</td>
+ <td>23</td>
+ </tr>
+ <tr>
+ <td>
+ <abbr title="the value is the biggest number " class="initialism">
+ <mark>tiger</mark>
+ </abbr>
+ </td>
+ <td>lei</td>
+ <td>23</td>
+ </tr>
+ <tr>
+ <td>456</td>
+ <td>lei</td>
+ <td>24</td>
+ </tr>
+ <tr>
+ <td>324</td>
+ <td>lei</td>
+ <td>26</td>
+ </tr>
</tbody>
</table>
</div>
@@ -829,7 +833,8 @@ under the License.
<div class="row">
<div class="col-md-12 col-lg-12 col-sm-12">
<p class="text-left">
- <strong>The regular expression matching means :</strong> Matches a string consisting of 26 english letters
+ <strong>The regular expression matching means :</strong> Matches a string consisting of 26 english
+ letters
</p>
</div>
</div>
@@ -856,7 +861,8 @@ under the License.
<div class="row">
<div class="col-md-12 col-lg-12 col-sm-12">
<label class="text-left">
- The Enum Detection Count is a statement of GROUP BY , which often used with aggregate functions (COUNT, MAX, MIN, SUM, AVG) to group the result-set by one or more columns.
+ The Enum Detection Count is a statement of GROUP BY , which often used with aggregate functions
+ (COUNT, MAX, MIN, SUM, AVG) to group the result-set by one or more columns.
</label>
</div>
</div>
@@ -870,7 +876,8 @@ under the License.
<div class="row">
<div class="col-md-12 col-lg-12 col-sm-12">
<label class="text-left">
- We can use Enum Detection Count to search the lists the number of customers in each country in the following table:
+ We can use Enum Detection Count to search the lists the number of customers in each country in the
+ following table:
</label>
</div>
</div>
@@ -878,53 +885,53 @@ under the License.
<div class="col-md-12 col-lg-12 col-sm-12">
<table class="table table-bordered text-center">
<thead>
- <tr class="success">
- <td>CUSTOMERID</td>
- <td>NAME</td>
- <td>COUNTRY</td>
- </tr>
+ <tr class="success">
+ <td>CUSTOMERID</td>
+ <td>NAME</td>
+ <td>COUNTRY</td>
+ </tr>
</thead>
<tbody>
- <tr>
- <td>1</td>
- <td>lei</td>
- <td>Germany</td>
- </tr>
- <tr>
- <td>2</td>
- <td>lei</td>
- <td>Mexico</td>
- </tr>
- <tr>
- <td>3</td>
- <td>lei</td>
- <td>Germany</td>
- </tr>
- <tr>
- <td>4</td>
- <td>lei</td>
- <td>Mexico</td>
- </tr>
- <tr>
- <td>5</td>
- <td>lei</td>
- <td>China</td>
- </tr>
- <tr>
- <td>6</td>
- <td>lei</td>
- <td>China</td>
- </tr>
- <tr>
- <td>7</td>
- <td>lei</td>
- <td>UK</td>
- </tr>
- <tr>
- <td>8</td>
- <td>lei</td>
- <td>Sweden</td>
- </tr>
+ <tr>
+ <td>1</td>
+ <td>lei</td>
+ <td>Germany</td>
+ </tr>
+ <tr>
+ <td>2</td>
+ <td>lei</td>
+ <td>Mexico</td>
+ </tr>
+ <tr>
+ <td>3</td>
+ <td>lei</td>
+ <td>Germany</td>
+ </tr>
+ <tr>
+ <td>4</td>
+ <td>lei</td>
+ <td>Mexico</td>
+ </tr>
+ <tr>
+ <td>5</td>
+ <td>lei</td>
+ <td>China</td>
+ </tr>
+ <tr>
+ <td>6</td>
+ <td>lei</td>
+ <td>China</td>
+ </tr>
+ <tr>
+ <td>7</td>
+ <td>lei</td>
+ <td>UK</td>
+ </tr>
+ <tr>
+ <td>8</td>
+ <td>lei</td>
+ <td>Sweden</td>
+ </tr>
</tbody>
</table>
</div>
@@ -934,7 +941,8 @@ under the License.
<div class="row">
<div class="col-md-12 col-lg-12 col-sm-12">
<p class="text-left">
- <strong>Suppose Enum Expression is :</strong> SELECT COUNT(CUSTORMERID), COUNTRY FROM Customers GROUP BY COUNTRY;
+ <strong>Suppose Enum Expression is :</strong> SELECT COUNT(CUSTORMERID), COUNTRY FROM Customers GROUP
+ BY COUNTRY;
</p>
</div>
</div>
@@ -967,7 +975,9 @@ under the License.
<div class="row">
<div class="col-md-12 col-lg-12 col-sm-12">
<label class="text-left">
- In theoretical computer science and formal language theory, a regular expression (sometimes called a rational expression) is a sequence of characters that define a search pattern, mainly for use in pattern matching with strings, or string matching, i.e. "find and replace"-like operations.
+ In theoretical computer science and formal language theory, a regular expression (sometimes called a
+ rational expression) is a sequence of characters that define a search pattern, mainly for use in
+ pattern matching with strings, or string matching, i.e. "find and replace"-like operations.
</label>
</div>
</div>
@@ -981,7 +991,8 @@ under the License.
<div class="row">
<div class="col-md-12 col-lg-12 col-sm-12">
<label class="text-left">
- There is a series characters of in the column of IDENTIFIER in the following table, and we can use a kind of Regular Expression Matching to search it.
+ There is a series characters of in the column of IDENTIFIER in the following table, and we can use a
+ kind of Regular Expression Matching to search it.
</label>
</div>
</div>
@@ -989,61 +1000,61 @@ under the License.
<div class="col-md-12 col-lg-12 col-sm-12">
<table class="table table-bordered text-center">
<thead>
- <tr class="success">
- <td>IDENTIFIER</td>
- <td>NAME</td>
- <td>AGE</td>
- </tr>
+ <tr class="success">
+ <td>IDENTIFIER</td>
+ <td>NAME</td>
+ <td>AGE</td>
+ </tr>
</thead>
<tbody>
- <tr>
- <td>#1111</td>
- <td>lei</td>
- <td>17</td>
- </tr>
- <tr>
- <td>#1245</td>
- <td>lei</td>
- <td>18</td>
- </tr>
- <tr>
- <td>15245</td>
- <td>lei</td>
- <td>18</td>
- </tr>
- <tr>
- <td>87956</td>
- <td>lei</td>
- <td>21</td>
- </tr>
- <tr>
- <td>
- <abbr title="the value is the biggest number " class="initialism">
- <mark>monkey</mark>
- </abbr>
- </td>
- <td>lei</td>
- <td>23</td>
- </tr>
- <tr>
- <td>
- <abbr title="the value is the biggest number " class="initialism">
- <mark>tiger</mark>
- </abbr>
- </td>
- <td>lei</td>
- <td>23</td>
- </tr>
- <tr>
- <td>456</td>
- <td>lei</td>
- <td>24</td>
- </tr>
- <tr>
- <td>324</td>
- <td>lei</td>
- <td>26</td>
- </tr>
+ <tr>
+ <td>#1111</td>
+ <td>lei</td>
+ <td>17</td>
+ </tr>
+ <tr>
+ <td>#1245</td>
+ <td>lei</td>
+ <td>18</td>
+ </tr>
+ <tr>
+ <td>15245</td>
+ <td>lei</td>
+ <td>18</td>
+ </tr>
+ <tr>
+ <td>87956</td>
+ <td>lei</td>
+ <td>21</td>
+ </tr>
+ <tr>
+ <td>
+ <abbr title="the value is the biggest number " class="initialism">
+ <mark>monkey</mark>
+ </abbr>
+ </td>
+ <td>lei</td>
+ <td>23</td>
+ </tr>
+ <tr>
+ <td>
+ <abbr title="the value is the biggest number " class="initialism">
+ <mark>tiger</mark>
+ </abbr>
+ </td>
+ <td>lei</td>
+ <td>23</td>
+ </tr>
+ <tr>
+ <td>456</td>
+ <td>lei</td>
+ <td>24</td>
+ </tr>
+ <tr>
+ <td>324</td>
+ <td>lei</td>
+ <td>26</td>
+ </tr>
</tbody>
</table>
</div>
@@ -1062,7 +1073,8 @@ under the License.
<div class="row">
<div class="col-md-12 col-lg-12 col-sm-12">
<p class="text-left">
- <strong>The regular expression matching means :</strong> Matches a string consisting of 26 english letters
+ <strong>The regular expression matching means :</strong> Matches a string consisting of 26 english
+ letters
</p>
</div>
</div>
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.spec.ts
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.spec.ts b/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.spec.ts
index 33f32e5..fb4b869 100644
--- a/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.spec.ts
+++ b/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.spec.ts
@@ -16,9 +16,9 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import {async, ComponentFixture, TestBed} from '@angular/core/testing';
-import { RuleComponent } from './rule.component';
+import {RuleComponent} from './rule.component';
describe('RuleComponent', () => {
let component: RuleComponent;
@@ -26,9 +26,9 @@ describe('RuleComponent', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
- declarations: [ RuleComponent ]
+ declarations: [RuleComponent]
})
- .compileComponents();
+ .compileComponents();
}));
beforeEach(() => {
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.ts
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.ts b/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.ts
index 8db602b..6ab521c 100644
--- a/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.ts
+++ b/ui/angular/src/app/measure/create-measure/pr/rule/rule.component.ts
@@ -16,7 +16,7 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/
-import { Component, OnInit } from '@angular/core';
+import {Component, OnInit} from '@angular/core';
@Component({
selector: 'app-rule',
@@ -24,11 +24,13 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./rule.component.css']
})
export class RuleComponent implements OnInit {
-
- vaType : string;
- constructor() { }
+
+ vaType: string;
+
+ constructor() {
+ }
ngOnInit() {
- this.vaType = '2';
+ this.vaType = '2';
}
}
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.css
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.css b/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.css
index fd725f8..da8dfb0 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.css
+++ b/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.css
@@ -16,7 +16,6 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/
-
@import url('../../../../../../node_modules/angular2-toaster/toaster.css');
@import url('../../../measure.component.css');
@@ -65,19 +64,19 @@ div.tree div.tree-children::before {
left: 5px
}
-div.tree treenode>div>.node-wrapper {
+div.tree treenode > div > .node-wrapper {
margin-left: 24px
}
-div.tree treenode>div>.node-wrapper>.node-content-wrapper {
+div.tree treenode > div > .node-wrapper > .node-content-wrapper {
margin-left: 4px
}
-div.tree treenode>div.tree-node-leaf>.node-wrapper {
+div.tree treenode > div.tree-node-leaf > .node-wrapper {
margin-left: 0
}
-div.tree treenode>div::before {
+div.tree treenode > div::before {
content: "";
position: absolute;
border-bottom: 1px dotted #23527c;
@@ -86,7 +85,7 @@ div.tree treenode>div::before {
left: 7px
}
-div.tree treenode>div .toggle-children-wrapper {
+div.tree treenode > div .toggle-children-wrapper {
width: 13px;
height: 13px;
border: 1px solid #23527c;
@@ -99,7 +98,7 @@ div.tree treenode>div .toggle-children-wrapper {
z-index: 1
}
-div.tree treenode>div .toggle-children-wrapper::before {
+div.tree treenode > div .toggle-children-wrapper::before {
content: "";
display: inline-block;
width: 7px;
@@ -109,7 +108,7 @@ div.tree treenode>div .toggle-children-wrapper::before {
left: 2px
}
-div.tree treenode>div .toggle-children-wrapper.toggle-children-wrapper-collapsed::after {
+div.tree treenode > div .toggle-children-wrapper.toggle-children-wrapper-collapsed::after {
content: "";
display: inline-block;
height: 7px;
@@ -119,19 +118,19 @@ div.tree treenode>div .toggle-children-wrapper.toggle-children-wrapper-collapsed
left: 5px
}
-div.tree treenode>div .toggle-children-wrapper .toggle-children {
+div.tree treenode > div .toggle-children-wrapper .toggle-children {
display: none
}
-div.tree treenode>div .node-content-wrapper {
+div.tree treenode > div .node-content-wrapper {
margin-left: 4px
}
-div.tree>treenode>div::before {
+div.tree > treenode > div::before {
left: 14px
}
-div.tree>treenode>div>.node-wrapper>treenodeexpander>.toggle-children-wrapper {
+div.tree > treenode > div > .node-wrapper > treenodeexpander > .toggle-children-wrapper {
left: 22px
}
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.html
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.html b/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.html
index 4c9eb99..3ec2a1e 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.html
+++ b/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.html
@@ -18,56 +18,58 @@ under the License.
-->
<div class="container-fluid">
<form name="Form" id="form" #prForm="ngForm" novalidate>
- <label class="stepDesc">This step lets you select the single source of truth for data quality comparision with a target source.</label>
- <div class="container-fluid">
- <div class="col-md-4 col-lg-4 col-sm-4">
- <fieldset>
- <legend>Please select schema</legend>
- <tree-root [nodes]="step1.nodeList" [options]="options"></tree-root>
- </fieldset>
- </div>
- <div class="col-md-8 col-lg-8 col-sm-8">
- <fieldset>
- <legend>
- Select attributes
- </legend>
- <div class="y-scrollable">
- <div style="margin-top:10px;">
- <label>View schema:</label>
- <i style="color:#fff;font-weight: bold;">{{step1.currentDBstr}}{{step1.currentTable}}
- </i>
- </div>
- <div style="margin-top:5px;">
- <table class="table table-striped no-border">
- <thead>
- <tr style="background-color:#7D95CC">
- <th>
- <input type="checkbox" (click)="toggleAll()" [checked]="selectedAll" />
- </th>
- <th>Column Name</th>
- <th>Type</th>
- <th>Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr *ngIf="!step1.schemaCollection || step1.schemaCollection.length == 0">
- <td colspan="5" style="text-align:center;"><span class="highlight">Please select a schema from the left tree first</span></td>
- </tr>
- <tr *ngFor="let row of step1.schemaCollection">
- <td>
- <input type="checkbox" (click)='toggleSelection(row)' [checked]="row.selected" value={{row.name}} />
- </td>
- <td>{{row.name}}</td>
- <td>{{row.type}}</td>
- <td>{{row.comment}}</td>
- </tr>
- </tbody>
- </table>
- </div>
+ <label class="stepDesc">This step lets you select the single source of truth for data quality comparision with a
+ target source.</label>
+ <div class="container-fluid">
+ <div class="col-md-4 col-lg-4 col-sm-4">
+ <fieldset>
+ <legend>Please select schema</legend>
+ <tree-root [nodes]="step1.nodeList" [options]="options"></tree-root>
+ </fieldset>
+ </div>
+ <div class="col-md-8 col-lg-8 col-sm-8">
+ <fieldset>
+ <legend>
+ Select attributes
+ </legend>
+ <div class="y-scrollable">
+ <div style="margin-top:10px;">
+ <label>View schema:</label>
+ <i style="color:#fff;font-weight: bold;">{{step1.currentDBstr}}{{step1.currentTable}}
+ </i>
+ </div>
+ <div style="margin-top:5px;">
+ <table class="table table-striped no-border">
+ <thead>
+ <tr style="background-color:#7D95CC">
+ <th>
+ <input type="checkbox" (click)="toggleAll()" [checked]="selectedAll"/>
+ </th>
+ <th>Column Name</th>
+ <th>Type</th>
+ <th>Comment</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr *ngIf="!step1.schemaCollection || step1.schemaCollection.length == 0">
+ <td colspan="5" style="text-align:center;"><span class="highlight">Please select a schema from the left tree first</span>
+ </td>
+ </tr>
+ <tr *ngFor="let row of step1.schemaCollection">
+ <td>
+ <input type="checkbox" (click)='toggleSelection(row)' [checked]="row.selected" value={{row.name}}/>
+ </td>
+ <td>{{row.name}}</td>
+ <td>{{row.type}}</td>
+ <td>{{row.comment}}</td>
+ </tr>
+ </tbody>
+ </table>
</div>
- </fieldset>
- </div>
+ </div>
+ </fieldset>
</div>
+ </div>
</form>
<div class="form-group btn-container">
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.spec.ts
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.spec.ts b/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.spec.ts
index 13d47d4..4e9a602 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.spec.ts
+++ b/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.spec.ts
@@ -16,9 +16,9 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import {async, ComponentFixture, TestBed} from '@angular/core/testing';
-import { PrStep1Component } from './step1.component';
+import {PrStep1Component} from './step1.component';
describe('PrStep1Component', () => {
let component: PrStep1Component;
@@ -26,7 +26,7 @@ describe('PrStep1Component', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
- declarations: [ PrStep1Component ]
+ declarations: [PrStep1Component]
})
.compileComponents();
}));
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.ts
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.ts b/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.ts
index 94e1d37..5c1a450 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.ts
+++ b/ui/angular/src/app/measure/create-measure/pr/step1/step1.component.ts
@@ -16,12 +16,12 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/
-import { Component, OnInit, Input, Output, EventEmitter } from "@angular/core";
-import { ServiceService } from "../../../../service/service.service";
-import { TREE_ACTIONS, ITreeOptions } from "angular-tree-component";
-import { HttpClient } from "@angular/common/http";
-import { AfterViewChecked, ElementRef } from "@angular/core";
-import { ProfilingStep1 } from "../pr.component";
+import {Component, OnInit, Input, Output, EventEmitter} from "@angular/core";
+import {ServiceService} from "../../../../service/service.service";
+import {TREE_ACTIONS, ITreeOptions} from "angular-tree-component";
+import {HttpClient} from "@angular/common/http";
+import {AfterViewChecked, ElementRef} from "@angular/core";
+import {ProfilingStep1} from "../pr.component";
export class node {
name: string;
@@ -48,6 +48,7 @@ export class Col {
RE: string;
rules: any;
newRules: Rule[];
+
constructor(name: string, type: string, comment: string, selected: boolean) {
this.name = name;
this.type = type;
@@ -145,25 +146,25 @@ export class PrStep1Component implements AfterViewChecked, OnInit {
for (let item of this.step1.selection) {
if (item.isNum == true) {
this.step1.dropdownList[item.name] = [
- { id: 1, itemName: "Null Count", category: "Simple Statistics" },
- { id: 2, itemName: "Distinct Count", category: "Simple Statistics" },
- { id: 3, itemName: "Total Count", category: "Summary Statistics" },
- { id: 4, itemName: "Maximum", category: "Summary Statistics" },
- { id: 5, itemName: "Minimum", category: "Summary Statistics" },
- { id: 6, itemName: "Average", category: "Summary Statistics" },
+ {id: 1, itemName: "Null Count", category: "Simple Statistics"},
+ {id: 2, itemName: "Distinct Count", category: "Simple Statistics"},
+ {id: 3, itemName: "Total Count", category: "Summary Statistics"},
+ {id: 4, itemName: "Maximum", category: "Summary Statistics"},
+ {id: 5, itemName: "Minimum", category: "Summary Statistics"},
+ {id: 6, itemName: "Average", category: "Summary Statistics"},
// {"id":7,"itemName":"Median","category": "Summary Statistics"},
// {"id":8,"itemName":"Rule Detection Count","category": "Advanced Statistics"},
- { id: 9, itemName: "Enum Detection Top5 Count", category: "Advanced Statistics" }
+ {id: 9, itemName: "Enum Detection Top5 Count", category: "Advanced Statistics"}
];
} else {
this.step1.dropdownList[item.name] = [
- { id: 1, itemName: "Null Count", category: "Simple Statistics" },
- { id: 2, itemName: "Distinct Count", category: "Simple Statistics" },
- { id: 3, itemName: "Total Count", category: "Summary Statistics" },
+ {id: 1, itemName: "Null Count", category: "Simple Statistics"},
+ {id: 2, itemName: "Distinct Count", category: "Simple Statistics"},
+ {id: 3, itemName: "Total Count", category: "Summary Statistics"},
// {"id":8,"itemName":"Rule Detection Count","category": "Advanced Statistics"},
- { id: 9, itemName: "Enum Detection Top5 Count", category: "Advanced Statistics" },
- { id: 10, itemName:"Regular Expression Detection Count", regex: "", category: "Advanced Statistics"},
- { id: 11, itemName: "Empty Count", category: "Simple Statistics" }
+ {id: 9, itemName: "Enum Detection Top5 Count", category: "Advanced Statistics"},
+ {id: 10, itemName: "Regular Expression Detection Count", regex: "", category: "Advanced Statistics"},
+ {id: 11, itemName: "Empty Count", category: "Simple Statistics"}
];
}
}
@@ -187,7 +188,8 @@ export class PrStep1Component implements AfterViewChecked, OnInit {
private elementRef: ElementRef,
private http: HttpClient,
public serviceService: ServiceService
- ) {}
+ ) {
+ }
ngOnInit() {
if (this.step1.nodeList.length !== 0) return;
@@ -232,5 +234,6 @@ export class PrStep1Component implements AfterViewChecked, OnInit {
this.nextStep.emit(this.step1);
}
- ngAfterViewChecked() {}
+ ngAfterViewChecked() {
+ }
}
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.css
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.css b/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.css
index af2cf72..7a24eb2 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.css
+++ b/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.css
@@ -16,7 +16,6 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/
-
@import url('../../../../../../node_modules/angular2-toaster/toaster.css');
@import url('../../../measure.component.css');
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.html
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.html b/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.html
index 2be8e20..c3df300 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.html
+++ b/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.html
@@ -31,7 +31,10 @@ under the License.
<tr style="background-color:#7D95CC">
<th>Column Name</th>
<th>Data Type</th>
- <th>Rule <i style="color:#b2c831;" class="fa fa-question-circle fa-lg"></i><i style="font-family: 'Open Sans', sans-serif;">Click <a (click)="showRule()" class="bark-link po">here</a> to view the rule definition</i></th>
+ <th>Rule <i style="color:#b2c831;" class="fa fa-question-circle fa-lg"></i><i
+ style="font-family: 'Open Sans', sans-serif;">Click <a (click)="showRule()"
+ class="bark-link po">here</a> to view the rule
+ definition</i></th>
</tr>
</thead>
<tbody>
@@ -39,7 +42,9 @@ under the License.
<td class="middle">{{item.name}}</td>
<td class="middle">{{item.type}}</td>
<td class="col-md-5 middle">
- <angular2-multiselect [data]="step1.dropdownList[item.name]" name="rules-{{item.name}}" [(ngModel)]="step2.selectedItems[item.name]" [settings]="dropdownSettings"></angular2-multiselect>
+ <angular2-multiselect [data]="step1.dropdownList[item.name]" name="rules-{{item.name}}"
+ [(ngModel)]="step2.selectedItems[item.name]"
+ [settings]="dropdownSettings"></angular2-multiselect>
<div *ngIf="containsRegex(step2.selectedItems[item.name])" class="block">
<label class="regex-label">
Regular Expression:
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.spec.ts
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.spec.ts b/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.spec.ts
index ca2149a..17d0da0 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.spec.ts
+++ b/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.spec.ts
@@ -16,9 +16,9 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import {async, ComponentFixture, TestBed} from '@angular/core/testing';
-import { PrStep2Component } from './step2.component';
+import {PrStep2Component} from './step2.component';
describe('PrStep2Component', () => {
let component: PrStep2Component;
@@ -26,7 +26,7 @@ describe('PrStep2Component', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
- declarations: [ PrStep2Component ]
+ declarations: [PrStep2Component]
})
.compileComponents();
}));
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.ts
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.ts b/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.ts
index cd5314a..f87aff1 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.ts
+++ b/ui/angular/src/app/measure/create-measure/pr/step2/step2.component.ts
@@ -17,9 +17,9 @@ specific language governing permissions and limitations
under the License.
*/
import {Component, EventEmitter, Input, OnInit, Output} from "@angular/core";
-import { AfterViewChecked } from "@angular/core";
-import { AngularMultiSelectModule } from "angular2-multiselect-dropdown/angular2-multiselect-dropdown";
-import { ProfilingStep1, ProfilingStep2 } from './../pr.component'
+import {AfterViewChecked} from "@angular/core";
+import {AngularMultiSelectModule} from "angular2-multiselect-dropdown/angular2-multiselect-dropdown";
+import {ProfilingStep1, ProfilingStep2} from './../pr.component'
@Component({
@@ -35,7 +35,8 @@ export class PrStep2Component implements AfterViewChecked, OnInit {
@Output() prevStep: EventEmitter<Object> = new EventEmitter<Object>();
@Output() nextStep: EventEmitter<Object> = new EventEmitter<Object>();
- constructor() {}
+ constructor() {
+ }
showRule() {
document.getElementById("showrule").style.display = "";
@@ -55,7 +56,7 @@ export class PrStep2Component implements AfterViewChecked, OnInit {
this.prevStep.emit(this.step2);
}
- containsRegex(obj){
+ containsRegex(obj) {
if (!obj) return false;
return obj.some(rule =>
rule.itemName == 'Regular Expression Detection Count'
@@ -73,5 +74,6 @@ export class PrStep2Component implements AfterViewChecked, OnInit {
};
}
- ngAfterViewChecked() {}
+ ngAfterViewChecked() {
+ }
}
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.css
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.css b/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.css
index be33bcc..2bc1b7a 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.css
+++ b/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.css
@@ -16,7 +16,6 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/
-
@import url('../../../../../../node_modules/angular2-toaster/toaster.css');
@import url('../../../measure.component.css');
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.html
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.html b/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.html
index b2ed563..2cbf083 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.html
+++ b/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.html
@@ -25,10 +25,11 @@ under the License.
Required Information
</legend>
<div class="y-scrollable">
- <div class="form-group" style="text-align:center">
- Data Source:{{step1.currentDB}}.{{step1.currentTable}}
- </div>
- <app-configuration [data]="step3.config" [location]="srclocation" (event)="getData($event)"></app-configuration>
+ <div class="form-group" style="text-align:center">
+ Data Source:{{step1.currentDB}}.{{step1.currentTable}}
+ </div>
+ <app-configuration [data]="step3.config" [location]="srclocation"
+ (event)="getData($event)"></app-configuration>
</div>
</fieldset>
</div>
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.spec.ts
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.spec.ts b/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.spec.ts
index da5ab2e..a4ecae5 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.spec.ts
+++ b/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.spec.ts
@@ -16,9 +16,9 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import {async, ComponentFixture, TestBed} from '@angular/core/testing';
-import { PrStep3Component } from './step3.component';
+import {PrStep3Component} from './step3.component';
describe('PrStep3Component', () => {
let component: PrStep3Component;
@@ -26,7 +26,7 @@ describe('PrStep3Component', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
- declarations: [ PrStep3Component ]
+ declarations: [PrStep3Component]
})
.compileComponents();
}));
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.ts
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.ts b/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.ts
index 79bf2d9..58e24ab 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.ts
+++ b/ui/angular/src/app/measure/create-measure/pr/step3/step3.component.ts
@@ -16,9 +16,9 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/
-import { Component, EventEmitter, Input, OnInit, Output } from "@angular/core";
-import { AfterViewChecked } from "@angular/core";
-import { ProfilingStep1, ProfilingStep2, ProfilingStep3 } from './../pr.component'
+import {Component, EventEmitter, Input, OnInit, Output} from "@angular/core";
+import {AfterViewChecked} from "@angular/core";
+import {ProfilingStep1, ProfilingStep2, ProfilingStep3} from './../pr.component'
@Component({
selector: "app-pr-step-3",
@@ -33,7 +33,8 @@ export class PrStep3Component implements AfterViewChecked, OnInit {
@Output() prevStep: EventEmitter<Object> = new EventEmitter<Object>();
@Output() nextStep: EventEmitter<Object> = new EventEmitter<Object>();
- constructor() {}
+ constructor() {
+ }
getData(evt) {
this.step3.config = evt;
@@ -52,6 +53,9 @@ export class PrStep3Component implements AfterViewChecked, OnInit {
this.prevStep.emit(this.step3);
}
- ngOnInit() {}
- ngAfterViewChecked() {}
+ ngOnInit() {
+ }
+
+ ngAfterViewChecked() {
+ }
}
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.css
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.css b/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.css
index 60d6e32..b0ef634 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.css
+++ b/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.css
@@ -16,7 +16,6 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/
-
@import url('../../../../../../node_modules/angular2-toaster/toaster.css');
@import url('../../../measure.component.css');
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.html
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.html b/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.html
index 0efec50..a6ad60b 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.html
+++ b/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.html
@@ -31,7 +31,8 @@ under the License.
Measure Name<span class="symbol required"></span>:
</label>
<div class="col-md-10 col-lg-10 col-sm-10 ">
- <input type="text" class="form-control" [(ngModel)]="step4.prName" #prName="ngModel" placeholder="Please input the measure name" required pattern="^[a-zA-Z0-9_-]*$">
+ <input type="text" class="form-control" [(ngModel)]="step4.prName" #prName="ngModel"
+ placeholder="Please input the measure name" required pattern="^[a-zA-Z0-9_-]*$">
<span class="error text-small block " *ngIf="prName.dirty && (prName.errors?.required)">Measure Name is required</span>
<span class="error text-small block " *ngIf="prName.dirty && (prName.errors?.pattern)">Only letter, number, "-" and "_" are allowed</span>
</div>
@@ -43,7 +44,8 @@ under the License.
Measure Description:
</label>
<div class="col-md-10 col-lg-10 col-sm-10">
- <input type="text" class="form-control" [(ngModel)]="step4.desc" placeholder="Please input detailed description of your measure" name="desc">
+ <input type="text" class="form-control" [(ngModel)]="step4.desc"
+ placeholder="Please input detailed description of your measure" name="desc">
</div>
</div>
</div>
@@ -82,7 +84,9 @@ under the License.
</div>
<div style="color:#b2c831">
<p>
- <i class="fa fa-info-circle"></i> After submitted, please go to "<a class="bark-link" routerLink="/measures">Measures</a>" to check the measure status
+ <i class="fa fa-info-circle"></i> After submitted, please go to "<a class="bark-link"
+ routerLink="/measures">Measures</a>" to
+ check the measure status
</p>
</div>
</fieldset>
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.spec.ts
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.spec.ts b/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.spec.ts
index c0ba718..dddcd35 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.spec.ts
+++ b/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.spec.ts
@@ -16,9 +16,9 @@ KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import {async, ComponentFixture, TestBed} from '@angular/core/testing';
-import { PrStep4Component } from './step4.component';
+import {PrStep4Component} from './step4.component';
describe('PrStep4Component', () => {
let component: PrStep4Component;
@@ -26,7 +26,7 @@ describe('PrStep4Component', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
- declarations: [ PrStep4Component ]
+ declarations: [PrStep4Component]
})
.compileComponents();
}));
http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/b306d872/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.ts
----------------------------------------------------------------------
diff --git a/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.ts b/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.ts
index f3178af..2e63c3a 100644
--- a/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.ts
+++ b/ui/angular/src/app/measure/create-measure/pr/step4/step4.component.ts
@@ -17,9 +17,9 @@ specific language governing permissions and limitations
under the License.
*/
import {Component, EventEmitter, Input, OnInit, Output, ChangeDetectorRef, AfterViewInit} from "@angular/core";
-import { FormControl } from "@angular/forms";
-import { FormsModule } from "@angular/forms";
-import { AfterViewChecked, ElementRef } from "@angular/core";
+import {FormControl} from "@angular/forms";
+import {FormsModule} from "@angular/forms";
+import {AfterViewChecked, ElementRef} from "@angular/core";
import {ProfilingStep1, ProfilingStep2, ProfilingStep3, ProfilingStep4} from "../pr.component";
@Component({
@@ -38,7 +38,8 @@ export class PrStep4Component implements AfterViewChecked, OnInit, AfterViewInit
@Output() prevStep: EventEmitter<Object> = new EventEmitter<Object>();
@Output() submitMeasure: EventEmitter<Object> = new EventEmitter<Object>();
- constructor(private cdr: ChangeDetectorRef) {}
+ constructor(private cdr: ChangeDetectorRef) {
+ }
prevChildStep() {
this.prevStep.emit(this.step4);
@@ -49,11 +50,13 @@ export class PrStep4Component implements AfterViewChecked, OnInit, AfterViewInit
this.submitMeasure.emit(this.step4);
}
- ngOnInit() {}
+ ngOnInit() {
+ }
ngAfterViewInit() {
this.cdr.detectChanges();
}
- ngAfterViewChecked() {}
+ ngAfterViewChecked() {
+ }
}