summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/issues/show/components/incidents/timeline_events_list_item.vue
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/issues/show/components/incidents/timeline_events_list_item.vue')
-rw-r--r--app/assets/javascripts/issues/show/components/incidents/timeline_events_list_item.vue92
1 files changed, 0 insertions, 92 deletions
diff --git a/app/assets/javascripts/issues/show/components/incidents/timeline_events_list_item.vue b/app/assets/javascripts/issues/show/components/incidents/timeline_events_list_item.vue
deleted file mode 100644
index 62ccd696ef6..00000000000
--- a/app/assets/javascripts/issues/show/components/incidents/timeline_events_list_item.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<script>
-import { GlDropdown, GlDropdownItem, GlIcon, GlSafeHtmlDirective, GlSprintf } from '@gitlab/ui';
-import { formatDate } from '~/lib/utils/datetime_utility';
-import { __ } from '~/locale';
-import { getEventIcon } from './utils';
-
-export default {
- name: 'IncidentTimelineEventListItem',
- i18n: {
- delete: __('Delete'),
- moreActions: __('More actions'),
- timeUTC: __('%{time} UTC'),
- },
- components: {
- GlDropdown,
- GlDropdownItem,
- GlIcon,
- GlSprintf,
- },
- directives: {
- SafeHtml: GlSafeHtmlDirective,
- },
- inject: ['canUpdate'],
- props: {
- isLastItem: {
- type: Boolean,
- required: true,
- },
- occurredAt: {
- type: String,
- required: true,
- },
- action: {
- type: String,
- required: true,
- },
- noteHtml: {
- type: String,
- required: true,
- },
- },
- computed: {
- time() {
- return formatDate(this.occurredAt, 'HH:MM', true);
- },
- },
- methods: {
- getEventIcon,
- },
-};
-</script>
-<template>
- <li
- class="timeline-entry timeline-entry-vertical-line note system-note note-wrapper gl-my-2! gl-pr-0!"
- >
- <div class="gl-display-flex gl-align-items-center">
- <div
- class="gl-display-flex gl-align-items-center gl-justify-content-center gl-bg-white gl-text-gray-200 gl-border-gray-100 gl-border-1 gl-border-solid gl-rounded-full gl-mt-n2 gl-mr-3 gl-w-8 gl-h-8 gl-p-3 gl-z-index-1"
- >
- <gl-icon :name="getEventIcon(action)" class="note-icon" />
- </div>
- <div
- class="timeline-event-note gl-w-full gl-display-flex gl-flex-direction-row"
- :class="{ 'gl-pb-3 gl-border-gray-50 gl-border-1 gl-border-b-solid': !isLastItem }"
- data-testid="event-text-container"
- >
- <div>
- <strong class="gl-font-lg" data-testid="event-time">
- <gl-sprintf :message="$options.i18n.timeUTC">
- <template #time>{{ time }}</template>
- </gl-sprintf>
- </strong>
- <div v-safe-html="noteHtml"></div>
- </div>
- <gl-dropdown
- v-if="canUpdate"
- right
- class="event-note-actions gl-ml-auto gl-align-self-center"
- icon="ellipsis_v"
- text-sr-only
- :text="$options.i18n.moreActions"
- category="tertiary"
- no-caret
- >
- <gl-dropdown-item @click="$emit('delete')">
- {{ $options.i18n.delete }}
- </gl-dropdown-item>
- </gl-dropdown>
- </div>
- </div>
- </li>
-</template>