<commit_before><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- The above 3 meta tags *must* come first in the head;
        any other head content must come *after* these tags -->
  <meta name="description" content="Kytos administrative interface">
  <meta name="author" content="Kytos Team">
  <link rel="icon" href="static/images/favicon.png">
  <title>Kytos - Administrative Interface</title>
  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Dosis|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Work+Sans:100,200,300,400,500,600,700,800,900">
  <!-- Bootstrap core CSS -->
  <link href='static/css/vendors/mapbox-gl.css' rel='stylesheet' />
  <link href="static/css/vendors/owl.carousel.min.css" rel="stylesheet">
  <link href="static/css/vendors/owl.theme.default.min.css" rel="stylesheet">
  <link href="static/css/vendors/jquery.mCustomScrollbar.min.css" rel="stylesheet">
  <link href="static/css/vendors/bootstrap-slider.min.css" rel="stylesheet">
  <link href="static/css/style.css" rel="stylesheet">
  <link href="static/css/chart.css" rel="stylesheet">

  <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
  <!--[if lt IE 9]>
    <script src="../assets/js/ie8-responsive-file-warning.js"></script>
  <![endif]-->

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>

<body>
<!-- MODALS -->
  <div class="modal fade" id="saveLayout" tabindex="-1" role="dialog" aria-labelledby="saveLayoutLabel">
    <div class="modal-dialog modal-sm" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title text-center" id="saveLayoutLabel">Save this layout</h4>
        </div>
        <div class="modal-body">
          <input type="text" class="form-control input-sm" id="layout_name" placeholder='Layout name'/>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-kytos-default" data-dismiss="modal">
            Close
          </button>
          <button type="button" class="btn btn-kytos-primary" onclick='save_layout();'>
            Save changes
          </button>
        </div>
      </div>
    </div>
  </div>

<!-- END OF MODALS -->
<!-- NAVBAR -->
  <nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="index.html">
          <img src="static/images/logo.png" class="hidden-xs hidden-sm visible-lg visible-md" height="45" alt="Kytos"/>
          <img src="static/images/logo-circle-white.png" class="hidden-lg hidden-md visible-sm visible-xs" height="45" alt="Kytos"/>
        </a>
      </div>
      <div id="navbar" class="navbar-collapse collapse">
        <div class="left-nav-toggle">
          <a href=""> <i class="fa fa-bars"></i> </a>
        </div>
        <form class="navbar-form navbar-left">
          <input type="text" class="form-control" placeholder="Search data for analysis" style="width: 175px">
          </form>
          <ul class="nav navbar-nav navbar-right">
            <li class=" profil-link">
              <a href="login.html">
                <img src="static/images/avatar.jpg" class="img-circle" alt="">
              </a>
            </li>
          </ul>
      </div>
    </div>
  </nav>
<!-- END OF NAVBAR -->
<!-- MAIN CONTENT (MC) -->
  <div class="container-fluid">
      <div class="row">
        <!-- MC: SIDEBAR -->
        <nav>
          <ul class="nav sidebar">
            <li class="active nav-topology-btn">
              <a href="index.html">
                <i class="fa fa-dashboard fa-2x hidden-lg hidden-md"></i>
                <i class="fa fa-dashboard hidden-xs hidden-sm"></i>
                Topology
              </a>
            </li>
            <li class="nav-hosts-btn">
              <a href="#monitoring">
                <i class="fa fa-bar-chart fa-2x hidden-lg hidden-md"></i>
                <i class="fa fa-bar-chart hidden-xs hidden-sm"></i>
                Hosts
              </a>
            </li>
            <li class="nav-terminal-btn">
              <a href="#monitoring" class="open-terminal" data-toggle="collapse" aria-expanded="false">
                <i class="fa fa-terminal fa-2x hidden-lg hidden-md"></i>
                <i class="fa fa-terminal hidden-xs hidden-sm"></i>
                Terminal
              </a>
            </li>
            <li class="nav-middle-spacer">&nbsp;</li>
            <li class="nav-kytos-api-status">
              <i class="fa fa-power-off api-status" aria-hidden="true"></i>
              <span class='hidden-sm hidden-xs'>Kytos </span>API
            </li>
            <li class='nav-kytos-websocket-status'>
              <i class="fa fa-power-off websocket-status" aria-hidden="true"></i>
              <span class='hidden-sm hidden-xs'>Kytos Websocket</span>
              <span class='show-sm show-xs'>WS</span>
            </li>
            <li class="nav-info hidden-sm hidden-xs">
              <i class="pe pe-7s-shield text-accent"></i>
              <div class="m-t-xs">
                <span class="c-white">Kytos</span> is a <strong>beta software</strong>.
                For more information, please visit <a href="http://kytos.io/">kytos.io</a>
              </div>
            </li>
          </ul>
        </nav>
        <!-- END MC: SIDEBAR -->

        <!-- MC: CHART AREA -->
        <section class="content">
          <div id='chart'>
            <div id='background-map'></div>
            <div id='topology-chart'></div>
          </div>
        </section>
        <!-- END MC: CHART AREA -->

        <!-- MC: BOTTOM PANEL -->
        <section id="terminal" class="terminal">
          <div class="terminal-header">
            <div class="terminal-title">
              <ul class="nav nav-pills kytos-nav-pills terminal-tabs">
                <li id='tab_terminal_button' class="active"><a  data-toggle="pill" href="#tab_terminal"><i class="fa fa-terminal"></i> Terminal</a></li>
                <li id='tab_context_button'><a data-callback-min-max="show_switch_context()" data-toggle="pill" href="#tab_context" ><i class="fa fa-eye"></i> Context</a></li>
                <li><a data-toggle="pill" href="#tab_switches"><i class="fa fa-circle-o"></i> Switches</a></li>
                <li><a data-toggle="pill" href="#tab_logs"><i class="fa fa-list"></i> Logs</a></li>
                <li><a data-toggle="pill" href="#tab_notifications"><i class="fa fa-bell-o"></i> Notifications</a></li>
                <li><a data-toggle="pill" href="#tab_settings"><i class="fa fa-cogs"></i> Settings</a></li>
              </ul>
            </div>
            <div class="terminal-status-bar">
              <span class='terminal-status-background'>&nbsp;</span>
            </div>
            <div class="terminal-actions">
              <a href="#" data-action="max" class="terminal-max"><i class="glyphicon glyphicon-fullscreen"></i></a><commit_msg>Making the call to plot/replot the radar graphs of switches cards on tab click<commit_after><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- The above 3 meta tags *must* come first in the head;
        any other head content must come *after* these tags -->
  <meta name="description" content="Kytos administrative interface">
  <meta name="author" content="Kytos Team">
  <link rel="icon" href="static/images/favicon.png">
  <title>Kytos - Administrative Interface</title>
  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Dosis|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Work+Sans:100,200,300,400,500,600,700,800,900">
  <!-- Bootstrap core CSS -->
  <link href='static/css/vendors/mapbox-gl.css' rel='stylesheet' />
  <link href="static/css/vendors/owl.carousel.min.css" rel="stylesheet">
  <link href="static/css/vendors/owl.theme.default.min.css" rel="stylesheet">
  <link href="static/css/vendors/jquery.mCustomScrollbar.min.css" rel="stylesheet">
  <link href="static/css/vendors/bootstrap-slider.min.css" rel="stylesheet">
  <link href="static/css/style.css" rel="stylesheet">
  <link href="static/css/chart.css" rel="stylesheet">

  <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
  <!--[if lt IE 9]>
    <script src="../assets/js/ie8-responsive-file-warning.js"></script>
  <![endif]-->

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>

<body>
<!-- MODALS -->
  <div class="modal fade" id="saveLayout" tabindex="-1" role="dialog" aria-labelledby="saveLayoutLabel">
    <div class="modal-dialog modal-sm" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title text-center" id="saveLayoutLabel">Save this layout</h4>
        </div>
        <div class="modal-body">
          <input type="text" class="form-control input-sm" id="layout_name" placeholder='Layout name'/>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-kytos-default" data-dismiss="modal">
            Close
          </button>
          <button type="button" class="btn btn-kytos-primary" onclick='save_layout();'>
            Save changes
          </button>
        </div>
      </div>
    </div>
  </div>

<!-- END OF MODALS -->
<!-- NAVBAR -->
  <nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="index.html">
          <img src="static/images/logo.png" class="hidden-xs hidden-sm visible-lg visible-md" height="45" alt="Kytos"/>
          <img src="static/images/logo-circle-white.png" class="hidden-lg hidden-md visible-sm visible-xs" height="45" alt="Kytos"/>
        </a>
      </div>
      <div id="navbar" class="navbar-collapse collapse">
        <div class="left-nav-toggle">
          <a href=""> <i class="fa fa-bars"></i> </a>
        </div>
        <form class="navbar-form navbar-left">
          <input type="text" class="form-control" placeholder="Search data for analysis" style="width: 175px">
          </form>
          <ul class="nav navbar-nav navbar-right">
            <li class=" profil-link">
              <a href="login.html">
                <img src="static/images/avatar.jpg" class="img-circle" alt="">
              </a>
            </li>
          </ul>
      </div>
    </div>
  </nav>
<!-- END OF NAVBAR -->
<!-- MAIN CONTENT (MC) -->
  <div class="container-fluid">
      <div class="row">
        <!-- MC: SIDEBAR -->
        <nav>
          <ul class="nav sidebar">
            <li class="active nav-topology-btn">
              <a href="index.html">
                <i class="fa fa-dashboard fa-2x hidden-lg hidden-md"></i>
                <i class="fa fa-dashboard hidden-xs hidden-sm"></i>
                Topology
              </a>
            </li>
            <li class="nav-hosts-btn">
              <a href="#monitoring">
                <i class="fa fa-bar-chart fa-2x hidden-lg hidden-md"></i>
                <i class="fa fa-bar-chart hidden-xs hidden-sm"></i>
                Hosts
              </a>
            </li>
            <li class="nav-terminal-btn">
              <a href="#monitoring" class="open-terminal" data-toggle="collapse" aria-expanded="false">
                <i class="fa fa-terminal fa-2x hidden-lg hidden-md"></i>
                <i class="fa fa-terminal hidden-xs hidden-sm"></i>
                Terminal
              </a>
            </li>
            <li class="nav-middle-spacer">&nbsp;</li>
            <li class="nav-kytos-api-status">
              <i class="fa fa-power-off api-status" aria-hidden="true"></i>
              <span class='hidden-sm hidden-xs'>Kytos </span>API
            </li>
            <li class='nav-kytos-websocket-status'>
              <i class="fa fa-power-off websocket-status" aria-hidden="true"></i>
              <span class='hidden-sm hidden-xs'>Kytos Websocket</span>
              <span class='show-sm show-xs'>WS</span>
            </li>
            <li class="nav-info hidden-sm hidden-xs">
              <i class="pe pe-7s-shield text-accent"></i>
              <div class="m-t-xs">
                <span class="c-white">Kytos</span> is a <strong>beta software</strong>.
                For more information, please visit <a href="http://kytos.io/">kytos.io</a>
              </div>
            </li>
          </ul>
        </nav>
        <!-- END MC: SIDEBAR -->

        <!-- MC: CHART AREA -->
        <section class="content">
          <div id='chart'>
            <div id='background-map'></div>
            <div id='topology-chart'></div>
          </div>
        </section>
        <!-- END MC: CHART AREA -->

        <!-- MC: BOTTOM PANEL -->
        <section id="terminal" class="terminal">
          <div class="terminal-header">
            <div class="terminal-title">
              <ul class="nav nav-pills kytos-nav-pills terminal-tabs">
                <li id='tab_terminal_button' class="active"><a  data-toggle="pill" href="#tab_terminal"><i class="fa fa-terminal"></i> Terminal</a></li>
                <li id='tab_context_button'><a data-callback-min-max="show_switch_context()" data-toggle="pill" href="#tab_context" ><i class="fa fa-eye"></i> Context</a></li>
                <li><a data-toggle="pill" href="#tab_switches" onClick= populate_switches_carousel() ><i class="fa fa-circle-o"></i> Switches</a></li>
                <li><a data-toggle="pill" href="#tab_logs"><i class="fa fa-list"></i> Logs</a></li>
                <li><a data-toggle="pill" href="#tab_notifications"><i class="fa fa-bell-o"></i> Notifications</a></li>
                <li><a data-toggle="pill" href="#tab_settings"><i class="fa fa-cogs"></i> Settings</a></li>
              </ul>
            </div>
            <div class="terminal-status-bar">
              <span class='terminal-status-background'>&nbsp;</span>
            </div>
            <div class="terminal-actions">
              <a href="#" data-action="max" class="terminal-max"><i class="glyphicon glyphicon-fullscreen"></i></a>
{'fraction_non_alphanumeric': 0.18518029322414475, 'fraction_numerical': 0.011755382380134724, 'mean_word_length': 2.3048886948930596, 'pattern_counts': {'":': 0, '<': 429, '<?xml version=': 0, '>': 429, 'https://': 4, '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': '1308806', 'n_tokens_mistral': 4985, 'n_tokens_neox': 4709, 'n_words': 971}