@c8y/ng1-modules 1021.22.36 → 1021.22.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
angular.module("c8y.ui").controller("c8yRadialGaugeCtrl",["$scope","$element","$window","$filter",function(n,i,t,a){var r={container:null,gauge:null,ranges:null,pointer:{knob:null,gradient:null,text:null}},s={width:0,height:0,base:0},o={x:0,y:0},u={limits:{lower:0,upper:0},ranges:[],precision:2},d={width:300,height:300,minPointerRotation:-140,maxPointerRotation:140,greenRangeColor:"#7ED321",yellowRangeColor:"#F5A623",redRangeColor:"#D0021B",lowerLimit:0,upperLimit:100,precision:2,unit:"",pointerGradientColorFar:"#FFFFFF",pointerGradientColorNear:"#5ADCEA",initialValueUpdateTransitionDuration:500,valueUpdateTransitionDuration:2e3,pointerValueTextFontSize:"1.75em",pointerValueTextFillColor:"#FFFFFF",pointerUnitTextFontSize:"1.5em",pointerUnitTextFillColor:"#F8F8F8",scaleTicksCount:10,scaleTickFontSize:"0.85em",gaugeWheelStrokeColor:"#D8D8D8",gaugeWheelFillColor:"#F5F5F5",scaleWheelStrokeColor:"#F1F1F1",scaleWheelFillColor:"#FFFFFF",scaleTickStrokeColor:"#FFFFFF",scaleTickStrokeWidth:5,scaleTickFontColor:"#444444",pointerKnobStrokeColor:"#333333",pointerKnobFillColor:"#333333",gaugeScaleInnerRadiusFactor:.7,gaugeScaleOuterRadiusFactor:1},l={degsToRads:function(t){return t*(Math.PI/180)}},p={valueToRotationRads:d3.scale.linear().domain([d.lowerLimit,d.upperLimit]).range([l.degsToRads(d.minPointerRotation),l.degsToRads(d.maxPointerRotation)]),valueToRotationDegs:d3.scale.linear().domain([d.lowerLimit,d.upperLimit]).range([d.minPointerRotation,d.maxPointerRotation]),pointerGradientProgressToColor:d3.scale.pow().exponent(25).domain([0,360]).range([d.pointerGradientColorFar,d.pointerGradientColorNear]),pointerGradientProgressToOpacity:d3.scale.pow().exponent(25).domain([0,360]).range([0,1])},c={rotate:function(t,e){return["rotate(",[t,e.x,e.y].join(","),")"].join("")},translate:function(t){return["translate(",[t.x,t.y].join(","),")"].join("")}},g=d3.svg.line().x(function(t){return t.x}).y(function(t){return t.y}).interpolate("linear");function m(){s.width=(parseInt(n.width(),10)||i.width()||d.width)-5,s.height=(parseInt(n.height(),10)||i.parent().parent().height()||d.height)-5,s.base=Math.min(s.width,s.height)/2,o.x=s.width/2,o.y=s.height/2,_.forEach([{property:"pointerValueTextFontSize",fn:function(t){return.007678571*t+.2280357},min:.85,max:2.5,precision:2,unit:"em"},{property:"scaleTickFontSize",fn:function(t){return.007107143*t+.00527381},min:.65,max:1.5,precision:2,unit:"em"},{property:"pointerUnitTextFontSize",fn:function(t){return.007107143*t+.00527381},min:.65,max:2,precision:2,unit:"em"}],function(t){var e=t.property,n=t.fn,i=t.min,a=t.max,r=t.precision,t=t.unit,n=n(s.base),n=_.round(n,r),r=_.clamp(n,i,a);_.set(d,e,"".concat(r).concat(t))}),i.empty(),r.container=d3.select(i[0]).append("svg").attr("viewBox",[0,0,s.width,s.height].join(",")),r.gauge=r.container.append("g").attr("class","radial-gauge"),r.gauge.append("circle").attr("cx",o.x).attr("cy",o.y).attr("r",s.base).style("stroke",d.gaugeWheelStrokeColor).style("fill",d.gaugeWheelFillColor),r.ranges=r.gauge.append("g").attr("class","radial-gauge-ranges"),r.ranges.selectAll("path").data(u.ranges).enter().append("path").attr("d",d3.svg.arc().innerRadius(s.base*d.gaugeScaleInnerRadiusFactor).outerRadius(s.base*d.gaugeScaleOuterRadiusFactor).startAngle(function(t){return p.valueToRotationRads(t.min)}).endAngle(function(t){return p.valueToRotationRads(t.max)})).style("fill",function(t){return t.color}).attr("transform",c.translate(o)),r.scale=r.container.append("g").attr("class","radial-gauge-scale"),r.scale.append("circle").attr("cx",o.x).attr("cy",o.y).attr("r",.7*s.base).style("stroke",d.scaleWheelStrokeColor).style("fill",d.scaleWheelFillColor);var t=(u.limits.upper-u.limits.lower)/d.scaleTicksCount,e=((t=d3.range(u.limits.lower,u.limits.upper,t).map(_.identity)).push(u.limits.upper),_.every(t,function(t){return Math.round(t)===t}));r.scale.selectAll("line").data(t).enter().append("line").attr("x1",o.x).attr("y1",o.y-.7*s.base).attr("x2",o.x).attr("y2",o.y-.75*s.base).attr("transform",function(t){return c.rotate(p.valueToRotationDegs(t),o)}).style("stroke",d.scaleTickStrokeColor).style("stroke-width",d.scaleTickStrokeWidth),r.scale.selectAll("text").data(t).enter().append("text").attr("x",o.x).attr("y",o.y-.8*s.base).attr("text-anchor","middle").style("font-size",d.scaleTickFontSize).style("font-weight","bold").attr("fill",d.scaleTickFontColor).attr("transform",function(t){return c.rotate(p.valueToRotationDegs(t),o)}).text(function(t){return a("number")(t,e?0:u.precision)}),r.pointer.knob=r.container.append("g").attr("class","radial-gauge-pointer-knob"),r.pointer.knob.append("circle").attr("cx",o.x).attr("cy",o.y).attr("r",.55*s.base).style("stroke",d.pointerKnobStrokeColor).style("fill",d.pointerKnobFillColor),r.pointer.knob.append("path").attr("d",g([{x:o.x-.55*s.base,y:o.y},{x:o.x+.55*s.base,y:o.y},{x:o.x,y:o.y-.8*s.base}])).attr("fill",d.pointerKnobFillColor),r.pointer.text=r.container.append("text").attr("x",o.x).attr("y",o.y+-.2*s.base).style("font-size",d.pointerValueTextFontSize).attr("fill",d.pointerValueTextFillColor).attr("text-anchor","middle").text(a("number")(u.value,u.precision)||""),r.pointer.textUnit=r.container.append("text").attr("id","text-unit").attr("x",o.x).attr("y",o.y).style("font-size",d.pointerUnitTextFontSize).attr("fill",d.pointerUnitTextFillColor).attr("text-anchor","middle").text(u.unit),r.pointer.dateTimeText=r.container.append("text").attr("id","text-time").attr("x",o.x).attr("y",o.y+.2*s.base).style("font-size",d.pointerUnitTextFontSize).attr("fill",d.pointerUnitTextFillColor).attr("text-anchor","middle").attr("font-style","italic").text(a("absoluteDateTimeShort")(n.time)),
|
|
1
|
+
angular.module("c8y.ui").controller("c8yRadialGaugeCtrl",["$scope","$element","$window","$filter",function(n,i,t,a){var r={container:null,gauge:null,ranges:null,pointer:{knob:null,gradient:null,text:null}},s={width:0,height:0,base:0},o={x:0,y:0},u={limits:{lower:0,upper:0},ranges:[],precision:2},d={width:300,height:300,minPointerRotation:-140,maxPointerRotation:140,greenRangeColor:"#7ED321",yellowRangeColor:"#F5A623",redRangeColor:"#D0021B",lowerLimit:0,upperLimit:100,precision:2,unit:"",pointerGradientColorFar:"#FFFFFF",pointerGradientColorNear:"#5ADCEA",initialValueUpdateTransitionDuration:500,valueUpdateTransitionDuration:2e3,pointerValueTextFontSize:"1.75em",pointerValueTextFillColor:"#FFFFFF",pointerUnitTextFontSize:"1.5em",pointerUnitTextFillColor:"#F8F8F8",scaleTicksCount:10,scaleTickFontSize:"0.85em",gaugeWheelStrokeColor:"#D8D8D8",gaugeWheelFillColor:"#F5F5F5",scaleWheelStrokeColor:"#F1F1F1",scaleWheelFillColor:"#FFFFFF",scaleTickStrokeColor:"#FFFFFF",scaleTickStrokeWidth:5,scaleTickFontColor:"#444444",pointerKnobStrokeColor:"#333333",pointerKnobFillColor:"#333333",gaugeScaleInnerRadiusFactor:.7,gaugeScaleOuterRadiusFactor:1},l={degsToRads:function(t){return t*(Math.PI/180)}},p={valueToRotationRads:d3.scale.linear().domain([d.lowerLimit,d.upperLimit]).range([l.degsToRads(d.minPointerRotation),l.degsToRads(d.maxPointerRotation)]),valueToRotationDegs:d3.scale.linear().domain([d.lowerLimit,d.upperLimit]).range([d.minPointerRotation,d.maxPointerRotation]),pointerGradientProgressToColor:d3.scale.pow().exponent(25).domain([0,360]).range([d.pointerGradientColorFar,d.pointerGradientColorNear]),pointerGradientProgressToOpacity:d3.scale.pow().exponent(25).domain([0,360]).range([0,1])},c={rotate:function(t,e){return["rotate(",[t,e.x,e.y].join(","),")"].join("")},translate:function(t){return["translate(",[t.x,t.y].join(","),")"].join("")}},g=d3.svg.line().x(function(t){return t.x}).y(function(t){return t.y}).interpolate("linear");function m(){s.width=(parseInt(n.width(),10)||i.width()||d.width)-5,s.height=(parseInt(n.height(),10)||i.parent().parent().height()||d.height)-5,s.base=Math.min(s.width,s.height)/2,o.x=s.width/2,o.y=s.height/2,_.forEach([{property:"pointerValueTextFontSize",fn:function(t){return.007678571*t+.2280357},min:.85,max:2.5,precision:2,unit:"em"},{property:"scaleTickFontSize",fn:function(t){return.007107143*t+.00527381},min:.65,max:1.5,precision:2,unit:"em"},{property:"pointerUnitTextFontSize",fn:function(t){return.007107143*t+.00527381},min:.65,max:2,precision:2,unit:"em"}],function(t){var e=t.property,n=t.fn,i=t.min,a=t.max,r=t.precision,t=t.unit,n=n(s.base),n=_.round(n,r),r=_.clamp(n,i,a);_.set(d,e,"".concat(r).concat(t))}),i.empty(),r.container=d3.select(i[0]).append("svg").attr("viewBox",[0,0,s.width,s.height].join(",")),r.gauge=r.container.append("g").attr("class","radial-gauge"),r.gauge.append("circle").attr("cx",o.x).attr("cy",o.y).attr("r",s.base).style("stroke",d.gaugeWheelStrokeColor).style("fill",d.gaugeWheelFillColor),r.ranges=r.gauge.append("g").attr("class","radial-gauge-ranges"),r.ranges.selectAll("path").data(u.ranges).enter().append("path").attr("d",d3.svg.arc().innerRadius(s.base*d.gaugeScaleInnerRadiusFactor).outerRadius(s.base*d.gaugeScaleOuterRadiusFactor).startAngle(function(t){return p.valueToRotationRads(t.min)}).endAngle(function(t){return p.valueToRotationRads(t.max)})).style("fill",function(t){return t.color}).attr("transform",c.translate(o)),r.scale=r.container.append("g").attr("class","radial-gauge-scale"),r.scale.append("circle").attr("cx",o.x).attr("cy",o.y).attr("r",.7*s.base).style("stroke",d.scaleWheelStrokeColor).style("fill",d.scaleWheelFillColor);var t=(u.limits.upper-u.limits.lower)/d.scaleTicksCount,e=((t=d3.range(u.limits.lower,u.limits.upper,t).map(_.identity)).push(u.limits.upper),_.every(t,function(t){return Math.round(t)===t}));r.scale.selectAll("line").data(t).enter().append("line").attr("x1",o.x).attr("y1",o.y-.7*s.base).attr("x2",o.x).attr("y2",o.y-.75*s.base).attr("transform",function(t){return c.rotate(p.valueToRotationDegs(t),o)}).style("stroke",d.scaleTickStrokeColor).style("stroke-width",d.scaleTickStrokeWidth),r.scale.selectAll("text").data(t).enter().append("text").attr("x",o.x).attr("y",o.y-.8*s.base).attr("text-anchor","middle").style("font-size",d.scaleTickFontSize).style("font-weight","bold").attr("fill",d.scaleTickFontColor).attr("transform",function(t){return c.rotate(p.valueToRotationDegs(t),o)}).text(function(t){return a("number")(t,e?0:u.precision)}),r.pointer.knob=r.container.append("g").attr("class","radial-gauge-pointer-knob"),r.pointer.knob.append("circle").attr("cx",o.x).attr("cy",o.y).attr("r",.55*s.base).style("stroke",d.pointerKnobStrokeColor).style("fill",d.pointerKnobFillColor),r.pointer.knob.append("path").attr("d",g([{x:o.x-.55*s.base,y:o.y},{x:o.x+.55*s.base,y:o.y},{x:o.x,y:o.y-.8*s.base}])).attr("fill",d.pointerKnobFillColor),r.pointer.text=r.container.append("text").attr("x",o.x).attr("y",o.y+-.2*s.base).style("font-size",d.pointerValueTextFontSize).attr("fill",d.pointerValueTextFillColor).attr("text-anchor","middle").text(a("number")(u.value,u.precision)||""),r.pointer.textUnit=r.container.append("text").attr("id","text-unit").attr("x",o.x).attr("y",o.y).style("font-size",d.pointerUnitTextFontSize).attr("fill",d.pointerUnitTextFillColor).attr("text-anchor","middle").text(u.unit),r.pointer.dateTimeText=r.container.append("text").attr("id","text-time").attr("x",o.x).attr("y",o.y+.2*s.base).style("font-size",d.pointerUnitTextFontSize).attr("fill",d.pointerUnitTextFillColor).attr("text-anchor","middle").attr("font-style","italic").text(a("absoluteDateTimeShort")(n.time)),T(n.value||u.value||0)}function x(t,e,n){return null!=t?t:null!=e?Number(e):n}function F(t,e,n){t=Number(t),e=Number(e);_.isFinite(t)&&_.isFinite(e)&&u.ranges.push({min:t,max:e,color:n})}function T(t){u.previousValue=u.value,u.value=t,u.previousDateTimeValue=u.dateTimeValue,u.dateTimeValue=moment(n.time).valueOf();var e,t=!!_.isUndefined(u.previousValue);e=t,r.pointer.gradient&&(e=e?d.initialValueUpdateTransitionDuration:d.valueUpdateTransitionDuration,r.pointer.gradient.transition().duration(e).call(f,u.value)),e=t,r.pointer.knob&&(e=e?d.initialValueUpdateTransitionDuration:d.valueUpdateTransitionDuration,r.pointer.knob.transition().duration(e).attrTween("transform",((t,e)=>function(){return d3.interpolateString(c.rotate(p.valueToRotationDegs(t),o),c.rotate(p.valueToRotationDegs(e),o))})(_.isUndefined(u.previousValue)?u.limits.lower:u.previousValue,u.value))),e=t,r.pointer.text&&(e=e?d.initialValueUpdateTransitionDuration:d.valueUpdateTransitionDuration,r.pointer.text.transition().duration(e).tween("text",function(){var e=this,n=d3.interpolate(u.previousValue,u.value);return function(t){e.textContent=a("number")(n(t),u.precision)}})),e=t,r.pointer.dateTimeText&&(e=e?d.initialValueUpdateTransitionDuration:d.valueUpdateTransitionDuration,r.pointer.dateTimeText.transition().duration(e).tween("text",function(){var e=this,n=d3.interpolate(u.previousDateTimeValue,u.dateTimeValue);return function(t){e.textContent=_.isNaN(n(t))?"":a("absoluteDateTimeShort")(n(t))}}))}function f(t,e){e=e;var o=d3.scale.linear().domain([0,360]).range([p.valueToRotationRads(u.limits.lower),p.valueToRotationRads(_.isUndefined(e)?u.limits.lower:e)]),l=d3.svg.arc().innerRadius(s.base*d.gaugeScaleInnerRadiusFactor).outerRadius(s.base*d.gaugeScaleOuterRadiusFactor).startAngle(function(t){return t.startAngle}).endAngle(function(t){return t.endAngle});t.attrTween("d",function(e,t){var n=d3.interpolate(e.startAngle,o(t)),i=d3.interpolate(e.endAngle,o(t+1)),a=d3.interpolate(e.color,p.pointerGradientProgressToColor(t)),r=d3.interpolate(e.opacity,p.pointerGradientProgressToOpacity(t));return function(t){return e.startAngle=n(t),e.endAngle=i(t),e.fill=a(t),e.opacity=r(t),l(e)}})}n.$watch("dp",function(t){var e;t&&(u.dataPoint=t,u.limits.lower=x(n.lowerLimit,u.dataPoint.min,d.lowerLimit),u.limits.upper=x(n.upperLimit,u.dataPoint.max,d.upperLimit),u.unit=n.valueUnit||u.dataPoint.unit||d.unit,p.valueToRotationRads=d3.scale.linear().domain([u.limits.lower,u.limits.upper]).range([l.degsToRads(d.minPointerRotation),l.degsToRads(d.maxPointerRotation)]),p.valueToRotationDegs=d3.scale.linear().domain([u.limits.lower,u.limits.upper]).range([d.minPointerRotation,d.maxPointerRotation]),t=void 0===n.fractionSize?d.precision:n.fractionSize,u.precision=t,u.ranges=n.ranges||[],t=u.dataPoint.yellowRangeMin,e=u.dataPoint.yellowRangeMax,F(t,e,d.yellowRangeColor),t=u.dataPoint.redRangeMin,e=u.dataPoint.redRangeMax,F(t,e,d.redRangeColor),m())},!0),n.$watch("measurement",function(t){t&&(t=t&&t.value,T(n.value||(_.isFinite(t)?t:u.value||0)))},!0),n.$on("dashboardResize",m),n.$on("$destroy",function(){t.removeEventListener("resize",m)}),t.addEventListener("resize",m),m()}]);
|