<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 id="navbar" class="nav navbar-nav navbar-right navbar-collapse collapse">
        <div class="right-nav-toggle">
          <a href=""> <i class="fa fa-bars"></i> </a>
        </div>
      </div>

      <div class="navbar-header">
        <a class="navbar-brand" href="index.html">
          <img src="static/images/logo.png" class="hidden-xs visible-sm visible-lg visible-md" height="25" alt="Kytos"/>
          <img src="static/images/logo-circle-white.png" class="hidden-lg hidden-md hidden-sm visible-xs" height="45" alt="Kytos"/>
        </a>
      </div>

<!-- CONTROLS KYTOS -->
<div id="controlsKytos" class="row-fluid">
     <div id="settingsLayouts" class="col-md-2 col-xs-6">
       <div class="group-kytos">
          <div class="mt right">
            <button type="button" class="btn btn-sm btn-kytos-default" data-toggle="modal" data-target="#saveLayout" data-top="tooltip" title="Save this layout">
              <i class="fa fa-save"></i>
            </button>
          </div>
          <div class="dropdown" id="savedLayouts">
            <button class="btn btn-xs input-kytos-default dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-top="tooltip" title="Restore a layout">
               <span class="layout-name disabled-option">Restore Layout</span>
               <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton"></ul>
          </div>
       </div>
     </div><!-- #settingsLayouts -->

     <div id="settingsDisplays" class="col-md-2 col-xs-6">
       <div class="group-kytos">
          <p class="help">Select the elements to be displayed.</p>
             <span>Display:</span>
            <div class="checkbox">
              <label for="show_topology" id="f06e" data-top="tooltip" title="Show or hide the Topology"> 
              <input id='show_topology' type="checkbox" data-label-width="0" data-size="mini" checked="checked" onchange='$("#topology-chart").toggle()'>
              </label>
            </div>
            <div class="checkbox">
              <label for="show_unused_interfaces" id="f071" data-top="tooltip" title="Show or hide the Unused interfaces"> 
              <input id='show_unused_interfaces' type="checkbox" data-label-width="0" data-size="mini" checked="checked" data-on-color="primary" onchange="toggle_unused_interfaces();">
              </label>
            </div>
            <div class="checkbox">
              <label for="show_disconnected_hosts" id="f1e6" data-top="tooltip" title="Show or hide the Disconnected hosts"> 
              <input id='show_disconnected_hosts'  rel="tooltip" type="checkbox" data-label-width="0" data-size="mini" checked="checked" onchange="toggle_disconnected_hosts();">
              </label>
            </div>
       </div>
     </div><!-- #settingsDisplays -->

     <div id="settingsMaps" class="col-md-2 col-xs-6">
       <div class="group-kytos">
                  <p class="help">Select the elements to be displayed.</p>
            <div class="checkbox" data-label-width="0"  data-size="mini">

   <label for="show_map" id="f279" data-top="tooltip" title="Show or hide the Map">
                <input id='show_map' type="checkbox" data-label-width="0" data-size="mini" checked="checked" onchange='$("#background-map").toggle()'>
              </label>
              <label for='map_opacity'>
                <input id="map_opacity" data-slider-id='map_opacity_slider' type="text" data-slider-min="0" data-slider-max="1" data-slider-step="0.1" data-slider-value="1" data-slider-tooltip-position="bottom" />
              </label>
            </div>
       </div>
     </div><!-- #settingsMaps -->

     <div id="settingsLabels" class="col-md-2 col-xs-6">
       <div class="group-kytos">
                  <p class="help">Select which labels you want to show.</p>

            <div class="checkbox" data-label-width="0"  data-size="mini">
              <div id="switch_label">
                <label for='switch_label_dropdown' data-top="tooltip" title="Select which switch labels you want to show.">
                  <button class="btn btn-xs input-kytos-default dropdown-toggle" type="button" id="switch_label_dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span class="layout-name disabled-option">Switch Labels</span>
                    <span class="caret"></span>
                  </button>
                  <ul class="dropdown-menu" aria-labelledby="dropdownMenu">
                    <li><a href="#" data-value="Name" onclick="toggle_labels('switch', 'name');">Name</a></li>
                    <li><a href="#" data-value="DPID" onclick="toggle_labels('switch', 'dpid');">DPID</a></li>
                    <li><a href="#" data-value="Address" onclick="toggle_labels('switch', 'address');">Address</a></li>
                    <li><a href="#" data-value="None" onclick="toggle_labels('switch', 'none');">None</a></li>
                  </ul>
                </label>
                  <label for='host_label_dropdown' data-top="tooltip" title="Select which host labels you want to show.">
                    <button class="btn btn-xs input-kytos-default dropdown-toggle" type="button" id="host_label_dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      <span class="layout-name disabled-option">Host Labels</span>
                      <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu">
                      <li><a href="#" data-value="Name" onclick="toggle_labels('host', 'name');">Name</a></li>
                      <li><a href="#" data-value="Mac" onclick="toggle_labels('host', 'mac');">MAC</a></li>
                      <li><a href="#" data-value="Address" onclick="toggle_labels('host', 'address');">Address</a></li>
                      <li><a href="#" data-value="None" onclick="toggle_labels('host', 'none');">None</a></li>
                    </ul>
                  </label>
              </div><commit_msg>Better compatibility with small screens<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 id="navbar" class="nav navbar-nav navbar-right navbar-collapse collapse">
        <div class="right-nav-toggle">
          <a href=""> <i class="fa fa-bars"></i> </a>
        </div>
      </div>

      <div class="navbar-header">
        <a class="navbar-brand" href="index.html">
          <img src="static/images/logo.png" height="25" alt="Kytos"/>
        </a>
      </div>

<!-- CONTROLS KYTOS -->
<div id="controlsKytos" class="row-fluid">
     <div id="settingsLayouts" class="col-md-2">
       <div class="group-kytos">
          <div class="mt right">
            <button type="button" class="btn btn-sm btn-kytos-default" data-toggle="modal" data-target="#saveLayout" data-top="tooltip" title="Save this layout">
              <i class="fa fa-save"></i>
            </button>
          </div>
          <div class="dropdown" id="savedLayouts">
            <button class="btn btn-xs input-kytos-default dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-top="tooltip" title="Restore a layout">
               <span class="layout-name disabled-option">Restore Layout</span>
               <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton"></ul>
          </div>
       </div>
     </div><!-- #settingsLayouts -->

     <div id="settingsDisplays" class="col-md-2">
       <div class="group-kytos">
          <p class="help">Select the elements to be displayed.</p>
             <span>Display:</span>
            <div class="checkbox">
              <label for="show_topology" id="f06e" data-top="tooltip" title="Show or hide the Topology"> 
              <input id='show_topology' type="checkbox" data-label-width="0" data-size="mini" checked="checked" onchange='$("#topology-chart").toggle()'>
              </label>
            </div>
            <div class="checkbox">
              <label for="show_unused_interfaces" id="f071" data-top="tooltip" title="Show or hide the Unused interfaces"> 
              <input id='show_unused_interfaces' type="checkbox" data-label-width="0" data-size="mini" checked="checked" data-on-color="primary" onchange="toggle_unused_interfaces();">
              </label>
            </div>
            <div class="checkbox">
              <label for="show_disconnected_hosts" id="f1e6" data-top="tooltip" title="Show or hide the Disconnected hosts"> 
              <input id='show_disconnected_hosts'  rel="tooltip" type="checkbox" data-label-width="0" data-size="mini" checked="checked" onchange="toggle_disconnected_hosts();">
              </label>
            </div>
       </div>
     </div><!-- #settingsDisplays -->

     <div id="settingsMaps" class="col-md-2">
       <div class="group-kytos">
                  <p class="help">Select the elements to be displayed.</p>
            <div class="checkbox" data-label-width="0"  data-size="mini">

   <label for="show_map" id="f279" data-top="tooltip" title="Show or hide the Map">
                <input id='show_map' type="checkbox" data-label-width="0" data-size="mini" checked="checked" onchange='$("#background-map").toggle()'>
              </label>
              <label for='map_opacity'>
                <input id="map_opacity" data-slider-id='map_opacity_slider' type="text" data-slider-min="0" data-slider-max="1" data-slider-step="0.1" data-slider-value="1" data-slider-tooltip-position="bottom" />
              </label>
            </div>
       </div>
     </div><!-- #settingsMaps -->

     <div id="settingsLabels" class="col-md-2">
       <div class="group-kytos">
                  <p class="help">Select which labels you want to show.</p>

            <div class="checkbox" data-label-width="0"  data-size="mini">
              <div id="switch_label">
                <label for='switch_label_dropdown' data-top="tooltip" title="Select which switch labels you want to show.">
                  <button class="btn btn-xs input-kytos-default dropdown-toggle" type="button" id="switch_label_dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span class="layout-name disabled-option">Switch Labels</span>
                    <span class="caret"></span>
                  </button>
                  <ul class="dropdown-menu" aria-labelledby="dropdownMenu">
                    <li><a href="#" data-value="Name" onclick="toggle_labels('switch', 'name');">Name</a></li>
                    <li><a href="#" data-value="DPID" onclick="toggle_labels('switch', 'dpid');">DPID</a></li>
                    <li><a href="#" data-value="Address" onclick="toggle_labels('switch', 'address');">Address</a></li>
                    <li><a href="#" data-value="None" onclick="toggle_labels('switch', 'none');">None</a></li>
                  </ul>
                </label>
                  <label for='host_label_dropdown' data-top="tooltip" title="Select which host labels you want to show.">
                    <button class="btn btn-xs input-kytos-default dropdown-toggle" type="button" id="host_label_dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      <span class="layout-name disabled-option">Host Labels</span>
                      <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu">
                      <li><a href="#" data-value="Name" onclick="toggle_labels('host', 'name');">Name</a></li>
                      <li><a href="#" data-value="Mac" onclick="toggle_labels('host', 'mac');">MAC</a></li>
                      <li><a href="#" data-value="Address" onclick="toggle_labels('host', 'address');">Address</a></li>
                      <li><a href="#" data-value="None" onclick="toggle_labels('host', 'none');">None</a></li>
                    </ul>
                  </label>
              </div>
{'fraction_non_alphanumeric': 0.18023808193148158, 'fraction_numerical': 0.012071759906108533, 'mean_word_length': 2.7364794320317394, 'pattern_counts': {'":': 0, '<': 398, '<?xml version=': 0, '>': 398, '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': '5684323', 'n_tokens_mistral': 5622, 'n_tokens_neox': 5355, 'n_words': 1083}