<commit_before><template>
  <div class="panel panel-default">
    <div class="panel-body">
      <div class="col-md-12 jumbotron">
        <h2 class="caption">
          Jetpack Builder
        </h2>
        <p>
            Click
            <span class="label label-success">
                <i class="fa fa-cloud-download fa-lg"></i>
                Build Jetpack</span>
            to download your Jetpack or
            <span class="label label-danger">
                <i class="fa fa-undo fa-lg"></i>
                Reset Settings</span>
            to revert to factory settings.
        </p>
      </div>
      <div class="col-md-6">
        <button type="button" class="btn btn-danger btn-lg btn-block">
          <i class="fa fa-undo fa-lg"></i>
          Reset Settings
        </button>
      </div>
      <div class="col-md-6">
        <button type="button" class="btn btn-success btn-lg btn-block">
          <i class="fa fa-cloud-download fa-lg"></i>
          Build Jetpack
        </button>
      </div>

      <div class="col-md-12 panel-divider"></div>

      <app-summary></app-summary>
    </div>
  </div>
</template>

<script>
  import Summary from './Summary';

  export default {
    components: {
      appSummary: Summary,
    },
  };
</script>

<style scoped>
  .jumbotron {
    background-color: inherit;
    padding: 0 0 0 0;
    margin-bottom: 5px;
  }
  .caption {<commit_msg>Bind RESET_SETTINGS to Reset Settings button<commit_after><template>
  <div class="panel panel-default">
    <div class="panel-body">
      <div class="col-md-12 jumbotron">
        <h2 class="caption">
          Jetpack Builder
        </h2>
        <p>
            Click
            <span class="label label-success">
                <i class="fa fa-cloud-download fa-lg"></i>
                Build Jetpack</span>
            to download your Jetpack or
            <span class="label label-danger">
                <i class="fa fa-undo fa-lg"></i>
                Reset Settings</span>
            to revert to factory settings.
        </p>
      </div>
      <div class="col-md-6">
        <button type="button" class="btn btn-danger btn-lg btn-block"
                @click="resetSettings">
          <i class="fa fa-undo fa-lg"></i>
          Reset Settings
        </button>
      </div>
      <div class="col-md-6">
        <button type="button" class="btn btn-success btn-lg btn-block">
          <i class="fa fa-cloud-download fa-lg"></i>
          Build Jetpack
        </button>
      </div>

      <div class="col-md-12 panel-divider"></div>

      <app-summary></app-summary>
    </div>
  </div>
</template>

<script>
  import Summary from './Summary';

  export default {
    components: {
      appSummary: Summary,
    },
    methods: {
      resetSettings() {
        this.$store.dispatch('RESET_SETTINGS');
      },
    },
  };
</script>

<style scoped>
  .jumbotron {
    background-color: inherit;
    padding: 0 0 0 0;
    margin-bottom: 5px;
  }
  .caption {
{'fraction_non_alphanumeric': 0.14744232698094284, 'fraction_numerical': 0.008692744901370779, 'mean_word_length': 1.7550644567219154, 'pattern_counts': {'":': 0, '<': 81, '<?xml version=': 0, '>': 81, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4130261', 'n_tokens_mistral': 949, 'n_tokens_neox': 915, 'n_words': 227}