<commit_before><!DOCTYPE html>
<html ng-app="homerApp"  ng-controller="homerShareAppController" ng-cloak="" scroll>

<head lang="en">
    <meta charset="UTF-8">
    <title>HOMER5 Dev</title>

    <link rel="stylesheet" href="../css/bootstrap.min.css" />
    <link rel="stylesheet" href="../css/font-awesome.min.css" />
    <link rel="stylesheet" href="../css/homer.min.css" />
    <link rel="stylesheet" href="../css/dialogs.min.css" />
    <link rel="stylesheet" href="../css/themes/base/jquery-ui.min.css" />
    <link rel="stylesheet" href="../css/app.min.css" />
    <link rel="stylesheet" href="../css/homerModal.min.css" />    

    <link rel="icon" href="../css/favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="../css/favicon.ico" type="image/x-icon"/>

    <!--[if lt IE 9]>
    <script src="../https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="../https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body style="min-height: 800px;" ng-class="{hiddenMenu:boolLeftMenu}" class="skin-black menu-on-top  pace-done">
	
<script type="text/ng-template" id="reports_renderer.html">
  <div nodrag>
    <a class="btn btn-success btn-xs" nodrag ng-click="toggleTree(report.id)">
    <span class="glyphicon"
        ng-class="{
          'glyphicon-chevron-right': !collapsed[report.id],
          'glyphicon-chevron-down': collapsed[report.id]
        }"></span></a>
    {{report.date}}: [{{report.correlation_id}}]
  </div>
  <ol ng-model="report.msg" ng-class="{hidden: !collapsed[report.id]}" nodrag>
    <li ng-repeat="(property, value) in report.msg">
      <div class="tree-report tree-report-content" nodrag> {{property}}:</div>
          <ol  ng-model="value" nodrag>
                <li ng-repeat="(p, v) in value">{{p}}: {{v}}</li>
          </ol>
    </li>
  </ol>
</script>

<script type="text/ng-template" id="logs_renderer.html">
  <div nodrag>
    <a class="btn btn-success btn-xs" nodrag ng-click="toggleTree(log.id)">
    <span class="glyphicon"
        ng-class="{
          'glyphicon-chevron-right': !collapsed[log.id],
          'glyphicon-chevron-down': collapsed[log.id]
        }"></span></a>
    {{log.date}}: [{{log.correlation_id}}]
  </div>
  <ol ng-model="log.msg" ng-class="{hidden: !collapsed[log.id]}" nodrag>
        {{log.msg}}
  </ol>
</script>

<div ng-show="showError"> {{ErrorLoad}}</div>
<div id="sharemain" role="main" auto-height ng-show="showPage">
		<div class="modal-header homer-modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="closeModal()" style="margin-right:4px;">&times;</button>
        		<h4 class="modal-title" style="font-size:14px;margin-left:4px;">{{msgCallId}}</h4> 
		</div>
		<div ng-show="dataLoading">
			<div id="loadingWidget" class="row-fluid ui-corner-all" style="padding: 0 .7em;">
        			<div class="loadingContent"><p><img alt="Loading  Content" src="../img/ajax-loader.gif" /> Loading</p></div>
        	</div>
		</div>

		<div class="body" id="shareit">
			<div class="modal-body-buttons">

		<tabset>
		     <tab>
		     <tab-heading><i class="glyphicon glyphicon-transfer"></i> Call-Flow </tab-heading>	     	     
		      <canvas id="cflowcanv" class="cflow" canvasclick></canvas>
		     </tab>
		     <tab>
		     <tab-heading><i class="glyphicon glyphicon-transfer"></i> RTCP/Reports </tab-heading>	     	     
			<div id="xrtp-root" ng-if="enableXRTPReport">
                                <p>X-RTP:</p>
                                <ol ng-model="xrtpreport">
                                        <li ng-repeat="report in xrtpreport">
                                                <div>
                                                    <a class="btn btn-success btn-xs" nodrag ng-click="toggleTree(report.id)">
                                                    <span class="glyphicon" ng-class="{'glyphicon-chevron-right': !collapsed[report.id], 'glyphicon-chevron-down': collapsed[report.id]}"></span></a>
                                                    {{report.date}}: Call-ID: [{{report.callid}}] Method:[{{report.method}}]
                                                </div>
                                                <ol ng-model="report.report" ng-class="{hidden: !collapsed[report.id]}" nodrag>
                                                    Source IP: {{report.source}}
                                                    <li ng-repeat="(property, value) in report.report">{{property}}: {{value}}</li>
                                                </ol>
                                        </li>
                                </ol>
                        </div>

                        <div id="rtcp-root" ng-if="enableRTCPReport">
                                <p>RTCP:</p>
                                <ol ng-model="rtcpreport">
                                        <li ng-repeat="report in rtcpreport" ng-include="'reports_renderer.html'"></li>
                                </ol>
                        </div>

                        <div id="tree-root" ng-if="enableQualityReport">
                                <p>Reports:</p>
                                <ol ng-model="qualityreport">
                                        <li ng-repeat="report in qualityreport" ng-include="'reports_renderer.html'"></li>
                                </ol>
                        </div>

		     </tab>	     
		     <tab>
		     <tab-heading><i class="glyphicon glyphicon-transfer"></i> Logs: </tab-heading>
                        <div id="log-root" ng-if="enableLogReport">
                                <p>Logs:</p>
                                <ol ng-model="logreport">
                                        <li ng-repeat="log in logreport" ng-include="'logs_renderer.html'"></li>
                                </ol>
                        </div>
                     </tab>
		     <tab>
		     <tab-heading><i class="glyphicon glyphicon-info-sign"></i> Export</tab-heading>
			<button class="btn btn-normal" ng-click="exportPCAP()" data-placement="top-right" style="margin-top:18px;;margin-left:8px;">Export PCAP</button>
			<button class="btn btn-normal" ng-click="exportTEXT()" data-placement="top-right" style="margin-top:18px;;margin-left:8px;">Export TEXT</button>
			<button class="btn btn-normal" ng-click="exportCanvas()" data-placement="top-right" style="margin-top:18px;margin-left:8px;">Export PNG</button>			
			<br><br>
			<p>
			{{sharelink}}
			</p>
		     </tab>
		  </tabset>
	</div>
</div>


<!-- SCRIPTS -->

<script type="application/javascript" src="../lib/jquery/jquery.min.js"></script>
<script type="application/javascript" src="../lib/jquery/jquery-ui.min.js"></script> 
<script type="application/javascript" src="../lib/angular/angular.min.js"></script>  
<script type="application/javascript" src="../lib/angular/angular-animate.min.js"></script>
<script type="application/javascript" src="../lib/angular/angular-cookies.min.js"></script>
<script type="application/javascript" src="../lib/angular/angular-sanitize.min.js"></script>
<script type="application/javascript" src="../lib/angular-third/dialog-service.min.js"></script>
<script type="application/javascript" src="../lib/sortable/Sortable.min.js"></script>
<script type="application/javascript" src="../lib/angular-ui-sortable/sortable.min.js"></script>
<script type="application/javascript" src="../lib/bootstrap/ui-bootstrap-0.12.0.min.js"></script>
<script type="application/javascript" src="../lib/bootstrap/ui-bootstrap-tpls-0.12.0.min.js"></script>
<script type="application/javascript" src="../lib/angular-third/dialogs-default-translations.min.js"></script>
<script type="application/javascript" src="../lib/angular-third/dialogs.min.js"></script>

<script type="application/javascript" src="../lib/angular-third/homerModal.min.js"></script>
<script type="application/javascript" src="../lib/angular-third/homerCflow.min.js"></script>
<script type="application/javascript" src="../lib/filesaver/FileSaver.min.js"></script>  
<commit_msg>include cflow options in share<commit_after><!DOCTYPE html>
<html ng-app="homerApp"  ng-controller="homerShareAppController" ng-cloak="" scroll>

<head lang="en">
    <meta charset="UTF-8">
    <title>HOMER5 Dev</title>

    <link rel="stylesheet" href="../css/bootstrap.min.css" />
    <link rel="stylesheet" href="../css/font-awesome.min.css" />
    <link rel="stylesheet" href="../css/homer.min.css" />
    <link rel="stylesheet" href="../css/dialogs.min.css" />
    <link rel="stylesheet" href="../css/themes/base/jquery-ui.min.css" />
    <link rel="stylesheet" href="../css/app.min.css" />
    <link rel="stylesheet" href="../css/homerModal.min.css" />    

    <link rel="icon" href="../css/favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="../css/favicon.ico" type="image/x-icon"/>

    <!--[if lt IE 9]>
    <script src="../https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="../https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body style="min-height: 800px;" ng-class="{hiddenMenu:boolLeftMenu}" class="skin-black menu-on-top  pace-done">
	
<script type="text/ng-template" id="reports_renderer.html">
  <div nodrag>
    <a class="btn btn-success btn-xs" nodrag ng-click="toggleTree(report.id)">
    <span class="glyphicon"
        ng-class="{
          'glyphicon-chevron-right': !collapsed[report.id],
          'glyphicon-chevron-down': collapsed[report.id]
        }"></span></a>
    {{report.date}}: [{{report.correlation_id}}]
  </div>
  <ol ng-model="report.msg" ng-class="{hidden: !collapsed[report.id]}" nodrag>
    <li ng-repeat="(property, value) in report.msg">
      <div class="tree-report tree-report-content" nodrag> {{property}}:</div>
          <ol  ng-model="value" nodrag>
                <li ng-repeat="(p, v) in value">{{p}}: {{v}}</li>
          </ol>
    </li>
  </ol>
</script>

<script type="text/ng-template" id="logs_renderer.html">
  <div nodrag>
    <a class="btn btn-success btn-xs" nodrag ng-click="toggleTree(log.id)">
    <span class="glyphicon"
        ng-class="{
          'glyphicon-chevron-right': !collapsed[log.id],
          'glyphicon-chevron-down': collapsed[log.id]
        }"></span></a>
    {{log.date}}: [{{log.correlation_id}}]
  </div>
  <ol ng-model="log.msg" ng-class="{hidden: !collapsed[log.id]}" nodrag>
        {{log.msg}}
  </ol>
</script>

<div ng-show="showError"> {{ErrorLoad}}</div>
<div id="sharemain" role="main" auto-height ng-show="showPage">
		<div class="modal-header homer-modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="closeModal()" style="margin-right:4px;">&times;</button>
        		<h4 class="modal-title" style="font-size:14px;margin-left:4px;">{{msgCallId}}</h4> 
		</div>
		<div ng-show="dataLoading">
			<div id="loadingWidget" class="row-fluid ui-corner-all" style="padding: 0 .7em;">
        			<div class="loadingContent"><p><img alt="Loading  Content" src="../img/ajax-loader.gif" /> Loading</p></div>
        	</div>
		</div>

		<div class="body" id="shareit">
			<div class="modal-body-buttons">

		<tabset>
		     <tab>
		     <tab-heading><i class="glyphicon glyphicon-transfer"></i> Call-Flow </tab-heading>	     	     
		      <canvas id="cflowcanv" class="cflow" canvasclick></canvas>
		     </tab>
		     <tab>
		     <tab-heading><i class="glyphicon glyphicon-transfer"></i> RTCP/Reports </tab-heading>	     	     
			<div id="xrtp-root" ng-if="enableXRTPReport">
                                <p>X-RTP:</p>
                                <ol ng-model="xrtpreport">
                                        <li ng-repeat="report in xrtpreport">
                                                <div>
                                                    <a class="btn btn-success btn-xs" nodrag ng-click="toggleTree(report.id)">
                                                    <span class="glyphicon" ng-class="{'glyphicon-chevron-right': !collapsed[report.id], 'glyphicon-chevron-down': collapsed[report.id]}"></span></a>
                                                    {{report.date}}: Call-ID: [{{report.callid}}] Method:[{{report.method}}]
                                                </div>
                                                <ol ng-model="report.report" ng-class="{hidden: !collapsed[report.id]}" nodrag>
                                                    Source IP: {{report.source}}
                                                    <li ng-repeat="(property, value) in report.report">{{property}}: {{value}}</li>
                                                </ol>
                                        </li>
                                </ol>
                        </div>

                        <div id="rtcp-root" ng-if="enableRTCPReport">
                                <p>RTCP:</p>
                                <ol ng-model="rtcpreport">
                                        <li ng-repeat="report in rtcpreport" ng-include="'reports_renderer.html'"></li>
                                </ol>
                        </div>

                        <div id="tree-root" ng-if="enableQualityReport">
                                <p>Reports:</p>
                                <ol ng-model="qualityreport">
                                        <li ng-repeat="report in qualityreport" ng-include="'reports_renderer.html'"></li>
                                </ol>
                        </div>

		     </tab>	     
		     <tab>
		     <tab-heading><i class="glyphicon glyphicon-transfer"></i> Logs: </tab-heading>
                        <div id="log-root" ng-if="enableLogReport">
                                <p>Logs:</p>
                                <ol ng-model="logreport">
                                        <li ng-repeat="log in logreport" ng-include="'logs_renderer.html'"></li>
                                </ol>
                        </div>
                     </tab>
		     <tab>
		     <tab-heading><i class="glyphicon glyphicon-info-sign"></i> Export</tab-heading>
			<button class="btn btn-normal" ng-click="exportPCAP()" data-placement="top-right" style="margin-top:18px;;margin-left:8px;">Export PCAP</button>
			<button class="btn btn-normal" ng-click="exportTEXT()" data-placement="top-right" style="margin-top:18px;;margin-left:8px;">Export TEXT</button>
			<button class="btn btn-normal" ng-click="exportCanvas()" data-placement="top-right" style="margin-top:18px;margin-left:8px;">Export PNG</button>			
			<br><br>
			<p>
			{{sharelink}}
			</p>
		     </tab>
		  </tabset>
	</div>
</div>


<!-- SCRIPTS -->

<script type="application/javascript" src="../lib/jquery/jquery.min.js"></script>
<script type="application/javascript" src="../lib/jquery/jquery-ui.min.js"></script> 
<script type="application/javascript" src="../lib/angular/angular.min.js"></script>  
<script type="application/javascript" src="../lib/angular/angular-animate.min.js"></script>
<script type="application/javascript" src="../lib/angular/angular-cookies.min.js"></script>
<script type="application/javascript" src="../lib/angular/angular-sanitize.min.js"></script>
<script type="application/javascript" src="../lib/angular-third/dialog-service.min.js"></script>
<script type="application/javascript" src="../lib/sortable/Sortable.min.js"></script>
<script type="application/javascript" src="../lib/angular-ui-sortable/sortable.min.js"></script>
<script type="application/javascript" src="../lib/bootstrap/ui-bootstrap-0.12.0.min.js"></script>
<script type="application/javascript" src="../lib/bootstrap/ui-bootstrap-tpls-0.12.0.min.js"></script>
<script type="application/javascript" src="../lib/angular-third/dialogs-default-translations.min.js"></script>
<script type="application/javascript" src="../lib/angular-third/dialogs.min.js"></script>

<script type="application/javascript" src="../lib/angular-third/homerModal.min.js"></script>
<script type="application/javascript" src="../lib/angular-third/homerCflow.options.js"></script>
<script type="application/javascript" src="../lib/angular-third/homerCflow.min.js"></script>
<script type="application/javascript" src="../lib/filesaver/FileSaver.min.js"></script>  

{'fraction_non_alphanumeric': 0.18955842888509392, 'fraction_numerical': 0.004757257867772627, 'mean_word_length': 2.172794117647059, 'pattern_counts': {'":': 0, '<': 377, '<?xml version=': 0, '>': 377, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 62, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3988991', 'n_tokens_mistral': 5198, 'n_tokens_neox': 4869, 'n_words': 763}