mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-31 17:38:48 +00:00
#1052 - added tooltip for diagram elements
This commit is contained in:
@@ -1 +1,2 @@
|
|||||||
<raphael-flow-arrow [flow]="flow"></raphael-flow-arrow>
|
<raphael-flow-arrow [flow]="flow"></raphael-flow-arrow>
|
||||||
|
<diagram-tooltip [data]="flow"></diagram-tooltip>
|
||||||
|
@@ -1,2 +1,3 @@
|
|||||||
<raphael-rhombus [center]="center" [width]="width" [height]="height" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
|
<raphael-rhombus [center]="center" [width]="width" [height]="height" [stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
|
||||||
[fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-rhombus>
|
[fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-rhombus>
|
||||||
|
<diagram-tooltip [data]="data"></diagram-tooltip>
|
||||||
|
@@ -40,7 +40,6 @@ export * from './boundary-events/index';
|
|||||||
export * from './intermediate-catching-events/index';
|
export * from './intermediate-catching-events/index';
|
||||||
export * from './structural/index';
|
export * from './structural/index';
|
||||||
export * from './swimlanes/index';
|
export * from './swimlanes/index';
|
||||||
export * from '../models/diagram-metric.model';
|
|
||||||
|
|
||||||
export const DIAGRAM_DIRECTIVES: any[] = [
|
export const DIAGRAM_DIRECTIVES: any[] = [
|
||||||
DiagramComponent,
|
DiagramComponent,
|
||||||
|
@@ -3,3 +3,4 @@
|
|||||||
<raphael-circle [center]="center" [radius]="circleRadiusOuter" [strokeWidth]="options.strokeWidth" [stroke]="options.stroke"
|
<raphael-circle [center]="center" [radius]="circleRadiusOuter" [strokeWidth]="options.strokeWidth" [stroke]="options.stroke"
|
||||||
[fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-circle>
|
[fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-circle>
|
||||||
<diagram-container-icon-event [data]="data" [type]="data.eventDefinition.type"></diagram-container-icon-event>
|
<diagram-container-icon-event [data]="data" [type]="data.eventDefinition.type"></diagram-container-icon-event>
|
||||||
|
<diagram-tooltip [data]="data"></diagram-tooltip>
|
||||||
|
@@ -54,7 +54,7 @@ export class RaphaelFlowArrowDirective extends RaphaelBase implements OnInit {
|
|||||||
polyline.element.attr({'stroke-width': this.SEQUENCEFLOW_STROKE});
|
polyline.element.attr({'stroke-width': this.SEQUENCEFLOW_STROKE});
|
||||||
polyline.element.attr({'stroke': '#585858'});
|
polyline.element.attr({'stroke': '#585858'});
|
||||||
|
|
||||||
polyline.element.id = this.flow.id;
|
polyline.element.node.id = this.flow.id;
|
||||||
|
|
||||||
let lastLineIndex = polyline.getLinesCount() - 1;
|
let lastLineIndex = polyline.getLinesCount() - 1;
|
||||||
let line = polyline.getLine(lastLineIndex);
|
let line = polyline.getLine(lastLineIndex);
|
||||||
|
@@ -1,3 +1,4 @@
|
|||||||
<raphael-rect [leftCorner]="rectLeftCorner" [width]="width" [height]="height" [radius]="options.radius"
|
<raphael-rect [leftCorner]="rectLeftCorner" [width]="width" [height]="height" [radius]="options.radius"
|
||||||
[stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
|
[stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
|
||||||
[fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-rect>
|
[fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-rect>
|
||||||
|
<diagram-tooltip [data]="data"></diagram-tooltip>
|
||||||
|
@@ -1,3 +1,4 @@
|
|||||||
<raphael-rect [leftCorner]="rectLeftCorner" [width]="width" [height]="height" [radius]="options.radius"
|
<raphael-rect [leftCorner]="rectLeftCorner" [width]="width" [height]="height" [radius]="options.radius"
|
||||||
[stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
|
[stroke]="options.stroke" [strokeWidth]="options.strokeWidth"
|
||||||
[fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-rect>
|
[fillColors]="options.fillColors" [fillOpacity]="options.fillOpacity"></raphael-rect>
|
||||||
|
<diagram-tooltip [data]="data"></diagram-tooltip>
|
||||||
|
@@ -1,30 +0,0 @@
|
|||||||
/*!
|
|
||||||
* @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.
|
|
||||||
*/
|
|
||||||
|
|
||||||
export class DiagramMetricModel {
|
|
||||||
colorDiagramMap: string;
|
|
||||||
valueDiagramMap: string;
|
|
||||||
dataType: string;
|
|
||||||
|
|
||||||
constructor(obj?: any) {
|
|
||||||
if (obj) {
|
|
||||||
this.colorDiagramMap = obj.colorDiagramMap || '';
|
|
||||||
this.valueDiagramMap = obj.valueDiagramMap || '';
|
|
||||||
this.dataType = obj.dataType || '';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
Reference in New Issue
Block a user