preset_days days_header_item.vue

100% Statements 2/2

100% Branches 0/0

100% Functions 1/1

100% Lines 2/2

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  
 
6x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  <script>
import { PRESET_TYPES, TIMELINE_CELL_WIDTH } from 'ee/oncall_schedules/constants';
import DaysHeaderSubItem from './days_header_sub_item.vue';
 
export default {
  PRESET_TYPES,
  components: {
    DaysHeaderSubItem,
  },
  props: {
    timeframeItem: {
      type: Date,
      required: true,
    },
  },
  computed: {
    timelineHeaderStyles() {
      return {
        width: `calc(${100}% - ${TIMELINE_CELL_WIDTH}px)`,
      };
    },
  },
};
</script>
 
<template>
  <span
    class="timeline-header-item gl-float-left"
    data-testid="timeline-header-item"
    :style="timelineHeaderStyles"
  >
    <days-header-sub-item :timeframe-item="timeframeItem" />
  </span>
</template>