<commit_before><div ng-include="'components/navbar/navbar.html'"></div>

<header class="hero-unit" id="banner">
  <div class="container">
    <h1>Assign Content to People</h1>
  </div>
</header>

<div class="container">
  <br/>
  <form ng-submit="assignWords()">
    <input type="submit" value="Assign Words" class="btn btn-primary" style="margin-left:40%; margin-right:60%">
    <!--This section is for the left column-->
    <div class="col-xs-4 accordion-toggle" ng-show="groupView">
      <button class="btn btn-primary" title="Show Students" ng-click="showGroupView(false)">Show Students</button>
      <h1 class="page-header">Groups:</h1>
      <button class="btn btn-primary" ng-show="AZ1" ng-click="order1 = !order1; AZ1=!AZ1">A-Z</button>
      <button class="btn btn-primary" ng-show="!AZ1" ng-click="order1 = !order1 ;AZ1=!AZ1">Z-A</button>
      <ul class="list-group scroll">
        <li class="list-group-item" ng-repeat="group in groupArray  | orderBy:'groupName':order1">
          <input type="checkbox" value="value" ng-click="checkGroups(group)"><a href="" ng-click="displayGroupInfo(group.groupName)">{{group.groupName}}</a>
          <span class="glyphicon glyphicon-chevron-right floatRight close" ng-click="isCollapsed = !isCollapsed; studentsInGroupAssignment(group)"></span>
          <ul collapse="!isCollapsed">
            <li class="list-group-item" ng-repeat="student in groupedStudents"><label>{{student.lastName}}, {{student.firstName}}</label>
          </ul>
        </li>
      </ul>
    </div>
    <div class="col-xs-4" ng-hide="groupView">
      <button class="btn btn-primary" title="Show Groups" ng-click="showGroupView(true)">Show Groups</button>
      <h1 class="page-header">Students:</h1>
      <button class="btn btn-primary" ng-show="!AZ0" ng-click="toSort0 = 'lastName'; order0 = !order0; AZ0=!AZ0">Z-A</button>
      <button class="btn btn-primary" ng-show="AZ0" ng-click="toSort0 = 'lastName'; order0 = !order0 ;AZ0=!AZ0">A-Z</button>
      <input type="text" ng-Model="searchText0">
      <ul class="list-group scroll">
        <li class="list-group-item " ng-repeat="student in selectedStudents | orderBy:'lastName':order0 |filter:searchText0">
          <input type="checkbox" value="studentChecked"  ng-click="checkStudents(student)"><a href="" ng-click="displayStudentInfo(student)">{{student.lastName}}, {{student.firstName}} </a>
      </ul>
    </div>
    <!--This section is for the middle column-->
    <div class="col-xs-4" ng-hide="showMiddle">
      <h3>Click on anything to begin.</h3>
    </div>
    <div class="col-xs-4" ng-show="showCategory">
      <br/>
      <br/>
      <div class="middleScroll">
        <h4>The tiles in the category {{categorySelected}} are:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="word in matchTiles"><label>
          </label>{{word}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
        <h4>The groups that have this category are:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="group in matchGroup"><label>
          </label>{{group}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
        <h4>The students that have this category are:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="student in matchStudent"><label>
          </label>{{student.firstName}} {{student.lastName}}<span class="glyphicon glyphicon-minus-sign close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
      </div>
    </div>
    <div class="col-xs-4" ng-show="wordView">
      <br/>
      <br/>
      <div class="middleScroll">
        <h4>The tile {{tileSelected.name}} is in the categories:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="category in matchCategories"><label>
          </label>{{category}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
        <h4>The groups that have this tile are:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="group in matchGroup">
          {{group}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
        <h4>The students that have this tile are:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="student in matchStudent"><label>
          </label>{{student.firstName}} {{student.lastName}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
      </div>
    </div>
    <div class="col-xs-4" ng-show="showGroup">
      <br/>
      <br/>
      <div class="middleScroll">
        <h4>The group {{groupSelected}} has the students:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="student in matchStudents"><label>
          </label>{{student.firstName}} {{student.lastName}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
        <h4>The categories that this group has are:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="pack in matchCategories"><label>
          </label>{{pack}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
        <h4>The words that this group has are:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="tile in matchTiles"><label>
          </label>{{tile.name}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
      </div>
    </div>
    <!--This section is for the right column-->
    <div class="col-xs-4" ng-show="categoryView">
      <button class="btn btn-primary" title="Show Words" ng-click="showCategoryView(false)">Show Words</button>
      <h1 class="page-header">Categories:</h1>
      <button class="btn btn-primary" ng-show="!AZ2" ng-click=" order2 = !order2; AZ2=!AZ2">Z-A</button>
      <button class="btn btn-primary" ng-show="AZ2" ng-click=" order2 = !order2 ;AZ2=!AZ2">A-Z</button>
      <input type="text" ng-Model="searchText1">
      <ul class="list-group scroll">
        <li class="list-group-item" ng-repeat="category in categoryArray | orderBy:'toString()':order2 | filter:searchText1">
          <input type="checkbox" value="value" ng-click="checkCategories(category)"><a href="" ng-click="displayCatInfo(category)">{{category}}</a>
      </ul>
    </div>
    <div class="col-xs-4" ng-hide="categoryView">
      <button class="btn btn-primary" title="Show Categories" ng-click="showCategoryView(true)">Show Categories</button>
      <h1 class="page-header">Words:</h1>
      <button class="btn btn-primary" ng-show="AZ3" ng-click=" order3 = !order3; AZ3=!AZ3">A-Z</button>
      <button class="btn btn-primary" ng-show="!AZ3" ng-click=" order3 = !order3 ;AZ3=!AZ3">Z-A</button>
      <input type="text" ng-Model="searchText2">
      <ul class="list-group scroll">
        <li class="list-group-item" ng-repeat="tile in userTiles | orderBy:'name':order3 | filter:searchText2">
          <input type="checkbox" value="value" ng-click="checkCategories(category)"><a href="" ng-click="displayTileInfo(tile)">{{tile.name}}</a>
      </ul>
    </div>
  </form>
</div><commit_msg>Added a placeholder for the search inputs.<commit_after><div ng-include="'components/navbar/navbar.html'"></div>

<header class="hero-unit" id="banner">
  <div class="container">
    <h1>Assign Content to People</h1>
  </div>
</header>

<div class="container">
  <br/>
  <form ng-submit="assignWords()">
    <input type="submit" value="Assign Words" class="btn btn-primary" style="margin-left:40%; margin-right:60%">
    <!--This section is for the left column-->
    <div class="col-xs-4 accordion-toggle" ng-show="groupView">
      <button class="btn btn-primary" title="Show Students" ng-click="showGroupView(false)">Show Students</button>
      <h1 class="page-header">Groups:</h1>
      <button class="btn btn-primary" ng-show="AZ1" ng-click="order1 = !order1; AZ1=!AZ1">A-Z</button>
      <button class="btn btn-primary" ng-show="!AZ1" ng-click="order1 = !order1 ;AZ1=!AZ1">Z-A</button>
      <ul class="list-group scroll">
        <li class="list-group-item" ng-repeat="group in groupArray  | orderBy:'groupName':order1">
          <input type="checkbox" value="value" ng-click="checkGroups(group)"><a href="" ng-click="displayGroupInfo(group.groupName)">{{group.groupName}}</a>
          <span class="glyphicon glyphicon-chevron-right floatRight close" ng-click="isCollapsed = !isCollapsed; studentsInGroupAssignment(group)"></span>
          <ul collapse="!isCollapsed">
            <li class="list-group-item" ng-repeat="student in groupedStudents"><label>{{student.lastName}}, {{student.firstName}}</label>
          </ul>
        </li>
      </ul>
    </div>
    <div class="col-xs-4" ng-hide="groupView">
      <button class="btn btn-primary" title="Show Groups" ng-click="showGroupView(true)">Show Groups</button>
      <h1 class="page-header">Students:</h1>
      <button class="btn btn-primary" ng-show="!AZ0" ng-click="toSort0 = 'lastName'; order0 = !order0; AZ0=!AZ0">Z-A</button>
      <button class="btn btn-primary" ng-show="AZ0" ng-click="toSort0 = 'lastName'; order0 = !order0 ;AZ0=!AZ0">A-Z</button>
      <input type="text" ng-Model="searchText0" placeholder="Search">
      <ul class="list-group scroll">
        <li class="list-group-item " ng-repeat="student in selectedStudents | orderBy:'lastName':order0 |filter:searchText0">
          <input type="checkbox" value="studentChecked"  ng-click="checkStudents(student)"><a href="" ng-click="displayStudentInfo(student)">{{student.lastName}}, {{student.firstName}} </a>
      </ul>
    </div>
    <!--This section is for the middle column-->
    <div class="col-xs-4" ng-hide="showMiddle">
      <h3>Click on anything to begin.</h3>
    </div>
    <div class="col-xs-4" ng-show="showCategory">
      <br/>
      <br/>
      <div class="middleScroll">
        <h4>The tiles in the category {{categorySelected}} are:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="word in matchTiles"><label>
          </label>{{word}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
        <h4>The groups that have this category are:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="group in matchGroup"><label>
          </label>{{group}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
        <h4>The students that have this category are:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="student in matchStudent"><label>
          </label>{{student.firstName}} {{student.lastName}}<span class="glyphicon glyphicon-minus-sign close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
      </div>
    </div>
    <div class="col-xs-4" ng-show="wordView">
      <br/>
      <br/>
      <div class="middleScroll">
        <h4>The tile {{tileSelected.name}} is in the categories:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="category in matchCategories"><label>
          </label>{{category}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
        <h4>The groups that have this tile are:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="group in matchGroup">
          {{group}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
        <h4>The students that have this tile are:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="student in matchStudent"><label>
          </label>{{student.firstName}} {{student.lastName}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
      </div>
    </div>
    <div class="col-xs-4" ng-show="showGroup">
      <br/>
      <br/>
      <div class="middleScroll">
        <h4>The group {{groupSelected}} has the students:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="student in matchStudents"><label>
          </label>{{student.firstName}} {{student.lastName}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
        <h4>The categories that this group has are:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="pack in matchCategories"><label>
          </label>{{pack}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
        <h4>The words that this group has are:</h4>
        <ul class="list-group">
          <li class="list-group-item" ng-repeat="tile in matchTiles"><label>
          </label>{{tile.name}}<span class="glyphicon glyphicon-minus-sign floatRight close unassignIconColor" style="color: red; " ng-click="confirmDelete($index)"></span></li>
        </ul>
      </div>
    </div>
    <!--This section is for the right column-->
    <div class="col-xs-4" ng-show="categoryView">
      <button class="btn btn-primary" title="Show Words" ng-click="showCategoryView(false)">Show Words</button>
      <h1 class="page-header">Categories:</h1>
      <button class="btn btn-primary" ng-show="!AZ2" ng-click=" order2 = !order2; AZ2=!AZ2">Z-A</button>
      <button class="btn btn-primary" ng-show="AZ2" ng-click=" order2 = !order2 ;AZ2=!AZ2">A-Z</button>
      <input type="text" ng-Model="searchText1" placeholder="Search">
      <ul class="list-group scroll">
        <li class="list-group-item" ng-repeat="category in categoryArray | orderBy:'toString()':order2 | filter:searchText1">
          <input type="checkbox" value="value" ng-click="checkCategories(category)"><a href="" ng-click="displayCatInfo(category)">{{category}}</a>
      </ul>
    </div>
    <div class="col-xs-4" ng-hide="categoryView">
      <button class="btn btn-primary" title="Show Categories" ng-click="showCategoryView(true)">Show Categories</button>
      <h1 class="page-header">Words:</h1>
      <button class="btn btn-primary" ng-show="AZ3" ng-click=" order3 = !order3; AZ3=!AZ3">A-Z</button>
      <button class="btn btn-primary" ng-show="!AZ3" ng-click=" order3 = !order3 ;AZ3=!AZ3">Z-A</button>
      <input type="text" ng-Model="searchText2" placeholder="Search">
      <ul class="list-group scroll">
        <li class="list-group-item" ng-repeat="tile in userTiles | orderBy:'name':order3 | filter:searchText2">
          <input type="checkbox" value="value" ng-click="checkCategories(category)"><a href="" ng-click="displayTileInfo(tile)">{{tile.name}}</a>
      </ul>
    </div>
  </form>
</div>
{'fraction_non_alphanumeric': 0.18545454545454546, 'fraction_numerical': 0.011786833855799372, 'mean_word_length': 3.687334704672348, 'pattern_counts': {'":': 0, '<': 407, '<?xml version=': 0, '>': 407, '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': '5649175', 'n_tokens_mistral': 5184, 'n_tokens_neox': 5003, 'n_words': 1038}