<commit_before><template>

  <!--
                    the main container
        -->
  <div class='container-fluid'>
    <div class='row'>


      <!--
                    left hand side of the screen
         -->
      <div class='col-md-6'>




      <!--
                  show the list of connections
         -->
      {{list_of_connections.length}} connections

        <table class="table  table-striped  table-bordered " style="width: 100%;">
          <thead >
            <tr>
              <th>ID</th>
              <th>Driver</th>
              <th></th>
            </tr>
          </thead>
          <tbody v-for="a_connection in list_of_connections">
            <tr scope="row" >
              <td v-on:click="set_viewed_connection(a_connection)">{{a_connection.id}}</td>
              <td v-on:click="set_viewed_connection(a_connection)">{{a_connection.driver}}</td>
              <td><button v-on:click.prevent='delete_item(a_connection)'>X</button></td>
            </tr>
          <tbody>
        </table>



      <!--
                the "Add connection" button
         -->
       <button class="btn btn-primary"
                v-if="!add_connection_visible"
                @click="add_new_connection">Add new connection</button>

      </div>



      <!--
            The right hand side
         -->
      <div class='col-md-6'>





      <!--
                 show the properties of the currently
                 selected connection
         -->
         <h2>Properties</h2>



        <div v-if="viewed_connection_driver == 'oracle'">
             <oracle-view-connection  :connection_name=viewed_connection_id>      </oracle-view-connection>
        </div>
        <div v-if="viewed_connection_driver == 'postgres'">
		     <component is="postgres-view-connection" :connection_name=viewed_connection_id></component>
        </div>
        <div v-if="viewed_connection_driver == 'excel'">
		     <component is="postgres-view-connection" :connection_name=viewed_connection_id></component>
        </div>
<commit_msg>Add dynamic view code to see connections<commit_after><template>

  <!--
                    the main container
        -->
  <div class='container-fluid'>
    <div class='row'>


      <!--
                    left hand side of the screen
         -->
      <div class='col-md-6'>




      <!--
                  show the list of connections
         -->
      {{list_of_connections.length}} connections

        <table class="table  table-striped  table-bordered " style="width: 100%;">
          <thead >
            <tr>
              <th>ID</th>
              <th>Driver</th>
              <th></th>
            </tr>
          </thead>
          <tbody v-for="a_connection in list_of_connections">
            <tr scope="row" >
              <td v-on:click="set_viewed_connection(a_connection)">{{a_connection.id}}</td>
              <td v-on:click="set_viewed_connection(a_connection)">{{a_connection.driver}}</td>
              <td><button v-on:click.prevent='delete_item(a_connection)'>X</button></td>
            </tr>
          <tbody>
        </table>



      <!--
                the "Add connection" button
         -->
       <button class="btn btn-primary"
                v-if="!add_connection_visible"
                @click="add_new_connection">Add new connection</button>

      </div>



      <!--
            The right hand side
         -->
      <div class='col-md-6'>





      <!--
                 show the properties of the currently
                 selected connection
         -->
         <h2>Properties </h2>



        <div v-for='driver in this.$store.state.list_of_drivers' >
		     <component v-if="viewed_connection_driver == driver.id" v-bind:is="driver.id + '-view-connection'" :connection_name=viewed_connection_id></component>
        </div>

{'fraction_non_alphanumeric': 0.1408083441981747, 'fraction_numerical': 0.003650586701434159, 'mean_word_length': 1.6148602590320382, 'pattern_counts': {'":': 0, '<': 99, '<?xml version=': 0, '>': 99, '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': '2254546', 'n_tokens_mistral': 1143, 'n_tokens_neox': 1049, 'n_words': 195}