<commit_before><!-- 

ANGULAR1 VERSION WITH BS3!!!

This isn't a perfect Bootstrap4 completion, needs edits before perfect. 
- David

<div class="panel-heading">
  <h1 class="panel-title">Fall 2016</h1>
</div>
<table id="tableSemester0" class="table table-hover">
  <tr>
    <th>Units | Class Name</th>
    <th>Class Number</th>
    <th>Teacher</th>
  </tr>
  <tr id="{{$index}}" ng-repeat="class in $ctrl.semesterClasses">
    <td><span class="badge pull-left">{{class.units}}</span>&nbsp; {{class.name}}</td>
    <td>{{class.number}}</td>
    <td>{{class.teacher}}<span class="glyphicon glyphicon-remove text-danger pull-right"></span></td>
  </tr>
</table>
<button type="button" class="list-group-item" ng-click="" data-toggle="modal" data-target="#addClass">
  Add a Class...<span class="glyphicon glyphicon-plus text-danger pull-right"></span>
</button>
<div id="addClass" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Add Classes to Fall 2016 Semester</h4>
      </div>
      <div class="modal-body">
        <div class="input-group">
          <input type="text" id="searchForClasses" class="form-control" ng-keyup="$ctrl.filterClasses()" placeholder="Search for Classes by Name..." aria-describedby="basic-addon2">
          <span class="input-group-addon" id="basic-addon2"><span class=" glyphicon glyphicon-search"></span></span>
        </div>
        <div style="overflow-y: scroll; height: 200px;">
          <table id="tableClasses" class="table table-hover">
            <tr id="{{$index}}" ng-repeat="class in $ctrl.classes" ng-click="$ctrl.addThisClass($event)">
              <td><span class="badge pull-left">{{class.units}}</span>&nbsp; {{class.name}}</td>
              <td>{{class.number}}</td>
              <td>{{class.teacher}}<span class="glyphicon glyphicon-plus text-danger pull-right"></span></td>
            </tr>
          </table>
        </div>
      </div>
      <div class="modal-footer" id="modalFooter">
        <h4 class="text-left">Classes in queue.</h4>

        *Comment Start* Here we can have the data pulled, inserted in an object and we can insert that data here just like we did in the tableClasses while incrementing the id of each with {{$index}} *End Comment*

        <table id="queuedClasses" class="table table-hover" style="text-align: left !important;">
          <tbody>
          </tbody>
        </table>
        <button type="button" id="addClasses" class="btn btn-default btn-danger" ng-click="$ctrl.tester()" data-dismiss="modal">Add Classes</button>

        *Comment Start* <button type="button" id="addClasses" class="btn btn-default btn-danger" ng-click="$ctrl.finalizeClass()" data-dismiss="modal">Add Classes</button> *End Comment*
        
        <button type="button" id="removeClasses" class="btn btn-default btn-warning" ng-click="$ctrl.removeClasses()" data-dismiss="">Remove All Classes</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

 -->
<div class="container">
    <div class="row-content">
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header">
                    Summer 2017
                </div>
                <table class="table table-hover" style="font-size: 14px;">
                    <tr>
                        <th>Units | Class Name</th>
                        <th>Class Number</th>
                        <th>Teacher</th>
                    </tr>
                    <tr>
                        <td><span class="badge badge-default" style="vertical-align: text-top;">3</span>&nbsp; Data Structures</td>
                        <td>CS-310</td>
                        <td>Edwards <span class="fa fa-close text-danger float-right" style="padding-top: 2px; color: #C60000;" title="Delete Class"></span></td>
                    </tr>
                    <tr>
                        <td><span class="badge badge-default" style="vertical-align: text-top;">3</span>&nbsp; Data Structures</td>
                        <td>CS-310</td>
                        <td>Edwards <span class="fa fa-close text-danger float-right" style="padding-top: 2px; color: #C60000;" title="Delete Class"></span></td>
                    </tr>
                </table>
                <button type="button" class="list-group-item list-group-item-action justify-content-between" data-toggle="modal" style="width: 100%;" data-target="#addClass">
                    Add a Class
                    <span class="fa fa-plus text-danger" title="Delete Class"></span>
                </button>
                <div id="addClass" class="modal fade" role="dialog">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title">Add Classes to Summer 2017 Semester</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            </div>
                            <div class="modal-body">
                                <div class="input-group">
                                    <!-- Uses Angular1

                                    <input type="text" id="searchForClasses" class="form-control" ng-keyup="$ctrl.filterClasses()" placeholder="Search for Classes by Name..." aria-describedby="basic-addon2">
                                    <span class="input-group-addon" id="basic-addon2"><span class=" glyphicon glyphicon-search"></span></span> -->
                                </div>
                                <div style="overflow-y: scroll; height: 200px;">
                                    <table id="tableClasses" class="table table-hover">
                                        <!-- Uses Angular1

                                        <tr id="{{$index}}" ng-repeat="class in $ctrl.classes" ng-click="$ctrl.addThisClass($event)">
                                            <td><span class="badge pull-left">{{class.units}}</span>&nbsp; {{class.name}}</td>
                                            <td>{{class.number}}</td>
                                            <td>{{class.teacher}}<span class="glyphicon glyphicon-plus text-danger pull-right"></span></td>
                                        </tr> -->
                                    </table>
                                </div>
                            </div>
                            <!-- DON'T TOUCH
                            <style>
                            #popup-container {
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                            }
                            
                            .row {
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                width: 100%;
                            }
                            
                            #button-row {
                                justify-content: flex-end;
                            }
                            </style>
                            <div id="popup-container">
                                <div class="row">
                                    <h5>Classes in queue.</h5>
                                </div>
                                <div class="row">
                                    <span class="badge badge-default" style="vertical-align: text-top;">3</span>&nbsp; Data Structures CS-310 Edwards <span class="fa fa-close text-danger float-right" style="padding-top: 2px; color: #C60000;" title="Delete Class"></span>
                                </div>
                                <div class="row" id="button-row">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                </div>
                            </div> -->
                            <!-- BELOW TO BE FIXED -->
                            <div class="modal-footer" id="modalFooter">
                                <h5>Classes in queue.</h5>
                                <table class="table table-hover clearfix text-left" style="text-align: left !important; font-size: .9em;">
                                    <tbody>
                                        <tr style="border-top: none;">
                                            <td><span class="badge badge-default" style="vertical-align: text-top;">3</span>&nbsp; Data Structures</td>
                                            <td>CS-310</td>
                                            <td>Edwards <span class="fa fa-close text-danger float-right" style="padding-top: 2px; color: #C60000;" title="Delete Class"></span></td>
                                        </tr>
                                    </tbody>
                                </table>
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            </div>
                            <!-- *Comment Start* Here we can have the data pulled, inserted in an object and we can insert that data here just like we did in the tableClasses while incrementing the id of each with {{$index}} *End Comment* -->
                            <!-- Uses Angular1
<commit_msg>semesters.component.html complete with BS4 Conversion<commit_after><!-- 

ANGULAR1 VERSION WITH BS3!!!

This isn't a perfect Bootstrap4 completion, needs edits before perfect. 
- David

<div class="panel-heading">
  <h1 class="panel-title">Fall 2016</h1>
</div>
<table id="tableSemester0" class="table table-hover">
  <tr>
    <th>Units | Class Name</th>
    <th>Class Number</th>
    <th>Teacher</th>
  </tr>
  <tr id="{{$index}}" ng-repeat="class in $ctrl.semesterClasses">
    <td><span class="badge pull-left">{{class.units}}</span>&nbsp; {{class.name}}</td>
    <td>{{class.number}}</td>
    <td>{{class.teacher}}<span class="glyphicon glyphicon-remove text-danger pull-right"></span></td>
  </tr>
</table>
<button type="button" class="list-group-item" ng-click="" data-toggle="modal" data-target="#addClass">
  Add a Class...<span class="glyphicon glyphicon-plus text-danger pull-right"></span>
</button>
<div id="addClass" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Add Classes to Fall 2016 Semester</h4>
      </div>
      <div class="modal-body">
        <div class="input-group">
          <input type="text" id="searchForClasses" class="form-control" ng-keyup="$ctrl.filterClasses()" placeholder="Search for Classes by Name..." aria-describedby="basic-addon2">
          <span class="input-group-addon" id="basic-addon2"><span class=" glyphicon glyphicon-search"></span></span>
        </div>
        <div style="overflow-y: scroll; height: 200px;">
          <table id="tableClasses" class="table table-hover">
            <tr id="{{$index}}" ng-repeat="class in $ctrl.classes" ng-click="$ctrl.addThisClass($event)">
              <td><span class="badge pull-left">{{class.units}}</span>&nbsp; {{class.name}}</td>
              <td>{{class.number}}</td>
              <td>{{class.teacher}}<span class="glyphicon glyphicon-plus text-danger pull-right"></span></td>
            </tr>
          </table>
        </div>
      </div>
      <div class="modal-footer" id="modalFooter">
        <h4 class="text-left">Classes in queue.</h4>

        *Comment Start* Here we can have the data pulled, inserted in an object and we can insert that data here just like we did in the tableClasses while incrementing the id of each with {{$index}} *End Comment*

        <table id="queuedClasses" class="table table-hover" style="text-align: left !important;">
          <tbody>
          </tbody>
        </table>
        <button type="button" id="addClasses" class="btn btn-default btn-danger" ng-click="$ctrl.tester()" data-dismiss="modal">Add Classes</button>

        *Comment Start* <button type="button" id="addClasses" class="btn btn-default btn-danger" ng-click="$ctrl.finalizeClass()" data-dismiss="modal">Add Classes</button> *End Comment*
        
        <button type="button" id="removeClasses" class="btn btn-default btn-warning" ng-click="$ctrl.removeClasses()" data-dismiss="">Remove All Classes</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

 -->
<div class="container">
    <div class="row-content">
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header">
                    Summer 2017
                </div>
                <table class="table table-hover" style="font-size: 14px;">
                    <tr>
                        <th>Units | Class Name</th>
                        <th>Class Number</th>
                        <th>Teacher</th>
                    </tr>
                    <tr>
                        <td><span class="badge badge-default" style="vertical-align: text-top;">3</span>&nbsp; Data Structures</td>
                        <td>CS-310</td>
                        <td>Edwards <span class="fa fa-close text-danger float-right" style="padding-top: 2px; color: #C60000;" title="Delete Class"></span></td>
                    </tr>
                    <tr>
                        <td><span class="badge badge-default" style="vertical-align: text-top;">3</span>&nbsp; Data Structures</td>
                        <td>CS-310</td>
                        <td>Edwards <span class="fa fa-close text-danger float-right" style="padding-top: 2px; color: #C60000;" title="Delete Class"></span></td>
                    </tr>
                </table>
                <button type="button" class="list-group-item list-group-item-action justify-content-between" data-toggle="modal" style="width: 100%;" data-target="#addClass">
                    Add a Class
                    <span class="fa fa-plus text-danger" title="Delete Class"></span>
                </button>
                <div id="addClass" class="modal fade" role="dialog">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title">Add Classes to Summer 2017 Semester</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            </div>
                            <div class="modal-body">
                                <div class="input-group">
                                    <!-- Uses Angular1

                                    <input type="text" id="searchForClasses" class="form-control" ng-keyup="$ctrl.filterClasses()" placeholder="Search for Classes by Name..." aria-describedby="basic-addon2">
                                    <span class="input-group-addon" id="basic-addon2"><span class=" glyphicon glyphicon-search"></span></span> -->
                                </div>
                                <div style="overflow-y: scroll; height: 200px;">
                                    <table id="tableClasses" class="table table-hover" style="font-size: 14px;">
                                        <tbody>
                                            <tr style="border-top: none;">
                                                <td><span class="badge badge-default" style="vertical-align: text-top;">3</span>&nbsp; Data Structures</td>
                                                <td>CS-310</td>
                                                <td>Edwards <span class="fa fa-close text-danger float-right" style="padding-top: 2px; color: #C60000;" title="Delete Class"></span></td>
                                            </tr>
                                            <tr>
                                                <td><span class="badge badge-default" style="vertical-align: text-top;">3</span>&nbsp; Data Structures</td>
                                                <td>CS-310</td>
                                                <td>Edwards <span class="fa fa-close text-danger float-right" style="padding-top: 2px; color: #C60000;" title="Delete Class"></span></td>
                                            </tr>
                                        </tbody>
                                        <!-- Uses Angular1

                                        <tr id="{{$index}}" ng-repeat="class in $ctrl.classes" ng-click="$ctrl.addThisClass($event)">
                                            <td><span class="badge pull-left">{{class.units}}</span>&nbsp; {{class.name}}</td>
                                            <td>{{class.number}}</td>
                                            <td>{{class.teacher}}<span class="glyphicon glyphicon-plus text-danger pull-right"></span></td>
                                        </tr> -->
                                    </table>
                                </div>
                            </div>
                            <div class="modal-footer" id="modalFooter">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-12">
                                            <h5>Classes in queue.</h5>
                                        </div>
                                    </div>
                                    <table class="table table-hover clearfix text-left" style="text-align: left !important; font-size: .9em;">
                                        <tbody>
                                            <tr style="border-top: none;">
                                                <td><span class="badge badge-default" style="vertical-align: text-top;">3</span>&nbsp; Data Structures</td>
                                                <td>CS-310</td>
                                                <td>Edwards <span class="fa fa-close text-danger float-right" style="padding-top: 2px; color: #C60000;" title="Delete Class"></span></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <button type="button" class="btn btn-secondary float-right" data-dismiss="modal">Close</button>
                                </div>
                            </div>
                            <!-- *Comment Start* Here we can have the data pulled, inserted in an object and we can insert that data here just like we did in the tableClasses while incrementing the id of each with {{$index}} *End Comment* -->
                            <!-- Uses Angular1

{'fraction_non_alphanumeric': 0.14484636727982736, 'fraction_numerical': 0.010276436131949439, 'mean_word_length': 1.4658558216140885, 'pattern_counts': {'":': 0, '<': 435, '<?xml version=': 0, '>': 433, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 95, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6738774', 'n_tokens_mistral': 5134, 'n_tokens_neox': 4731, 'n_words': 1116}