width:245px;/* we want a fixed width instead of percentage as I want the boxes to be a set size and then fill in as many as can fit in each row ... this allows 3 columns on an iPad */
<ahref="javascript://"title="Total Request Rate per Second per Reporting Host"class="tooltip rate"><spanclass="smaller">Host: </span><spanclass="ratePerSecondPerHost"><%=addCommas(roundNumber(ratePerSecondPerHost))%></span>/s</a>
</div>
<divclass="rate">
<ahref="javascript://"title="Total Request Rate per Second for Cluster"class="tooltip rate"><spanclass="smaller">Cluster: </span><spanclass="ratePerSecond"><%=addCommas(roundNumber(ratePerSecond))%></span>/s</a>
<ahref="../dependencies/command.jsp?name=<%= name %>"><imgsrc="../components/hystrixCommand/magnifying-glass-icon-20.png"height="14px"width="14px"border="0"style="position: absolute; right:0px;"></a>
margin-right:5px;/* these are tweaked to look good on desktop and iPad portrait, and fit things densely */
margin-top:5px;
}
.dependencyThreadPoolsdiv.monitorp.name{
font-weight:bold;
font-size:10pt;
text-align:right;
padding-bottom:5px;
}
.dependencyThreadPoolsdiv.monitor_data{
margin:0auto;
}
.dependencyThreadPoolsspan.smaller{
font-size:8pt;
color:grey;
}
.dependencyThreadPoolsdiv.tableRow{
width:100%;
white-space:nowrap;
font-size:8pt;
margin:0auto;
clear:both;
}
.dependencyThreadPoolsdiv.tableRow.cell{
float:left;
}
.dependencyThreadPoolsdiv.tableRow.header{
text-align:right;
padding-right:5px;
}
.dependencyThreadPoolsdiv.tableRow.header.left{
width:85px;
}
.dependencyThreadPoolsdiv.tableRow.header.right{
width:75px;
}
.dependencyThreadPoolsdiv.tableRow.data{
font-weight:bold;
text-align:right;
}
.dependencyThreadPoolsdiv.tableRow.data.left{
width:30px;
}
.dependencyThreadPoolsdiv.tableRow.data.right{
width:45px;
}
.dependencyThreadPoolsdiv.monitor{
width:245px;/* we want a fixed width instead of percentage as I want the boxes to be a set size and then fill in as many as can fit in each row ... this allows 3 columns on an iPad */
height:110px;
}
/* override the HREF when we have specified it as a tooltip to not act like a link */
<ahref="javascript://"title="Total Execution Rate per Second per Reporting Host"class="tooltip rate"><spanclass="smaller">Host: </span><spanclass="ratePerSecondPerHost"><%=addCommas(ratePerSecondPerHost)%></span>/s</a>
</div>
<divclass="rate">
<ahref="javascript://"title="Total Execution Rate per Second for Cluster"class="tooltip rate"><spanclass="smaller">Cluster: </span><spanclass="ratePerSecond"><%=addCommas(ratePerSecond)%></span>/s</a>
</div>
<divclass="spacer"></div>
<divclass="tableRow">
<divclass="cell header left">Active</div>
<divclass="cell data left"><%=currentActiveCount%></div>
<divclass="cell header right">Max Active</div>
<divclass="cell data right"><%=addCommas(rollingMaxActiveThreads)%></div>
</div>
<divclass="tableRow">
<divclass="cell header left">Queued</div>
<divclass="cell data left"><%=currentQueueSize%></div>
<divclass="cell header right">Executions</div>
<divclass="cell data right"><%=addCommas(rollingCountThreadsExecuted)%></div>
</div>
<divclass="tableRow">
<divclass="cell header left">Pool Size</div>
<divclass="cell data left"><%=currentPoolSize%></div>
<divclass="cell header right">Queue Size</div>
<divclass="cell data right"><%=propertyValue_queueSizeRejectionThreshold%></div>
.slot-0,.slot-0-1,.slot-0-1-2,.slot-0-1-2-3,.slot-0-1-2-3-4,.slot-0-1-2-3-4-5,.slot-6,.slot-6-7,.slot-6-7-8,.slot-6-7-8-9,.slot-1.slot-1,.slot-1-2.slot-1,.slot-1-2.slot-1-2,.slot-1-2-3.slot-1,.slot-1-2-3.slot-1-2,.slot-1-2-3.slot-1-2-3,.slot-1-2-3-4.slot-1,.slot-1-2-3-4.slot-1-2,.slot-1-2-3-4.slot-1-2-3,.slot-1-2-3-4.slot-1-2-3-4,.slot-1-2-3-4-5.slot-1,.slot-1-2-3-4-5.slot-1-2,.slot-1-2-3-4-5.slot-1-2-3,.slot-1-2-3-4-5.slot-1-2-3-4,.slot-1-2-3-4-5.slot-1-2-3-4-5,.slot-2.slot-2,.slot-2-3.slot-2,.slot-2-3.slot-2-3,.slot-2-3-4.slot-2,.slot-2-3-4.slot-2-3,.slot-2-3-4.slot-2-3-4,.slot-2-3-4-5.slot-2,.slot-2-3-4-5.slot-2-3,.slot-2-3-4-5.slot-2-3-4,.slot-2-3-4-5.slot-2-3-4-5,.slot-3.slot-3,.slot-3-4.slot-3,.slot-3-4.slot-3-4,.slot-3-4-5.slot-3,.slot-3-4-5.slot-3-4,.slot-3-4-5.slot-3-4-5,.slot-4.slot-4,.slot-4-5.slot-4,.slot-4-5.slot-4-5,.slot-5.slot-5,.slot-7.slot-7,.slot-7-8.slot-7,.slot-7-8.slot-7-8,.slot-7-8-9.slot-7,.slot-7-8-9.slot-7-8,.slot-7-8-9.slot-7-8-9,.slot-8.slot-8,.slot-8-9.slot-8,.slot-8-9.slot-8-9{margin-left:0!important;}/* Important is to avoid repeating this in larger screen css files */
(function(b){b.tinysort={id:"TinySort",version:"1.0.5",copyright:"Copyright (c) 2008-2011 Ron Valstar",uri:"http://tinysort.sjeiti.com/",defaults:{order:"asc",attr:"",place:"start",returns:false,useVal:false}};b.fn.extend({tinysort:function(h,j){if(h&&typeof(h)!="string"){j=h;h=null}vare=b.extend({},b.tinysort.defaults,j);varp={};this.each(function(t){varv=(!h||h=="")?b(this):b(this).find(h);varu=e.order=="rand"?""+Math.random():(e.attr==""?(e.useVal?v.val():v.text()):v.attr(e.attr));vars=b(this).parent();if(!p[s]){p[s]={s:[],n:[]}}if(v.length>0){p[s].s.push({s:u,e:b(this),n:t})}else{p[s].n.push({e:b(this),n:t})}});for(varginp){vard=p[g];d.s.sort(functionk(t,s){vari=t.s.toLowerCase?t.s.toLowerCase():t.s;varu=s.s.toLowerCase?s.s.toLowerCase():s.s;if(c(t.s)&&c(s.s)){i=parseFloat(t.s);u=parseFloat(s.s)}return(e.order=="asc"?1:-1)*(i<u?-1:(i>u?1:0))})}varm=[];for(varginp){vard=p[g];varn=[];varf=b(this).length;switch(e.place){case"first":b.each(d.s,function(s,t){f=Math.min(f,t.n)});break;case"org":b.each(d.s,function(s,t){n.push(t.n)});break;case"end":f=d.n.length;break;default:f=0}varq=[0,0];for(varl=0;l<b(this).length;l++){varo=l>=f&&l<f+d.s.length;if(a(n,l)){o=true}varr=(o?d.s:d.n)[q[o?0:1]].e;r.parent().append(r);if(o||!e.returns){m.push(r.get(0))}q[o?0:1]++}}returnthis.pushStack(m)}});functionc(e){vard=/^\s*?[\+-]?(\d*\.?\d*?)\s*?$/.exec(e);returnd&&d.length>0?d[1]:false}functiona(e,f){vard=false;b.each(e,function(h,g){if(!d){d=g==f}});returnd}b.fn.TinySort=b.fn.Tinysort=b.fn.tsort=b.fn.tinysort})(jQuery);
