Skip to content

Commit

Permalink
Merge pull request #80 from negbie/master
Browse files Browse the repository at this point in the history 
Extend X-RTP-Stat header information
  • Loading branch information
@adubovikov
adubovikov authored Aug 23, 2016
2 parents fdbc9bf + 8f03ff7 commit 6a5b99f
Show file tree
Hide file tree
Showing 2 changed files with 49 additions and 13 deletions.
6 changes: 6 additions & 0 deletions css/report-style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -132,13 +132,19 @@
margin-left: 5px;
margin-right: 5px;
}

.XS-text {
font-size: 10px;
font-weight: 400;
margin-left: 5px;
margin-right: 5px;
}

.M-text {
font-size: 16px;
font-weight: 700;
}

.L-text {
font-size: 22px;
font-weight: 700;
Expand Down
56 changes: 43 additions & 13 deletions templates/dialogs/transaction.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -225,39 +225,69 @@ <h4 class="modal-title" style="font-size:15px;margin-left:4px;margin-bottom:10px
<div ng-show="xcollapsed" style="margin:8px 0 0 10px;float:left;" ><i class="fa fa-toggle-off"></i></div>
<div class="row light-grey" style="padding-bottom:5px;margin-top:0px;" ng-model="xcollapsed" ng-click="xcollapsed=!xcollapsed"> X-RTP Stats [ {{ calc_xrtp.packets_all }} Packets ]</div>
</div>
<div class="col-md-4" ng-show="!xcollapsed">
<div class="col-md-4" ng-show="!xcollapsed">
<div class="row light-orange">
<p>Avg. Packet Loss</p>
<p class="L-text">{{calc_xrtp.lost_avg }}%</p>
<p class="M-text">{{calc_xrtp.lost_avg}}%</p>
</div>
<div class="row light-orange">
<p>Tot Packets Lost</p>
<p class="L-text">{{calc_xrtp.packets_lost}}</p>
<p>Tot. Packets Lost</p>
<p class="M-text">{{calc_xrtp.packets_lost}}</p>
</div>
<div class="row light-orange">
<p>Packets Sent</p>
<p class="M-text">{{calc_xrtp.expected_packets_sent}}</p>
</div>
<div class="row light-orange">
<p>Packets Received</p>
<p class="M-text">{{calc_xrtp.expected_packets_received}}</p>
</div>
<div class="row light-orange">
<p>Encoders</p>
<p class="S-text">{{calc_xrtp.encoders}}</p>
</div>
<div class="row light-orange">
<p>Decoders</p>
<p class="S-text">{{calc_xrtp.decoders}}</p>
</div>
</div>

<div class="col-md-4" ng-show="!xcollapsed">
<div class="row light-blue">
<p>Avg. Jitter (ms)</p>
<p class="L-text">{{calc_xrtp.jitter_avg}}</p>
<p>Sent Jitter (ms)</p>
<p class="M-text">{{calc_xrtp.jitter_max}}</p>
</div>
<div class="row light-blue">
<p>Max Jitter (ms)</p>
<p class="L-text">{{calc_xrtp.jitter_max}}</p>
<p>Received Jitter (ms)</p>
<p class="M-text">{{calc_xrtp.jitter_avg}}</p>
</div>
<div class="row light-blue">
<p>Audio Octets Sent</p>
<p class="M-text">{{calc_xrtp.audio_octets_sent}}</p>
</div>
<div class="row light-blue">
<p>Audio Octets Received</p>
<p class="M-text">{{calc_xrtp.audio_octets_received}}</p>
</div>
</div>

<div class="col-md-4" ng-show="!xcollapsed">
<div class="row light-green">
<p>Call Setup Time (ms)</p>
<p class="M-text">{{calc_xrtp.call_setup_time}}</p>
</div>
<div class="row light-green">
<p>RTT (mean,min,max)</p>
<p class="M-text">{{calc_xrtp.rtt_mean}}</p>
</div>
<div class="row light-green">
<p>Avg. MOS</p>
<p class="L-text">{{calc_xrtp.mos_avg}}</p>
<p class="M-text">{{calc_xrtp.mos_avg}}</p>
</div>
<div class="row light-green">
<p>Min. MOS</p>
<p class="L-text">{{calc_xrtp.mos_worst}}</p>
<p class="M-text">{{calc_xrtp.mos_worst}}</p>
</div>
</div>
</div>
</div>

<!-- end xrtp -->

Expand Down

0 comments on commit 6a5b99f

Please sign in to comment.