<commit_before><!-- This view file shows the kitchen and thumbs videos to the user -->

<div class="well">
  <div class="row">
    <div class="col-sm-6">
      <table class="table">
        <thead>
          <tr>
            <th><h1><span class="label label-info" ng-click="viewThumbs('table1')">Table 1</span></h1></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><button  type="button" ng-click="doClick(seats.table1.seat1, $event)" class="btn btn-default seat">seat 1<br> {%seats.table1.seat1.name|| 'loading'%}</button></td>
            <td><button  type="button" ng-click="doClick(seats.table1.seat2, $event)" class="btn btn-default seat">seat 2<br> {%seats.table1.seat2.name|| 'loading'%}</button></td>
          </tr>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table1.seat3, $event)" class="btn btn-default seat">seat 3<br> {%seats.table1.seat3.name || 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table1.seat4, $event)" class="btn btn-default seat">seat 4<br> {%seats.table1.seat4.name|| 'loading'%}</button></td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="col-sm-6">
      <table class="table">
        <thead>
          <tr>
            <th><h1><span class="label label-info" ng-click="viewThumbs('table2')">Table 2</span></h1></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table2.seat1, $event)" class="btn btn-default seat">seat 1<br> {%seats.table2.seat1.name|| 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table2.seat2, $event)" class="btn btn-default seat">seat 2<br> {%seats.table2.seat2.name|| 'loading'%}</button></td>
          </tr>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table2.seat3, $event)" class="btn btn-default seat">seat 3<br> {%seats.table2.seat3.name|| 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table2.seat4, $event)" class="btn btn-default seat">seat 4<br> {%seats.table2.seat4.name|| 'loading'%}</button></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-6">
      <table class="table">
        <thead>
          <tr>
            <th><h1><span class="label label-info" ng-click="viewThumbs('table3')">Table 3</span></h1></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table3.seat1, $event)" class="btn btn-default seat">seat 1<br> {%seats.table3.seat1.name|| 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table3.seat2, $event)" class="btn btn-default seat">seat 2 <br> {%seats.table3.seat2.name|| 'loading'%}</button></td>
          </tr>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table3.seat3, $event)" class="btn btn-default seat">seat 3<br> {%seats.table3.seat3.name|| 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table3.seat4, $event)" class="btn btn-default seat">seat 4<br> {%seats.table3.seat4.name|| 'loading'%}</button></td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="col-sm-6">
      <table class="table">
        <thead>
          <tr>
            <th><h1><span class="label label-info" ng-click="viewThumbs('table4')">Table 4</span></h1></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><button  type="button" ng-click="doClick(seats.table4.seat1, $event)" class="btn btn-default seat">seat 1<br> {%seats.table4.seat1.name|| 'loading'%}</button></td>
            <td><button  type="button" ng-click="doClick(seats.table4.seat2, $event)" class="btn btn-default seat">seat 2<br> {%seats.table4.seat2.name|| 'loading'%}</button></td>
          </tr>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table4.seat3, $event)" class="btn btn-default seat">seat 3<br> {%seats.table4.seat3.name|| 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table4.seat4, $event)" class="btn btn-default seat">seat 4<br> {%seats.table4.seat4.name|| 'loading'%}</button></td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="col-sm-6">
      <table class="table">
        <thead>
          <tr>
            <th><h1><span class="label label-info" ng-click="viewThumbs('table5')">Table 5</span></h1></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><button  type="button" ng-click="doClick(seats.table5.seat1, $event)" class="btn btn-default seat">seat 1<br> {%seats.table5.seat1.name|| 'loading'%}</button></td>
            <td><button  type="button" ng-click="doClick(seats.table5.seat2, $event)" class="btn btn-default seat">seat 2<br> {%seats.table5.seat2.name|| 'loading'%}</button></td>
          </tr>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table5.seat3, $event)" class="btn btn-default seat">seat 3<br> {%seats.table5.seat3.name|| 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table5.seat4, $event)" class="btn btn-default seat">seat 4<br> {%seats.table5.seat4.name|| 'loading'%}</button></td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="col-sm-6">
      <table class="table">
        <thead>
          <tr>
            <th><h1><span class="label label-info" ng-click="viewThumbs('table6')">Table 6</span></h1></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><button  type="button" ng-click="doClick(seats.table6.seat1, $event)" class="btn btn-default seat">seat 1<br> {%seats.table6.seat1.name|| 'loading'%}</button></td>
            <td><button  type="button" ng-click="doClick(seats.table6.seat2, $event)" class="btn btn-default seat">seat 2<br> {%seats.table6.seat2.name|| 'loading'%}</button></td>
          </tr>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table6.seat3, $event)" class="btn btn-default seat">seat 3<br> {%seats.table6.seat3.name|| 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table6.seat4, $event)" class="btn btn-default seat">seat 4<br> {%seats.table6.seat4.name|| 'loading'%}</button></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>

<div>

  <div>
  <!-- Kitchen tables and seats view -->
    <div class="panel panel-default container col-md-6">
        <div class="well well-sm urlbar">
        <div>{% currentSeat %}</div>
        <div>URL: {% currentURL %}</div>
      </div>
    <button ng-click="clearRoom()" class="btn btn-default seat">Clear Room</button>
    </div>
  </div>
  <!-- thumbnail videos view -->
  <div class = "container col-md-6">
    <div class="boxCommon panel">
        <video id="box0" class="col-md-6 boxCommon thumbCommon easyRTCMirror" muted="muted" volume="0" ></video>
        <video id="box1" class="col-md-6 boxCommon thumbCommon" muted="muted" volume="0"></video>
        <video id="box2" class="col-md-6 boxCommon thumbCommon" muted="muted" volume="0"></video>
        <video id="box3" class="col-md-6 boxCommon thumbCommon" muted="muted" volume="0"></video>
    </div><commit_msg>evenly distribute the seats<commit_after><!-- This view file shows the kitchen and thumbs videos to the user -->

<div class="well">
  <div class="row">
    <div class="col-sm-4">
      <table class="table text-center">
        <thead>
          <tr>
            <th><span class="label label-primary" ng-click="viewThumbs('table1')">Table 1</span></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><button  type="button" ng-click="doClick(seats.table1.seat1, $event)" class="btn btn-default seat btn-block">seat 1<br> {%seats.table1.seat1.name|| 'loading'%}</button></td>
            <td><button  type="button" ng-click="doClick(seats.table1.seat2, $event)" class="btn btn-default seat btn-block">seat 2<br> {%seats.table1.seat2.name|| 'loading'%}</button></td>
          </tr>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table1.seat3, $event)" class="btn btn-default seat btn-block">seat 3<br> {%seats.table1.seat3.name || 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table1.seat4, $event)" class="btn btn-default seat btn-block">seat 4<br> {%seats.table1.seat4.name|| 'loading'%}</button></td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="col-sm-4">
      <table class="table">
        <thead>
          <tr>
            <th><span class="label label-primary" ng-click="viewThumbs('table2')">Table 2</span></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table2.seat1, $event)" class="btn btn-default seat btn-block">seat 1<br> {%seats.table2.seat1.name|| 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table2.seat2, $event)" class="btn btn-default seat btn-block">seat 2<br> {%seats.table2.seat2.name|| 'loading'%}</button></td>
          </tr>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table2.seat3, $event)" class="btn btn-default seat btn-block">seat 3<br> {%seats.table2.seat3.name|| 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table2.seat4, $event)" class="btn btn-default seat btn-block">seat 4<br> {%seats.table2.seat4.name|| 'loading'%}</button></td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="col-sm-4">
      <table class="table">
        <thead>
          <tr>
            <th><span class="label label-primary" ng-click="viewThumbs('table3')">Table 3</span></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table3.seat1, $event)" class="btn btn-default seat btn-block">seat 1<br> {%seats.table3.seat1.name|| 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table3.seat2, $event)" class="btn btn-default seat btn-block">seat 2 <br> {%seats.table3.seat2.name|| 'loading'%}</button></td>
          </tr>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table3.seat3, $event)" class="btn btn-default seat btn-block">seat 3<br> {%seats.table3.seat3.name|| 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table3.seat4, $event)" class="btn btn-default seat btn-block">seat 4<br> {%seats.table3.seat4.name|| 'loading'%}</button></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-4">
      <table class="table">
        <thead>
          <tr>
            <th><span class="label label-primary" ng-click="viewThumbs('table4')">Table 4</span></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><button  type="button" ng-click="doClick(seats.table4.seat1, $event)" class="btn btn-default seat btn-block">seat 1<br> {%seats.table4.seat1.name|| 'loading'%}</button></td>
            <td><button  type="button" ng-click="doClick(seats.table4.seat2, $event)" class="btn btn-default seat btn-block">seat 2<br> {%seats.table4.seat2.name|| 'loading'%}</button></td>
          </tr>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table4.seat3, $event)" class="btn btn-default seat btn-block">seat 3<br> {%seats.table4.seat3.name|| 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table4.seat4, $event)" class="btn btn-default seat btn-block">seat 4<br> {%seats.table4.seat4.name|| 'loading'%}</button></td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="col-sm-4">
      <table class="table">
        <thead>
          <tr>
            <th><span class="label label-primary" ng-click="viewThumbs('table5')">Table 5</span></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><button  type="button" ng-click="doClick(seats.table5.seat1, $event)" class="btn btn-default seat btn-block">seat 1<br> {%seats.table5.seat1.name|| 'loading'%}</button></td>
            <td><button  type="button" ng-click="doClick(seats.table5.seat2, $event)" class="btn btn-default seat btn-block">seat 2<br> {%seats.table5.seat2.name|| 'loading'%}</button></td>
          </tr>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table5.seat3, $event)" class="btn btn-default seat btn-block">seat 3<br> {%seats.table5.seat3.name|| 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table5.seat4, $event)" class="btn btn-default seat btn-block">seat 4<br> {%seats.table5.seat4.name|| 'loading'%}</button></td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="col-sm-4">
      <table class="table">
        <thead>
          <tr>
            <th><span class="label label-primary" ng-click="viewThumbs('table6')">Table 6</span></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><button  type="button" ng-click="doClick(seats.table6.seat1, $event)" class="btn btn-default seat btn-block">seat 1<br> {%seats.table6.seat1.name|| 'loading'%}</button></td>
            <td><button  type="button" ng-click="doClick(seats.table6.seat2, $event)" class="btn btn-default seat btn-block">seat 2<br> {%seats.table6.seat2.name|| 'loading'%}</button></td>
          </tr>
          <tr>
            <td><button type="button" ng-click="doClick(seats.table6.seat3, $event)" class="btn btn-default seat btn-block">seat 3<br> {%seats.table6.seat3.name|| 'loading'%}</button></td>
            <td><button type="button" ng-click="doClick(seats.table6.seat4, $event)" class="btn btn-default seat btn-block">seat 4<br> {%seats.table6.seat4.name|| 'loading'%}</button></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>

<div>

  <div>
  <!-- Kitchen tables and seats view -->
    <div class="panel panel-default container col-md-6">
        <div class="well well-sm urlbar">
        <div>{% currentSeat %}</div>
        <div>URL: {% currentURL %}</div>
      </div>
    <button ng-click="clearRoom()" class="btn btn-default seat">Clear Room</button>
    </div>
  </div>
  <!-- thumbnail videos view -->
  <div class = "container col-md-6">
    <div class="boxCommon panel">
        <video id="box0" class="col-md-6 boxCommon thumbCommon easyRTCMirror" muted="muted" volume="0" ></video>
        <video id="box1" class="col-md-6 boxCommon thumbCommon" muted="muted" volume="0"></video>
        <video id="box2" class="col-md-6 boxCommon thumbCommon" muted="muted" volume="0"></video>
        <video id="box3" class="col-md-6 boxCommon thumbCommon" muted="muted" volume="0"></video>
    </div>
{'fraction_non_alphanumeric': 0.2085261070720423, 'fraction_numerical': 0.020885657633840052, 'mean_word_length': 2.8267577137076376, 'pattern_counts': {'":': 0, '<': 537, '<?xml version=': 0, '>': 537, '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': '1664260', 'n_tokens_mistral': 5485, 'n_tokens_neox': 5200, 'n_words': 949}