All files / ee/app/assets/javascripts/license_compliance/components licenses_table.vue

100% Statements 4/4
100% Branches 0/0
100% Functions 2/2
100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53  3x 3x                                   13x                   89x                                            
<script>
import { s__ } from '~/locale';
import LicensesTableRow from './licenses_table_row.vue';
 
export default {
  name: 'LicensesTable',
  components: {
    LicensesTableRow,
  },
  props: {
    licenses: {
      type: Array,
      required: true,
    },
    isLoading: {
      type: Boolean,
      required: true,
    },
  },
  data() {
    return {
      tableHeaders: [
        { className: 'section-30', label: s__('Licenses|Name') },
        { className: 'section-70', label: s__('Licenses|Component') },
      ],
    };
  },
};
</script>
 
<template>
  <div>
    <div class="gl-responsive-table-row table-row-header text-2 bg-secondary-50 px-2" role="row">
      <div
        v-for="header in tableHeaders"
        :key="header.label"
        class="table-section"
        :class="header.className"
        role="rowheader"
      >
        {{ header.label }}
      </div>
    </div>
 
    <licenses-table-row
      v-for="license in licenses"
      :key="license.key"
      :license="license"
      :is-loading="isLoading"
    />
  </div>
</template>