<commit_before><div id="flow_detail_div" *ngIf="flowDetail">
  <!-- Start : Flow Top Section-->

  <div class="row mb-3">
    <div class="col-sm-12">
        <div class="">
            <div class="col-sm-3 pull-right flow-search-container">
                <app-flow-search></app-flow-search>
            </div>
            <div class="clear clearfix"></div>
        </div>
      <p class="text-center flow-title" >Flow ID : <span [contextMenu]="copyFLow">{{flowDetail.flowid}}</span>
      <a *ngIf="commonService.hasPermission('fw_flow_update') && (!storeLinkSetting || (storeLinkSetting && flowDetail.hasOwnProperty('discrepancy') && flowDetail['discrepancy'].hasOwnProperty('controller-discrepancy') && !flowDetail['discrepancy']['controller-discrepancy']))" class="btn btn-dark btn-sm pull-right" role="button" aria-pressed="true" [routerLink]="['/flows/edit',flowDetail.flowid]">Edit</a>
      </p>
      
    
      </div>
    </div>
  <!-- End : Flow Top Section-->
  <!-- Start : 2 Flow section-->
  <div class="row  mb-4">
    <div class="col-sm-6">
      <h6 class="card-title card-custom-title">SOURCE DETAILS</h6>
      <div class="card">

        <div class="card-body">
          <ul class="list-group list-group-no-border">
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Port:</div>
                <div class="col-sm-4">{{ flowDetail["src_port"] }}</div>
                <div class="col-sm-4"></div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Switch Id:</div>
                <div class="col-sm-4" [contextMenu]="copySrcSwitch">{{ flowDetail["source_switch"] }}</div>
                <div class="col-sm-4">
                  <div class="pull-left">
                    <div class="onoffswitch">
                      <input  [(ngModel)]="sourceCheckedValue" type="checkbox" (change)="maskSwitchId('source',$event)" name="onoffswitch" class="onoffswitch-checkbox"
                        id="onoffswitchsource">
                      <label class="onoffswitch-label" for="onoffswitchsource">
                        <span class="onoffswitch-inner onoffswitch-inner-kilda-switch"></span>
                        <span class="onoffswitch-switch"></span>
                      </label>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Name:</div>
                <div class="col-sm-4" [contextMenu]="copySrcSwitchName">{{ flowDetail["source_switch_name"] }}</div>
                <div class="col-sm-4"></div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Vlan:</div>
                <div class="col-sm-4">{{ flowDetail["src_vlan"] }}</div>
                <div class="col-sm-4"></div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="col-sm-6">
      <h6 class="card-title card-custom-title">DESTINATION DETAILS</h6>
      <div class="card">
        <div class="card-body">
          <ul class="list-group list-group-no-border">
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Port:</div>
                <div class="col-sm-4">{{ flowDetail["dst_port"] }}</div>
                <div class="col-sm-4"></div>
              </div>
            </li>

            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Switch Id:</div>
                <div class="col-sm-4" [contextMenu]="copyTrgSwitch">{{ flowDetail["target_switch"] }}</div>
                <div class="col-sm-4">
                  <div class="pull-left">
                    <div class="onoffswitch">
                      <input type="checkbox" [(ngModel)]="targetCheckedValue"  (change)="maskSwitchId('target',$event)" name="onoffswitch" class="onoffswitch-checkbox"
                        id="onoffswitchdestination">
                      <label class="onoffswitch-label" for="onoffswitchdestination">
                        <span class="onoffswitch-inner onoffswitch-inner-kilda-switch"></span>
                        <span class="onoffswitch-switch"></span>
                      </label>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Name:</div>
                <div class="col-sm-4" [contextMenu]="copyTrgSwitchName">{{ flowDetail["target_switch_name"] }}</div>
                <div class="col-sm-4"></div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Vlan:</div>
                <div class="col-sm-4">{{ flowDetail["dst_vlan"] }}</div>
                <div class="col-sm-4"></div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- ENd : 2 Flow sections-->
  <!-- Start : Switch Section-->
  <div class="row mb-3">
    <div class="col-md-12">
      <h6 class="card-title card-custom-title">FLOW DETAILS</h6>
      <div class="card">
        <div class="card-body">
          <ul class="list-group list-group-no-border">
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Status:</div>
                <div class="col-sm-8">{{ flowDetail.status || flowDetail.state }}
                   &nbsp; <i *ngIf="storeLinkSetting &&  statusDescrepancy" class="fa fa-exclamation-triangle text-orange"></i>
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Description:</div>
                <div class="col-sm-8">{{ flowDetail.description }}</div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Maximum Bandwidth:</div>
                <div class="col-sm-8">{{ flowDetail["maximum_bandwidth"] }}
                    &nbsp;<i *ngIf="storeLinkSetting && bandWidthDescrepancy" class="fa fa-exclamation-triangle text-orange"></i>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- End : Switch Section -->

  <!-- Start : Swith Tab Section -->
  <div>
    <div class="row">
      <div id="exTab1" class="col-lg-12 tab-wrapper">
        <ul class="nav nav-pills">
          <li [ngClass]="{'active': openedTab == 'graph'}">
            <a href="javascript:void(0);" (click)="openTab('graph');">Graph</a>
          </li>
          <li [ngClass]="{'active': openedTab == 'path'}">
            <a href="javascript:void(0);" (click)="openTab('path');">Path</a>
          </li>
          <li *ngIf="commonService.hasPermission('fw_permission_validate')" [ngClass]="{'active': openedTab == 'validate'}">
            <a href="javascript:void(0);" (click)="openTab('validate');">Validate</a>
          </li>
          <li *ngIf="storeLinkSetting" [ngClass]="{'active': openedTab == 'contracts'}"><commit_msg>Bandwidth value fixes in flow detail<commit_after><div id="flow_detail_div" *ngIf="flowDetail">
  <!-- Start : Flow Top Section-->

  <div class="row mb-3">
    <div class="col-sm-12">
        <div class="">
            <div class="col-sm-3 pull-right flow-search-container">
                <app-flow-search></app-flow-search>
            </div>
            <div class="clear clearfix"></div>
        </div>
      <p class="text-center flow-title" >Flow ID : <span [contextMenu]="copyFLow">{{flowDetail.flowid}}</span>
      <a *ngIf="commonService.hasPermission('fw_flow_update') && (!storeLinkSetting || (storeLinkSetting && flowDetail.hasOwnProperty('discrepancy') && flowDetail['discrepancy'].hasOwnProperty('controller-discrepancy') && !flowDetail['discrepancy']['controller-discrepancy']))" class="btn btn-dark btn-sm pull-right" role="button" aria-pressed="true" [routerLink]="['/flows/edit',flowDetail.flowid]">Edit</a>
      </p>
      
    
      </div>
    </div>
  <!-- End : Flow Top Section-->
  <!-- Start : 2 Flow section-->
  <div class="row  mb-4">
    <div class="col-sm-6">
      <h6 class="card-title card-custom-title">SOURCE DETAILS</h6>
      <div class="card">

        <div class="card-body">
          <ul class="list-group list-group-no-border">
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Port:</div>
                <div class="col-sm-4">{{ flowDetail["src_port"] }}</div>
                <div class="col-sm-4"></div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Switch Id:</div>
                <div class="col-sm-4" [contextMenu]="copySrcSwitch">{{ flowDetail["source_switch"] }}</div>
                <div class="col-sm-4">
                  <div class="pull-left">
                    <div class="onoffswitch">
                      <input  [(ngModel)]="sourceCheckedValue" type="checkbox" (change)="maskSwitchId('source',$event)" name="onoffswitch" class="onoffswitch-checkbox"
                        id="onoffswitchsource">
                      <label class="onoffswitch-label" for="onoffswitchsource">
                        <span class="onoffswitch-inner onoffswitch-inner-kilda-switch"></span>
                        <span class="onoffswitch-switch"></span>
                      </label>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Name:</div>
                <div class="col-sm-4" [contextMenu]="copySrcSwitchName">{{ flowDetail["source_switch_name"] }}</div>
                <div class="col-sm-4"></div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Vlan:</div>
                <div class="col-sm-4">{{ flowDetail["src_vlan"] }}</div>
                <div class="col-sm-4"></div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="col-sm-6">
      <h6 class="card-title card-custom-title">DESTINATION DETAILS</h6>
      <div class="card">
        <div class="card-body">
          <ul class="list-group list-group-no-border">
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Port:</div>
                <div class="col-sm-4">{{ flowDetail["dst_port"] }}</div>
                <div class="col-sm-4"></div>
              </div>
            </li>

            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Switch Id:</div>
                <div class="col-sm-4" [contextMenu]="copyTrgSwitch">{{ flowDetail["target_switch"] }}</div>
                <div class="col-sm-4">
                  <div class="pull-left">
                    <div class="onoffswitch">
                      <input type="checkbox" [(ngModel)]="targetCheckedValue"  (change)="maskSwitchId('target',$event)" name="onoffswitch" class="onoffswitch-checkbox"
                        id="onoffswitchdestination">
                      <label class="onoffswitch-label" for="onoffswitchdestination">
                        <span class="onoffswitch-inner onoffswitch-inner-kilda-switch"></span>
                        <span class="onoffswitch-switch"></span>
                      </label>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Name:</div>
                <div class="col-sm-4" [contextMenu]="copyTrgSwitchName">{{ flowDetail["target_switch_name"] }}</div>
                <div class="col-sm-4"></div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Vlan:</div>
                <div class="col-sm-4">{{ flowDetail["dst_vlan"] }}</div>
                <div class="col-sm-4"></div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- ENd : 2 Flow sections-->
  <!-- Start : Switch Section-->
  <div class="row mb-3">
    <div class="col-md-12">
      <h6 class="card-title card-custom-title">FLOW DETAILS</h6>
      <div class="card">
        <div class="card-body">
          <ul class="list-group list-group-no-border">
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Status:</div>
                <div class="col-sm-8">{{ flowDetail.status || flowDetail.state }}
                   &nbsp; <i *ngIf="storeLinkSetting &&  statusDescrepancy" class="fa fa-exclamation-triangle text-orange"></i>
                </div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Description:</div>
                <div class="col-sm-8">{{ flowDetail.description }}</div>
              </div>
            </li>
            <li class="list-group-item">
              <div class="row">
                <div class="col-sm-4">Maximum Bandwidth:</div>
                <div class="col-sm-8">{{ (flowDetail["maximum_bandwidth"] / 1000) || "-" }}
                    &nbsp;<i *ngIf="storeLinkSetting && bandWidthDescrepancy" class="fa fa-exclamation-triangle text-orange"></i>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- End : Switch Section -->

  <!-- Start : Swith Tab Section -->
  <div>
    <div class="row">
      <div id="exTab1" class="col-lg-12 tab-wrapper">
        <ul class="nav nav-pills">
          <li [ngClass]="{'active': openedTab == 'graph'}">
            <a href="javascript:void(0);" (click)="openTab('graph');">Graph</a>
          </li>
          <li [ngClass]="{'active': openedTab == 'path'}">
            <a href="javascript:void(0);" (click)="openTab('path');">Path</a>
          </li>
          <li *ngIf="commonService.hasPermission('fw_permission_validate')" [ngClass]="{'active': openedTab == 'validate'}">
            <a href="javascript:void(0);" (click)="openTab('validate');">Validate</a>
          </li>
          <li *ngIf="storeLinkSetting" [ngClass]="{'active': openedTab == 'contracts'}">
{'fraction_non_alphanumeric': 0.1856848541237456, 'fraction_numerical': 0.007443344188210275, 'mean_word_length': 1.7320261437908497, 'pattern_counts': {'":': 0, '<': 417, '<?xml version=': 0, '>': 417, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1798112', 'n_tokens_mistral': 4616, 'n_tokens_neox': 4438, 'n_words': 773}