<commit_before><div id="search-overlay" class="container-fluid overlay animation-on" ng-show="expand && getUser()">
  <div class="row" style="padding-top:20px; height:75px; background-color:#000;">
    <div class="col-xs-3">
      &nbsp;
    </div>
    <div class="col-xs-6">
      <form class="simple-form" ng-submit="search()">
        <div class="input-group">
          <input type="text" class="form-control" placeholder="Search for videos" ng-model="searchCriteria.query">
          <span class="input-group-btn">
            <button class="btn btn-default" type="button" ng-click="search()">Search</button>
          </span>
        </div>
      </form>
    </div>
    <div class="col-xs-3">
      &nbsp;
    </div>
  </div>
  <div class="row" style="height:100%; padding-bottom:125px;">
    <div class="col-xs-3">
      <h2>Playlists</h2>
      <ul class="playlist-list">
        <li class="playlist-tab" ng-repeat="playlist in playlists track by $index" ng-click="viewPlaylist(playlist.Name)">
          {{playlist.Name}}
        </li>
      </ul>
    </div>
    <div class="col-xs-6" style="height:100%; overflow-y: scroll;">
      <div id="loadingbar" ng-show="isLoading">
        <img src="images/loading.gif" alt="loading"/>
      </div>
      <div id="search-results" ng-hide="!isSearching || isLoading">
        <h2>Results</h2>
        <hr>
        <ul class="nav nav-stacked" >
          <li ng-repeat="item in searchResults track by $index" ng-click="addToPlaylist(item)" class="pointer" role="presentation">
            <span>
              <img ng-src="{{item.Thumbnails.default.url}}"></img>
              {{item.Title}}
            </span>
            <span class="pull-right" style="margin-top:30px;">
              {{item.FormattedTime}}
            </span>
          </li>
        </ul>
      </div>
      <div id="playlist-items" ng-hide="isSearching">
        <h2>{{playlistName}}</h2>
        <hr>
        <ul class="nav nav-stacked" >
          <li ng-repeat="item in playlists[playlistName].Contents track by $index" role="presentation">
            <span>
              <img ng-src="{{item.Thumbnails.default.url}}"></img>
              {{item.Title}}
            </span>
            <span class="pull-right" style="margin-top:30px;">&nbsp;
              <button type="button" class="btn btn-primary" ng-click="moveUp($index)" ng-hide="$first">
                <span class="glyphicon glyphicon-arrow-up"></span>
              </button>&nbsp;
              <button type="button" class="btn btn-primary" ng-click="moveDown($index)" ng-hide="$last">
                <span class="glyphicon glyphicon-arrow-down"></span>
              </button>&nbsp;
              <button type="button" class="btn btn-danger" ng-click="removeFromPlaylist($index)">
                <span class="glyphicon glyphicon-remove"></span>
              </button>&nbsp;
              {{item.FormattedTime}}
            </span>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<footer>
  <div class="navbar navbar-inverse navbar-fixed-bottom">
      <div class="container-fluid">
        <div class="col-xs-1" ng-click="expand=!expand" ng-show="getUser()"><commit_msg>make the playlists section a little more readable<commit_after><div id="search-overlay" class="container-fluid overlay animation-on" ng-show="expand && getUser()">
  <div class="row" style="padding-top:20px; height:75px; background-color:#000;">
    <div class="col-xs-3">
      &nbsp;
    </div>
    <div class="col-xs-6">
      <form class="simple-form" ng-submit="search()">
        <div class="input-group">
          <input type="text" class="form-control" placeholder="Search for videos" ng-model="searchCriteria.query">
          <span class="input-group-btn">
            <button class="btn btn-default" type="button" ng-click="search()">Search</button>
          </span>
        </div>
      </form>
    </div>
    <div class="col-xs-3">
      &nbsp;
    </div>
  </div>
  <div class="row" style="height:100%; padding-bottom:125px;">
    <div class="col-xs-3">
      <h2>Playlists</h2>
      <hr>
      <ul class="nav nav-stacked playlist-list">
        <li class="playlist-tab pointer" ng-repeat="playlist in playlists track by $index" ng-click="viewPlaylist(playlist.Name)">
          <h4>
            {{playlist.Name}}
          </h4>
        </li>
      </ul>
    </div>
    <div class="col-xs-6" style="height:100%; overflow-y: scroll;">
      <div id="loadingbar" ng-show="isLoading">
        <img src="images/loading.gif" alt="loading"/>
      </div>
      <div id="search-results" ng-hide="!isSearching || isLoading">
        <h2>Results</h2>
        <hr>
        <ul class="nav nav-stacked" >
          <li ng-repeat="item in searchResults track by $index" ng-click="addToPlaylist(item)" class="pointer" role="presentation">
            <span>
              <img ng-src="{{item.Thumbnails.default.url}}"></img>
              {{item.Title}}
            </span>
            <span class="pull-right" style="margin-top:30px;">
              {{item.FormattedTime}}
            </span>
          </li>
        </ul>
      </div>
      <div id="playlist-items" ng-hide="isSearching">
        <h2>{{playlistName}}</h2>
        <hr>
        <ul class="nav nav-stacked" >
          <li ng-repeat="item in playlists[playlistName].Contents track by $index" role="presentation">
            <span style="text-overflow:elipses;">
              <img ng-src="{{item.Thumbnails.default.url}}"></img>
              {{item.Title}}
            </span>
            <span class="pull-right" style="margin-top:30px;">&nbsp;
              <button type="button" class="btn btn-primary" ng-click="moveUp($index)" ng-hide="$first">
                <span class="glyphicon glyphicon-arrow-up"></span>
              </button>&nbsp;
              <button type="button" class="btn btn-primary" ng-click="moveDown($index)" ng-hide="$last">
                <span class="glyphicon glyphicon-arrow-down"></span>
              </button>&nbsp;
              <button type="button" class="btn btn-danger" ng-click="removeFromPlaylist($index)">
                <span class="glyphicon glyphicon-remove"></span>
              </button>&nbsp;
              {{item.FormattedTime}}
            </span>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<footer>
  <div class="navbar navbar-inverse navbar-fixed-bottom">
      <div class="container-fluid">
        <div class="col-xs-1" ng-click="expand=!expand" ng-show="getUser()">
{'fraction_non_alphanumeric': 0.1836891414529258, 'fraction_numerical': 0.010136691752418983, 'mean_word_length': 2.3190621814475025, 'pattern_counts': {'":': 0, '<': 166, '<?xml version=': 0, '>': 166, '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': '1758549', 'n_tokens_mistral': 2094, 'n_tokens_neox': 2008, 'n_words': 381}