<commit_before></div class="container" id="tablecontainer">
<md-list id="list">
  <md-list-item class="md-2-line contact-item" ng-repeat="person in People">
    <img ng-src="{{person.image}}" class="md-avatar" alt="{{person.name}}" />
    <div class="md-list-item-text compact">
      <h3>{{person.first_name}}</h3>
      <p>{{person.last_name}}</p>
    </div>
    <span class="spacer"></span>
    <md-button title="Add Relation" class="md-secondary md-icon-button">
      <md-icon md-font-library="material-icons">add</md-icon>
    </md-button>
    <md-button title="Add photo of {{person.first_name}}" class="md-secondary md-icon-button">
      <md-icon md-font-library="material-icons">add_to_photos</md-icon>
    </md-button>
    <md-button title="View photos of {{person.first_name}}" class="md-secondary md-icon-button">
      <md-icon md-font-library="material-icons">photo_library</md-icon>
    </md-button>
    <md-divider md-inset ng-if="!$last"></md-divider>
  </md-list-item>
</md-list>
</div>

<style>
#list{
    background-color: #36454f;
    border-radius: 7px;
}
.md-2-line:hover{
    /*background-color: white;*/
    opacity: 0.75;
}
.md-icon-button:hover{
    opacity: .75;
}
.spacer{
    width: 75px;
}
</style><commit_msg>added filter to table commponent to search Person models<commit_after></div class="container" id="tablecontainer">
<md-input-container>
  <input type="text" ng-model="query.first_name" placeholder="Search..." autofocus>
</md-input-container>
<md-list id="list">
  <md-list-item class="md-2-line contact-item" ng-repeat="person in People | filter:query | orderBy: 'first_name' ">
    <img ng-src="{{person.image}}" class="md-avatar" alt="{{person.name}}" />
    <div class="md-list-item-text compact">
      <h3>{{person.first_name}}</h3>
      <p>{{person.last_name}}</p>
    </div>
    <span class="spacer"></span>
    <md-button title="Add Relation" class="md-secondary md-icon-button">
      <md-icon md-ink-ripple="#fdfdfd" md-font-library="material-icons">add</md-icon>
    </md-button>
    <md-button title="Add photo of {{person.first_name}}" class="md-secondary md-icon-button">
      <md-icon md-ink-ripple="#fdfdfd" md-font-library="material-icons">add_to_photos</md-icon>
    </md-button>
    <md-button title="View photos of {{person.first_name}}" class="md-secondary md-icon-button">
      <md-icon md-ink-ripple="#fdfdfd" md-font-library="material-icons">photo_library</md-icon>
    </md-button>
    <md-divider md-inset ng-if="!$last"></md-divider>
  </md-list-item>
</md-list>
</div>

<style>
#list{
    background-color: #616161;
    border-radius: 7px;
}
.md-2-line:hover{
    opacity: 0.75;
}
.md-icon-button:hover{
    opacity: .75;
}
.spacer{
    width: 75px;
}
md-input-container{
    margin-bottom: 0px;
}
</style>
{'fraction_non_alphanumeric': 0.20690896005757467, 'fraction_numerical': 0.012954300107952501, 'mean_word_length': 3.784853700516351, 'pattern_counts': {'":': 0, '<': 68, '<?xml version=': 0, '>': 68, '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': '3743589', 'n_tokens_mistral': 1057, 'n_tokens_neox': 1021, 'n_words': 171}