From f4e73d7d5a69c55c9d165aff2b6572f5bddeb077 Mon Sep 17 00:00:00 2001 From: mauriziovitale84 Date: Tue, 25 Oct 2016 11:10:09 +0100 Subject: [PATCH] Add event timer component --- ...iagram-container-icon-event.component.html | 3 + .../icons/diagram-icon-error.component.html | 2 + .../icons/diagram-icon-error.component.ts | 48 +++++++++++++ .../src/components/diagrams/icons/index.ts | 5 +- .../src/components/raphael/icons/index.ts | 5 +- .../icons/raphael-icon-error.component.ts | 68 +++++++++++++++++++ 6 files changed, 129 insertions(+), 2 deletions(-) create mode 100644 ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/diagram-icon-error.component.html create mode 100644 ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/diagram-icon-error.component.ts create mode 100644 ng2-components/ng2-activiti-analytics/src/components/raphael/icons/raphael-icon-error.component.ts diff --git a/ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/diagram-container-icon-event.component.html b/ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/diagram-container-icon-event.component.html index 25b1262bac..cff53f821a 100644 --- a/ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/diagram-container-icon-event.component.html +++ b/ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/diagram-container-icon-event.component.html @@ -2,4 +2,7 @@
+
+ +
\ No newline at end of file diff --git a/ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/diagram-icon-error.component.html b/ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/diagram-icon-error.component.html new file mode 100644 index 0000000000..2355c39b1a --- /dev/null +++ b/ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/diagram-icon-error.component.html @@ -0,0 +1,2 @@ + \ No newline at end of file diff --git a/ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/diagram-icon-error.component.ts b/ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/diagram-icon-error.component.ts new file mode 100644 index 0000000000..20175ae320 --- /dev/null +++ b/ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/diagram-icon-error.component.ts @@ -0,0 +1,48 @@ +/*! + * @license + * Copyright 2016 Alfresco Software, Ltd. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import { Component, ElementRef, Input, Output, EventEmitter } from '@angular/core'; +import { DiagramColorService } from './../services/diagram-color.service'; + +@Component({ + moduleId: module.id, + selector: 'diagram-icon-error', + templateUrl: './diagram-icon-error.component.html', + styleUrls: ['./diagram-icon-error.component.css'] +}) +export class DiagramIconErrorComponent { + @Input() + data: any; + + @Output() + onError = new EventEmitter(); + + position: any; + + options: any = {stroke: '', fillColors: '', fillOpacity: '', strokeWidth: ''}; + + constructor(public elementRef: ElementRef, + private diagramColorService: DiagramColorService) {} + + ngOnInit() { + this.position = {x: this.data.x - 1, y: this.data.y - 1}; + + this.options.stroke = 'black'; + this.options.fillColors = 'none'; + this.options.strokeWidth = 1; + } +} diff --git a/ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/index.ts b/ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/index.ts index 8012f75124..3083c66ca9 100644 --- a/ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/index.ts +++ b/ng2-components/ng2-activiti-analytics/src/components/diagrams/icons/index.ts @@ -30,6 +30,7 @@ import { DiagramIconScriptTaskComponent } from './diagram-icon-script-task.compo import { DiagramIconBusinessRuleTaskComponent } from './diagram-icon-business-rule-task.component'; import { DiagramContainerIconEventTaskComponent } from './diagram-container-icon-event.component'; import { DiagramIconTimerComponent } from './diagram-icon-timer.component'; +import { DiagramIconErrorComponent } from './diagram-icon-error.component'; // primitives export * from './diagram-icon-service-task.component'; @@ -47,6 +48,7 @@ export * from './diagram-icon-script-task.component'; export * from './diagram-icon-business-rule-task.component'; export * from './diagram-container-icon-event.component'; export * from './diagram-icon-timer.component'; +export * from './diagram-icon-error.component'; export const DIAGRAM_ICONS_DIRECTIVES: any[] = [ DiagramIconServiceTaskComponent, @@ -63,5 +65,6 @@ export const DIAGRAM_ICONS_DIRECTIVES: any[] = [ DiagramIconScriptTaskComponent, DiagramIconBusinessRuleTaskComponent, DiagramContainerIconEventTaskComponent, - DiagramIconTimerComponent + DiagramIconTimerComponent, + DiagramIconErrorComponent ]; diff --git a/ng2-components/ng2-activiti-analytics/src/components/raphael/icons/index.ts b/ng2-components/ng2-activiti-analytics/src/components/raphael/icons/index.ts index 93d19057b8..d840eafce2 100644 --- a/ng2-components/ng2-activiti-analytics/src/components/raphael/icons/index.ts +++ b/ng2-components/ng2-activiti-analytics/src/components/raphael/icons/index.ts @@ -29,6 +29,7 @@ import { RaphaelIconReceiveDirective } from './raphael-icon-receive.component'; import { RaphaelIconScriptDirective } from './raphael-icon-script.component'; import { RaphaelIconBusinessRuleDirective } from './raphael-icon-business-rule.component'; import { RaphaelIconTimerDirective } from './raphael-icon-timer.component'; +import { RaphaelIconErrorDirective } from './raphael-icon-error.component'; // primitives export * from './raphael-icon-service.component'; @@ -45,6 +46,7 @@ export * from './raphael-icon-receive.component'; export * from './raphael-icon-script.component'; export * from './raphael-icon-business-rule.component'; export * from './raphael-icon-timer.component'; +export * from './raphael-icon-error.component'; export const RAPHAEL_ICONS_DIRECTIVES: any[] = [ RaphaelIconServiceDirective, @@ -60,5 +62,6 @@ export const RAPHAEL_ICONS_DIRECTIVES: any[] = [ RaphaelIconReceiveDirective, RaphaelIconScriptDirective, RaphaelIconBusinessRuleDirective, - RaphaelIconTimerDirective + RaphaelIconTimerDirective, + RaphaelIconErrorDirective ]; diff --git a/ng2-components/ng2-activiti-analytics/src/components/raphael/icons/raphael-icon-error.component.ts b/ng2-components/ng2-activiti-analytics/src/components/raphael/icons/raphael-icon-error.component.ts new file mode 100644 index 0000000000..c77ab84943 --- /dev/null +++ b/ng2-components/ng2-activiti-analytics/src/components/raphael/icons/raphael-icon-error.component.ts @@ -0,0 +1,68 @@ +/*! + * @license + * Copyright 2016 Alfresco Software, Ltd. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import { Directive, OnInit, ElementRef, Input, Output, EventEmitter } from '@angular/core'; +import { Point } from './../models/point'; +import { RaphaelBase } from './../raphael-base'; +import { RaphaelService } from './../raphael.service'; + +@Directive({selector: 'raphael-icon-error'}) +export class RaphaelIconErrorDirective extends RaphaelBase implements OnInit { + @Input() + paper: any; + + @Input() + position: Point; + + @Input() + text: string; + + @Output() + onError = new EventEmitter(); + + @Input() + strokeWidth: number; + + @Input() + fillColors: any; + + @Input() + stroke: any; + + @Input() + fillOpacity: any; + + constructor(public elementRef: ElementRef, + raphaelService: RaphaelService) { + super(elementRef, raphaelService); + } + + ngOnInit() { + console.log(this.elementRef); + this.draw(this.position); + } + + public draw(position: Point) { + let path1 = this.paper.path(`M 22.820839,11.171502 L 19.36734,24.58992 L 13.54138,14.281819 L 9.3386512,20.071607 + L 13.048949,6.8323057 L 18.996148,16.132659 L 22.820839,11.171502 z`).attr({ + 'opacity': 1, + 'stroke': this.stroke, + 'fill': this.fillColors + }); + return path1.transform('T' + position.x + ',' + position.y); + } +}