Votes:
What map object was used to create the status-colored display of unsolved tickets as well as the status-colored revenue display on the dashboards used in Paessler office.
Here is a screenshot:
Please see the related Blog article for more information.
Created on Oct 17, 2012 1:03:43 PM by
Last change on Oct 18, 2012 9:28:45 AM by
5 Replies
Votes:
This is not an official feature and as such it is not officially supported. It may or may not work for you.
We have created a new file in the \webroot\mapobjects folder with the following content:
<!--Paessler AG: Ticket-Anzeige-->
<div class="map_object map_icon2 map_icon_large <#sensor type="colorclassofstate" prefix="map_iconcolor_" id="<@objectid>">" id="<@itemid>" objectid="<@objectid>" subid="<@subid>" style="<#mapobject type="coordinates" subid="<@subid>" mode="<@editmode>">;
text-align:left;
border:none;
width:210px;
height:95px;
padding-left:3px;
padding-bottom:3px;
padding-right:3px;
font-weight:900;
border-left:2px solid #fff;
border-right:2px solid #fff;
">
<#mapobject type="objectgrip" mode="<@editmode>">
<#mapobject type="htmlbefore" subid="<@subid>">
<span style="position:relative;width:200px;height:80px;display:block;font-size:14px">
<center><#objectproperty name="Name" id="<@objectid>">
<br><span style="font-size:40px" id="<@objectid>_val"><#objectstatus name="lastvalue" id="<@objectid>"></span></center>
</span>
<#mapobject type="htmlafter" subid="<@subid>">
</div>
<script>
$(function() {
if (!$("#<@objectid>_val").text().search(/.*%.*/)) {
if ($("#<@objectid>_val").text().search(/.*-.*/)) {
$("#<@objectid>_val").prepend("+");
}
}
});
</script>
We have created a new file in the \website\mapobjects folder with the following content:
<!--Paessler AG: Ticket-Anzeige-->
<div class="map_object map_icon2 map_icon_large <#sensor type="colorclassofstate" prefix="map_iconcolor_" id="<@objectid>">" id="<@itemid>" objectid="<@objectid>" subid="<@subid>" style="<#mapobject type="coordinates" subid="<@subid>" mode="<@editmode>">;
background:-moz-linear-gradient(top, #e0e0e0 0%,#cccccc 100%)!important; /* FF3.6+ */
background:-webkit-linear-gradient(top, #e0e0e0 0%,#cccccc 100%)!important; /* Chrome 10+, Safari 5.1+ */
background:-ms-linear-gradient(top, #e0e0e0 0%,#cccccc 100%)!important; /* IE10+ */
background:linear-gradient(top, #e0e0e0 0%,#cccccc 100%)!important; /* W3C */
text-align:left;
border:none;
width:200px;
height:80px;
padding-left:3px;
padding-bottom:3px;
padding-right:3px;
">
<#mapobject type="objectgrip" mode="<@editmode>">
<#mapobject type="htmlbefore" subid="<@subid>">
<span style="position:relative;width:200px;height:80px;display:block;font-size:13px">
<center><#objectproperty name="Name" id="<@objectid>">
<br><span style="font-size:33px" id="<@objectid>_val"><#objectstatus name="lastvalue" id="<@objectid>"></span></center>
</span>
<#mapobject type="htmlafter" subid="<@subid>">
</div>
<script>
$(function() {
if (!$("#<@objectid>_val").text().search(/.*%.*/)) {
if ($("#<@objectid>_val").text().search(/.*-.*/)) {
$("#<@objectid>_val").prepend("+");
}
}
});
</script>
Created on Oct 17, 2012 1:04:17 PM by
Last change on May 15, 2013 2:26:10 PM by
Votes:
@bjobrien: It's a Google map of our infrastructure and charts of the Google analytics data from our websites.
Created on Nov 7, 2012 10:34:34 PM by
Votes:
I have updated the code for the new version above.
Created on May 15, 2013 2:19:04 PM by
Add comment