<commit_before><link rel="import" href="../polymer/polymer.html"/>
<link rel="import" href="../core-scaffold/core-scaffold.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<link rel="import" href="../core-menu/core-menu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../core-collapse/core-collapse.html">
<link rel="import" href="../core-tooltip/core-tooltip.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../paper-toast/paper-toast.html">



<!--custom components-->
<link rel="import" href="../mqtt-connection/mqtt-connection.html">
<link rel="import" href="../changeover-icon/changeover-icon.html">

<link rel="import" href="../mqtt-connection-ui/mqtt-connection-ui.html">



<polymer-element name="mqtt-lens" constructo="Mqttlens">
  <!-- outermost template defines the element's shadow DOM -->
  <template>
    <style>
      body {
        font-family: sans-serif;
      }

      .big {
        height: 48px;
        width: 48px;
      }

    </style>

    <template repeat="{{ connection in mqttConnections }}">
      <style>
        :host /deep/ .{{connection.connectionID}}.zero.bg  {

          background: {{connection.connectionColors[0]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.zero.border  {
          border-left: 3px solid {{connection.connectionColors[0]}}!important;
          border-right: 1px solid {{connection.connectionColors[0]}}!important;
        }

        :host /deep/ .{{connection.connectionID}} .badge  {
          background: {{connection.connectionColors[0]}}!important;

        }




        :host /deep/ .message-{{connection.connectionID}}.row.message  {
        border-top: 2px solid {{connection.connectionColors[9]}}!important;
        border-left: 3px solid {{connection.connectionColors[0]}}!important;
        border-bottom: 2px solid {{connection.connectionColors[9]}}!important;
        -webkit-animation: okAnimationa 5s;
        }



        :host /deep/ .{{connection.connectionID}}.one.bg   {

        background: {{connection.connectionColors[1]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.two.bg   {

        background: {{connection.connectionColors[2]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.three.bg   {

        background: {{connection.connectionColors[3]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.four.bg   {

        background: {{connection.connectionColors[4]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.five.bg   {

        background: {{connection.connectionColors[5]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.six.bg   {

        background: {{connection.connectionColors[6]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.seven.bg   {
        background: {{connection.connectionColors[7]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.eight.bg   {
        background: {{connection.connectionColors[8]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.nine.bg   {
        background: {{connection.connectionColors[9]}}!important;
        }




        paper-toast {
          z-index: 1001!important;
        }


      </style>

      <!--<div class="{{connection.connectionID}} zero bg">-->
        <!--zero-->
      <!--</div>-->
      <!--<div class="{{connection.connectionID}} one bg">-->
        <!--one-->
      <!--</div>-->
      <!--<div class="{{connection.connectionID}} two bg">-->
        <!--two-->
      <!--</div>-->
      <!--<div class="{{connection.connectionID}} three bg">-->
        <!--three-->
      <!--</div>-->
      <!--<div class="{{connection.connectionID}} four bg">-->
        <!--four-->
      <!--</div>-->
      <!--<div class="{{connection.connectionID}} five bg">-->
        <!--five-->
      <!--</div>-->
      <!--<div class="{{connection.connectionID}} six bg">-->
        <!--six-->
      <!--</div>-->
      <!--<div class="{{connection.connectionID}} seven bg">-->
        <!--seven-->
      <!--</div>-->
    </template>



    <!--/*todo remove this when done  */-->
    <!--<link rel="stylesheet" href="css/debug.css"/>-->




    <link rel="stylesheet" href="../../css/build/layout.css"/>
    <link rel="stylesheet" href="css/main.css"/>

    <!--git hub-->
    <a href="https://github.com/sandro-k/mqtt-chrome">
      <img class="github rot-90"
           src="assets/github.png"
           alt="Fork me on GitHub">
    </a>


    <!--header-->
    <div id="header">
      <header class="header gradient">
        <div class="header-wrapper">

          <div class="row">

            <div class="col-xs-8 col-sm-10">
              <h1 class="app-name"><core-icon icon="search" class="big rot-75"></core-icon> {{appName}}<span>{{appSubname}}</span></h1>
            </div>

            <div class="col-xs-4 col-sm-2"><commit_msg>updated github icon path to work with build process<commit_after><link rel="import" href="../polymer/polymer.html"/>
<link rel="import" href="../core-scaffold/core-scaffold.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<link rel="import" href="../core-menu/core-menu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../core-collapse/core-collapse.html">
<link rel="import" href="../core-tooltip/core-tooltip.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../paper-toast/paper-toast.html">



<!--custom components-->
<link rel="import" href="../mqtt-connection/mqtt-connection.html">
<link rel="import" href="../changeover-icon/changeover-icon.html">

<link rel="import" href="../mqtt-connection-ui/mqtt-connection-ui.html">



<polymer-element name="mqtt-lens" constructo="Mqttlens">
  <!-- outermost template defines the element's shadow DOM -->
  <template>
    <style>
      body {
        font-family: sans-serif;
      }

      .big {
        height: 48px;
        width: 48px;
      }

    </style>

    <template repeat="{{ connection in mqttConnections }}">
      <style>
        :host /deep/ .{{connection.connectionID}}.zero.bg  {

          background: {{connection.connectionColors[0]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.zero.border  {
          border-left: 3px solid {{connection.connectionColors[0]}}!important;
          border-right: 1px solid {{connection.connectionColors[0]}}!important;
        }

        :host /deep/ .{{connection.connectionID}} .badge  {
          background: {{connection.connectionColors[0]}}!important;

        }




        :host /deep/ .message-{{connection.connectionID}}.row.message  {
        border-top: 2px solid {{connection.connectionColors[9]}}!important;
        border-left: 3px solid {{connection.connectionColors[0]}}!important;
        border-bottom: 2px solid {{connection.connectionColors[9]}}!important;
        -webkit-animation: okAnimationa 5s;
        }



        :host /deep/ .{{connection.connectionID}}.one.bg   {

        background: {{connection.connectionColors[1]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.two.bg   {

        background: {{connection.connectionColors[2]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.three.bg   {

        background: {{connection.connectionColors[3]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.four.bg   {

        background: {{connection.connectionColors[4]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.five.bg   {

        background: {{connection.connectionColors[5]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.six.bg   {

        background: {{connection.connectionColors[6]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.seven.bg   {
        background: {{connection.connectionColors[7]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.eight.bg   {
        background: {{connection.connectionColors[8]}}!important;
        }

        :host /deep/ .{{connection.connectionID}}.nine.bg   {
        background: {{connection.connectionColors[9]}}!important;
        }




        paper-toast {
          z-index: 1001!important;
        }


      </style>

      <!--<div class="{{connection.connectionID}} zero bg">-->
        <!--zero-->
      <!--</div>-->
      <!--<div class="{{connection.connectionID}} one bg">-->
        <!--one-->
      <!--</div>-->
      <!--<div class="{{connection.connectionID}} two bg">-->
        <!--two-->
      <!--</div>-->
      <!--<div class="{{connection.connectionID}} three bg">-->
        <!--three-->
      <!--</div>-->
      <!--<div class="{{connection.connectionID}} four bg">-->
        <!--four-->
      <!--</div>-->
      <!--<div class="{{connection.connectionID}} five bg">-->
        <!--five-->
      <!--</div>-->
      <!--<div class="{{connection.connectionID}} six bg">-->
        <!--six-->
      <!--</div>-->
      <!--<div class="{{connection.connectionID}} seven bg">-->
        <!--seven-->
      <!--</div>-->
    </template>



    <!--/*todo remove this when done  */-->
    <!--<link rel="stylesheet" href="css/debug.css"/>-->




    <link rel="stylesheet" href="../../css/build/layout.css"/>
    <link rel="stylesheet" href="css/main.css"/>

    <!--git hub-->
    <a href="https://github.com/sandro-k/mqtt-chrome">
      <img class="github rot-90"
           src="../../bower_components/mqtt-lens/assets/github.png"
           alt="Fork me on GitHub">
    </a>


    <!--header-->
    <div id="header">
      <header class="header gradient">
        <div class="header-wrapper">

          <div class="row">

            <div class="col-xs-8 col-sm-10">
              <h1 class="app-name"><core-icon icon="search" class="big rot-75"></core-icon> {{appName}}<span>{{appSubname}}</span></h1>
            </div>

            <div class="col-xs-4 col-sm-2">
{'fraction_non_alphanumeric': 0.20753972170137175, 'fraction_numerical': 0.008092371459587487, 'mean_word_length': 2.3489755452742895, 'pattern_counts': {'":': 0, '<': 173, '<?xml version=': 0, '>': 173, 'https://': 2, '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': '6763709', 'n_tokens_mistral': 3122, 'n_tokens_neox': 2967, 'n_words': 513}