<commit_before>import { Component, OnInit } from 'angular2/core';

@Component({
  selector: 'tables',
  template:`
  <h4>Dashboard@Tables</h4>
  <div class="animate">
    <div class="row">
      <div class="col-md-6">
        <div class="card">
          <div class="card-header card-primary card-inverse">
            <span class="card-title">Regular Table</span>
          </div>
          <div class="card-block">
            <table class="table">
              <thead>
                <tr>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Address</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>John</td>
                  <td><EMAIL></td>
                  <td>London, UK</td>
                </tr>
                <tr>
                  <td>Andy</td>
                  <td>andygmail.com</td>
                  <td>Merseyside, UK</td>
                </tr>
                <tr>
                  <td>Frank</td>
                  <td><EMAIL></td>
                  <td>Southampton, UK</td>
                </tr>
              </tbody>
            </table>            
          </div>
        </div>
      </div>
    </div>
  </div>
  `,
  styles: [`
  
  `]
})
export class TablesView implements OnInit {

  constructor(){}

  ngOnInit(): void {
  }
}<commit_msg>feat(table-view): add table-view example page<commit_after>import { Component } from 'angular2/core';
import { Container } from '../../components/container/container';

@Component({
  selector: 'tables',
  template:` 
  <div class="animate">
    <div class="row">
      <div class="col-md-6">
        <container [headerStyle]="'primary'">
          <table-header>
            <span class="title">Regular Table</span>           
          </table-header>
          <table-body>
            <table class="table">
              <thead>
                <tr>
                  <th>Name</th>
                  <th>Email</th>
                  <th>Address</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>John</td>
                  <td><EMAIL></td>
                  <td>London, UK</td>
                </tr>
                <tr>
                  <td>Andy</td>
                  <td>andygmail.com</td>
                  <td>Merseyside, UK</td>
                </tr>
                <tr>
                  <td>Frank</td>
                  <td><EMAIL></td>
                  <td>Southampton, UK</td>
                </tr>
              </tbody>
            </table>  
          </table-body>
        </container>
      </div>
      <div class="col-md-6">
        <container>
          <table-header>
            <span class="title default">Bordered Table</span>
</table-header>
          <table-body>
            <table class="table table-bordered">
              <thead>
                <tr>
                  <th>Name</th>
                  <th>Email</th>
                  <th>Address</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>John</td>
                  <td><EMAIL></td>
                  <td>London, UK</td>
                </tr>
                <tr>
                  <td>Andy</td>
                  <td>andygmail.com</td>
                  <td>Merseyside, UK</td>
                </tr>
                <tr>
                  <td>Frank</td>
                  <td><EMAIL></td>
                  <td>Southampton, UK</td>
                </tr>
              </tbody>
            </table>  
          </table-body>
        </container>        
      </div>
    </div>
    
    <div class="row">
      <div class="col-md-6">
        <container [headerStyle]="'info'">
          <table-header>
            <span class="title">Striped Table</span>
          </table-header>
          
          <table-body>
            <table class="table">
              <thead>
                <tr>
                  <th>Name</th>
                  <th>Email</th>
                  <th>Address</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>John</td>
                  <td><EMAIL></td>
                  <td>London, UK</td>
                </tr>
                <tr>
                  <td>Andy</td>
                  <td>andygmail.com</td>
                  <td>Merseyside, UK</td>
                </tr>
                <tr>
                  <td>Frank</td>
                  <td><EMAIL></td>
                  <td>Southampton, UK</td>
                </tr>
              </tbody>
            </table>  
          </table-body>
        </container>
      </div>
      <div class="col-md-6">       
        <container [headerStyle]="'success'">
          <table-header>
            <span class="title">Hover Table</span>
          </table-header>
          <table-body>
            <table class="table table-hover">
              <thead>
                <tr>
                  <th>Name</th>
                  <th>Email</th>
                  <th>Address</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>John</td>
                  <td><EMAIL></td>
                  <td>London, UK</td>
                </tr>
                <tr>
                  <td>Andy</td>
                  <td>andygmail.com</td>
                  <td>Merseyside, UK</td>
                </tr>
                <tr>
                  <td>Frank</td>
                  <td><EMAIL></td>
                  <td>Southampton, UK</td>
                </tr>
              </tbody>
            </table>  
          </table-body>
        </container>
      </div>
    </div>
    
    <div class="row">
      <div class="col-md-6">
        <container [headerStyle]="'danger'">
          <table-header>
            <span class="title">Condensed Table</span>
          </table-header>
          <table-body>
            <table class="table table-condensed">
              <thead>
                <tr>
                  <th>Name</th>
                  <th>Email</th>
                  <th>Address</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>John</td>
                  <td><EMAIL></td>
                  <td>London, UK</td>
                </tr>
                <tr>
                  <td>Andy</td>
                  <td>andy<EMAIL></td>
                  <td>Merseyside, UK</td>
                </tr>
                <tr>
                  <td>Frank</td>
                  <td><EMAIL></td>
                  <td>Southampton, UK</td>
                </tr>
              </tbody>
            </table>  
          </table-body>
        </container>
      </div>
      
      <div class="col-md-6">
        <container [headerStyle]="'warning'">
          <table-header>
            <span class="title">Condensed, Bordered, Striped Table</span>
          </table-header>
          <table-body>
            <table class="table table-condensed table-bordered table-striped">
              <thead>
                <tr>
                  <th>Name</th>
                  <th>Email</th>
                  <th>Address</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>John</td>
                  <td><EMAIL></td>
                  <td>London, UK</td>
                </tr>
                <tr>
                  <td>Andy</td>
                  <td>andygmail.com</td>
                  <td>Merseyside, UK</td>
                </tr>
                <tr>
                  <td>Frank</td>
                  <td><EMAIL></td>
                  <td>Southampton, UK</td>
                </tr>
              </tbody>
            </table>  
          </table-body>
        </container>  
      </div>
    </div>
  </div>
  `,
  directives: [Container]
})

export class TablesView {}
{'fraction_non_alphanumeric': 0.14946128789777, 'fraction_numerical': 0.0013781007266349286, 'mean_word_length': 0.8530640668523677, 'pattern_counts': {'":': 0, '<': 368, '<?xml version=': 0, '>': 368, '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': '5419095', 'n_tokens_mistral': 2389, 'n_tokens_neox': 2204, 'n_words': 371}