<commit_before><template>
  <div class="loan-list">
    <div class="ll-title"> Loan listing </div>
    <no-loans v-if="!loans"/>
    <div v-else class="ll-container">
        <md-table md-sort="procent-needed">
          <md-table-header>
            <md-table-row>
              <md-table-head md-sort-by="name" class="ll-th">NAME</md-table-head>
              <md-table-head md-sort-by="score" class="ll-th">SCORE</md-table-head>
              <md-table-head md-sort-by="amount-needed" class="ll-th">AMOUNT NEEDED</md-table-head>
              <md-table-head md-sort-by="time" class="ll-th">TIME</md-table-head>
              <md-table-head md-sort-by="procent-funded" class="ll-th">% FUNDED</md-table-head>
              <md-table-head md-sort-by="procent-needed" class="ll-th">% NEEDED</md-table-head>
            </md-table-row>
          </md-table-header>
          <md-table-body>
            <md-table-row v-for="loan in loans">
              <md-table-cell class="ll-td">{{ loan.userName }}</md-table-cell>
              <md-table-cell class="ll-td ll-score"> <user-score :value="loan.userScore"/> </md-table-cell>
              <md-table-cell class="ll-td">{{ loan.amountNeeded }}</md-table-cell>
              <md-table-cell class="ll-td ll-time">{{ loan.time }}</md-table-cell>
              <md-table-cell class="ll-td">{{ loan.procentFunded }}</md-table-cell>
              <md-table-cell class="ll-td">{{ loan.procentNeeded }}</md-table-cell>
            </md-table-row>
          </md-table-body>
        </md-table>
        <div v-for="loan in loans">
        {{ loan.title }}
        </div>
    </div>
  </div>
</template>

<script>
import NoLoans from './NoLoans';
import UserScore from './UserScore';
import MockResponse from '../../../../server/mockResponse';

export default {
  name: 'LoanList',
  components: {
    'no-loans': NoLoans,
    'user-score': UserScore,
  },
  data() {
    return {
      loans: MockResponse.gatheringLoans,
    };
  },
};
</script>
<style scoped lang="scss">
.loan-list { width: calc(100% - 200px); min-width: 570px; margin: 0 auto;
  .ll-title { margin: 54px 0px 30px 25px; font-size: 28px; line-height: 1; letter-spacing: -0.3px; color: var(--color-black-cod); }
  .ll-container { margin-bottom: 40px; border-radius: 2px; background-color: #ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02);
    table.table { width: 100%;
      th { height: 44px; font-size: 11px; font-weight: 300; text-align: left; letter-spacing: 0.4px; color: #858585; border-bottom: 1px solid var(--color-white-smoke); }
      td { height: 66px; text-align: left; border-bottom: 1px solid var(--color-white-smoke); }
      tr { margin-left: 10px; }
    }
    .ll-th { height: 44px; font-size: 11px; font-weight: 300; letter-spacing: 0.4px; color: #858585; border-bottom: 1px solid var(--color-white-smoke); }
    .ll-td { height: 66px; font-size: 12px; text-align: left; color: #1c1c1c; border-bottom: 1px solid var(--color-white-smoke);
      &.ll-score { width: 300px; }
      &.ll-time { font-weight: 300; line-height: 1.83; color: #858585; }
    }
  }
}
</style>
<commit_msg>Get rid off unnecessary css in loan list<commit_after><template>
  <div class="loan-list">
    <div class="ll-title"> Loan listing </div>
    <no-loans v-if="!loans"/>
    <div v-else class="ll-container">
        <md-table md-sort="procent-needed">
          <md-table-header>
            <md-table-row>
              <md-table-head md-sort-by="name" class="ll-th">NAME</md-table-head>
              <md-table-head md-sort-by="score" class="ll-th">SCORE</md-table-head>
              <md-table-head md-sort-by="amount-needed" class="ll-th">AMOUNT NEEDED</md-table-head>
              <md-table-head md-sort-by="time" class="ll-th">TIME</md-table-head>
              <md-table-head md-sort-by="procent-funded" class="ll-th">% FUNDED</md-table-head>
              <md-table-head md-sort-by="procent-needed" class="ll-th">% NEEDED</md-table-head>
            </md-table-row>
          </md-table-header>
          <md-table-body>
            <md-table-row v-for="loan in loans" :key="loan.userName">
              <md-table-cell class="ll-td">{{ loan.userName }}</md-table-cell>
              <md-table-cell class="ll-td ll-score"> <user-score :value="loan.userScore"/> </md-table-cell>
              <md-table-cell class="ll-td">{{ loan.amountNeeded }}</md-table-cell>
              <md-table-cell class="ll-td ll-time">{{ loan.time }}</md-table-cell>
              <md-table-cell class="ll-td">{{ loan.procentFunded }}</md-table-cell>
              <md-table-cell class="ll-td">{{ loan.procentNeeded }}</md-table-cell>
            </md-table-row>
          </md-table-body>
        </md-table>
        <div v-for="loan in loans">
        {{ loan.title }}
        </div>
    </div>
  </div>
</template>

<script>
import NoLoans from './NoLoans';
import UserScore from './UserScore';
import MockResponse from '../../../../server/mockResponse';

export default {
  name: 'LoanList',
  components: {
    'no-loans': NoLoans,
    'user-score': UserScore,
  },
  data() {
    return {
      loans: MockResponse.gatheringLoans,
    };
  },
};
</script>
<style scoped lang="scss">
.loan-list { width: calc(100% - 200px); min-width: 570px; margin: 0 auto;
  .ll-title { margin: 54px 0px 30px 25px; font-size: 28px; line-height: 1; letter-spacing: -0.3px; color: var(--color-black-cod); }
  .ll-container { margin-bottom: 40px; border-radius: 2px; background-color: #ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02);
    .ll-th { height: 44px; font-size: 11px; font-weight: 300; letter-spacing: 0.4px; color: #858585; border-bottom: 1px solid var(--color-white-smoke); }
    .ll-td { height: 66px; font-size: 12px; text-align: left; color: #1c1c1c; border-bottom: 1px solid var(--color-white-smoke); cursor: pointer;
      &.ll-score { width: 300px; }
      &.ll-time { font-weight: 300; line-height: 1.83; color: #858585; }
    }
  }
}
</style>

{'fraction_non_alphanumeric': 0.1941829186281103, 'fraction_numerical': 0.028917283120376596, 'mean_word_length': 2.4871043376318873, 'pattern_counts': {'":': 0, '<': 103, '<?xml version=': 0, '>': 103, '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': '4436040', 'n_tokens_mistral': 2314, 'n_tokens_neox': 2143, 'n_words': 426}