1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
|
/*****************************************************************************
*
* ElementShape.js - This class handles the visualisation of Shapes
*
* Copyright (c) 2004-2016 NagVis Project (Contact: info@nagvis.org)
*
* License:
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License version 2 as
* published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.
*
*****************************************************************************/
var ElementShape = Element.extend({
render: function() {
this.renderShape();
this.place();
},
// Moves the Shape to it's location as described by this js object
place: function () {
this.dom_obj.style.top = this.obj.parseCoord(this.obj.conf.y, 'y') + 'px';
this.dom_obj.style.left = this.obj.parseCoord(this.obj.conf.x, 'x') + 'px';
},
unlock: function () {
this.toggleLink(false);
makeDragable(this.dom_obj, this.obj, this.obj.saveObject, this.obj.moveObject);
},
lock: function () {
this.toggleLink(true);
makeUndragable(this.dom_obj);
},
//
// END OF PUBLIC METHODS
//
renderShape: function () {
var oIconDiv = document.createElement('div');
this.dom_obj = oIconDiv;
oIconDiv.setAttribute('id', this.obj.conf.object_id+'-icondiv');
oIconDiv.className = 'icondiv';
oIconDiv.style.zIndex = this.obj.conf.z;
var oIcon = document.createElement('img');
this.obj.trigger_obj = oIcon;
oIcon.setAttribute('id', this.obj.conf.object_id+'-icon');
oIcon.className = 'icon';
// When no icon size is configured, the native size of the image is used.
// An icon size might be either one integer for even sized images or
// two integers for differen height/width images
if (this.obj.conf.icon_size) {
var size = this.obj.conf.icon_size;
if (size.length == 1) {
var w = parseInt(size),
h = parseInt(size);
} else {
var w = parseInt(size[0]),
h = parseInt(size[1]);
}
oIcon.style.width = w + 'px';
oIcon.style.height = h + 'px';
}
// Construct the real url to fetch for this shape
var img_url = null;
if (this.obj.conf.icon.match(/^\[(.*)\]$/)) {
img_url = this.obj.conf.icon.replace(/^\[(.*)\]$/, '$1');
} else {
img_url = oGeneralProperties.path_shapes + this.obj.conf.icon;
}
if (img_url.indexOf('?') !== -1) {
img_url += '&_t=' + iNow;
} else {
img_url += '?_t=' + iNow;
}
addZoomHandler(oIcon);
oIcon.src = img_url;
oIcon.alt = this.obj.conf.type;
if (this.obj.conf.url && this.obj.conf.url !== '') {
var oIconLink = document.createElement('a');
oIconLink.href = this.obj.conf.url;
oIconLink.target = this.obj.conf.url_target;
oIconLink.appendChild(oIcon);
oIconDiv.appendChild(oIconLink);
} else {
oIconDiv.appendChild(oIcon);
}
}
});
|
