<commit_before><div class="container">
  <div class="section">
    <div class="row">
      <div class="col s12 center">
        <!-- progress chart-->
        <div class="c100 p{{ logosPercent }} center">
          <span>{{ logosPercent }}%</span>
          <div class="slice">
            <div class="bar"></div>
            <div class="fill"></div>
          </div>
        </div>
        <!-- end progress chart-->
        <h5 class="center">Logos Progress</h5>

        <ul class="tabs">
          <li class=" tab col s4">
            <a class="active blue darken-3 white-text" href="#Step1">Step 1</a>
          </li>
          <li class="tab col s4">
            <!-- blue tab background if unlocked -->
            <div ng-if="step1">
              <a class="active blue darken-3 white-text" href="#Step2">Step 2</a>
            </div>
            <!-- grey background if not unlocked -->
            <div ng-if="!step1">
              <p class="grey-text text-lighten-2">Step 2</p>
            </li>
            <li class="tab col s4" disabled>
              <!-- blue tab background if unlocked -->
              <div ng-if="step2">
                <a class="active blue darken-3 white-text" href="#Step3">Step 3</a>
              </div>
              <!-- grey background if not unlocked -->
              <div ng-if="!step2">
                <p class="grey-text text-lighten-2">Step 3</p>
              </li>
            </ul>

            <ul class="collapsible" data-collapsible="accordion">
              <!-- begining of movement -->
              <li ng-repeat="movement in movements">
                <div class="collapsible-header" ng-if="!movement.complete">{{movement.name}}</div>
                <div class="collapsible-header blue darken-3" ng-if="movement.complete">{{movement.name}}
                  - Complete</div>

                <div class="collapsible-body">
                  <h5>Movement Standard</h5>
                  <a class="waves-effect waves btn-flat modal-trigger" href="#test" modal>
                    <h6 class="grey-text">See Video</h6>
                  </a>
                  <br>
                  <h6 ng-bind-html="movement.content.explanation | unsafe"></h6>

                  <div ng-if="!movement.complete">
                    <p>
                      <button class="btn waves-effect waves blue darken-3 center" ng-click="submitMovementApproval(movement._id)" type="submit">Submit For Approval</button>
                    </p>
                  </div>

                  <!-- button disabled if movement is already complete -->
                  <div ng-if="movement.complete">
                    <p>
                      <button class="btn waves-effect waves blue darken-3 center" disabled>Submit For Approval</button>
                    </p>
                  </div>

                  <!-- Modal Structure -->
                  <div class="modal" id="test">
                    <div class="modal-content">
                      <!-- <div class="video-container">
                        <iframe allowfullscreen class="youtube-player" frameborder="0" height="315" ng-src="EMBEDDED VIDEO WILL GO HERE" type="text/html" width="560"></iframe>
                      </div>
                    </div> -->
                      <div class="modal-footer"><commit_msg>add more logic to submit button<commit_after><div class="container">
  <div class="section">
    <div class="row">
      <div class="col s12 center">
        <!-- progress chart-->
        <div class="c100 p{{ logosPercent }} center">
          <span>{{ logosPercent }}%</span>
          <div class="slice">
            <div class="bar"></div>
            <div class="fill"></div>
          </div>
        </div>
        <!-- end progress chart-->
        <h5 class="center">Logos Progress</h5>

        <ul class="tabs">
          <li class=" tab col s4">
            <a class="active blue darken-3 white-text" href="#Step1">Step 1</a>
          </li>
          <li class="tab col s4">
            <!-- blue tab background if unlocked -->
            <div ng-if="step1">
              <a class="active blue darken-3 white-text" href="#Step2">Step 2</a>
            </div>
            <!-- grey background if not unlocked -->
            <div ng-if="!step1">
              <p class="grey-text text-lighten-2">Step 2</p>
            </li>
            <li class="tab col s4" disabled>
              <!-- blue tab background if unlocked -->
              <div ng-if="step2">
                <a class="active blue darken-3 white-text" href="#Step3">Step 3</a>
              </div>
              <!-- grey background if not unlocked -->
              <div ng-if="!step2">
                <p class="grey-text text-lighten-2">Step 3</p>
              </li>
            </ul>

            <ul class="collapsible" data-collapsible="accordion">
              <!-- begining of movement -->
              <li ng-repeat="movement in movements">
                <div class="collapsible-header" ng-if="!movement.complete">{{movement.name}}</div>
                <div class="collapsible-header blue darken-3" ng-if="movement.complete">{{movement.name}}
                  - Complete</div>

                <div class="collapsible-body">
                  <h5>Movement Standard</h5>
                  <a class="waves-effect waves btn-flat modal-trigger" href="#test" modal>
                    <h6 class="grey-text">See Video</h6>
                  </a>
                  <br>
                  <h6 ng-bind-html="movement.content.explanation | unsafe"></h6>

                  <!-- button enabled by default -->
                  <div ng-if="!movement.complete && !movement.pending">
                    <p>
                      <button class="btn waves-effect waves blue darken-3 center" ng-click="submitMovementApproval(movement._id)" type="submit">Submit For Approval</button>
                    </p>
                  </div>

                  <!-- button disabled if movement is pending -->
                  <div ng-if="movement.pending && !movement.complete">
                    <p>
                      <button class="btn waves-effect waves blue darken-3 center" disabled>Submit For Approval</button>
                    </p>
                  </div>

                  <!-- Modal Structure -->
                  <div class="modal" id="test">
                    <div class="modal-content">
                      <!-- <div class="video-container">
                        <iframe allowfullscreen class="youtube-player" frameborder="0" height="315" ng-src="EMBEDDED VIDEO WILL GO HERE" type="text/html" width="560"></iframe>
                      </div>
                    </div> -->
                      <div class="modal-footer">
{'fraction_non_alphanumeric': 0.1504149377593361, 'fraction_numerical': 0.012744516893894487, 'mean_word_length': 1.451507446422085, 'pattern_counts': {'":': 0, '<': 176, '<?xml version=': 0, '>': 176, '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': '3521321', 'n_tokens_mistral': 1893, 'n_tokens_neox': 1755, 'n_words': 437}