Welcome to mirror list, hosted at ThFree Co, Russian Federation.

gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/flash.js')
-rw-r--r--app/assets/javascripts/flash.js72
1 files changed, 7 insertions, 65 deletions
diff --git a/app/assets/javascripts/flash.js b/app/assets/javascripts/flash.js
index cebf73ef8e5..483f1d2c7a0 100644
--- a/app/assets/javascripts/flash.js
+++ b/app/assets/javascripts/flash.js
@@ -3,56 +3,11 @@ import Vue from 'vue';
import { GlAlert } from '@gitlab/ui';
import { __ } from '~/locale';
-const FLASH_TYPES = {
- ALERT: 'alert',
- NOTICE: 'notice',
- SUCCESS: 'success',
- WARNING: 'warning',
-};
-
-const VARIANT_SUCCESS = 'success';
-const VARIANT_WARNING = 'warning';
-const VARIANT_DANGER = 'danger';
-const VARIANT_INFO = 'info';
-const VARIANT_TIP = 'tip';
-
-const FLASH_CLOSED_EVENT = 'flashClosed';
-
-const getCloseEl = (flashEl) => {
- return flashEl.querySelector('.js-close-icon');
-};
-
-const hideFlash = (flashEl, fadeTransition = true) => {
- if (fadeTransition) {
- Object.assign(flashEl.style, {
- transition: 'opacity 0.15s',
- opacity: '0',
- });
- }
-
- flashEl.addEventListener(
- 'transitionend',
- () => {
- flashEl.remove();
- window.dispatchEvent(new Event('resize'));
- flashEl.dispatchEvent(new Event(FLASH_CLOSED_EVENT));
- if (document.body.classList.contains('flash-shown'))
- document.body.classList.remove('flash-shown');
- },
- {
- once: true,
- passive: true,
- },
- );
-
- if (!fadeTransition) flashEl.dispatchEvent(new Event('transitionend'));
-};
-
-const addDismissFlashClickListener = (flashEl, fadeTransition) => {
- // There are some flash elements which do not have a closeEl.
- // https://gitlab.com/gitlab-org/gitlab/blob/763426ef344488972eb63ea5be8744e0f8459e6b/ee/app/views/layouts/header/_read_only_banner.html.haml
- getCloseEl(flashEl)?.addEventListener('click', () => hideFlash(flashEl, fadeTransition));
-};
+export const VARIANT_SUCCESS = 'success';
+export const VARIANT_WARNING = 'warning';
+export const VARIANT_DANGER = 'danger';
+export const VARIANT_INFO = 'info';
+export const VARIANT_TIP = 'tip';
/**
* Render an alert at the top of the page, or, optionally an
@@ -96,7 +51,7 @@ const addDismissFlashClickListener = (flashEl, fadeTransition) => {
* @param {boolean} [options.captureError] - Whether to send error to Sentry
* @param {object} [options.error] - Error to be captured in Sentry
*/
-const createAlert = function createAlert({
+export const createAlert = ({
message,
title,
variant = VARIANT_DANGER,
@@ -108,7 +63,7 @@ const createAlert = function createAlert({
onDismiss = null,
captureError = false,
error = null,
-}) {
+}) => {
if (captureError && error) Sentry.captureException(error);
const alertContainer = parent.querySelector(containerSelector);
@@ -180,16 +135,3 @@ const createAlert = function createAlert({
},
});
};
-
-export {
- hideFlash,
- addDismissFlashClickListener,
- FLASH_TYPES,
- FLASH_CLOSED_EVENT,
- createAlert,
- VARIANT_SUCCESS,
- VARIANT_WARNING,
- VARIANT_DANGER,
- VARIANT_INFO,
- VARIANT_TIP,
-};