summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/pages/admin/broadcast_messages/broadcast_message.js
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/pages/admin/broadcast_messages/broadcast_message.js')
-rw-r--r--app/assets/javascripts/pages/admin/broadcast_messages/broadcast_message.js60
1 files changed, 0 insertions, 60 deletions
diff --git a/app/assets/javascripts/pages/admin/broadcast_messages/broadcast_message.js b/app/assets/javascripts/pages/admin/broadcast_messages/broadcast_message.js
deleted file mode 100644
index 40348e0b18a..00000000000
--- a/app/assets/javascripts/pages/admin/broadcast_messages/broadcast_message.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import $ from 'jquery';
-import { debounce } from 'lodash';
-import { createAlert } from '~/flash';
-import axios from '~/lib/utils/axios_utils';
-import { DEFAULT_DEBOUNCE_AND_THROTTLE_MS } from '~/lib/utils/constants';
-import { __ } from '~/locale';
-
-export default () => {
- const $broadcastMessageTheme = $('.js-broadcast-message-theme');
- const $broadcastMessageType = $('.js-broadcast-message-type');
- const $broadcastBannerMessagePreview = $('.js-broadcast-banner-message-preview [role="alert"]');
- const $broadcastMessage = $('.js-broadcast-message-message');
- const $jsBroadcastMessagePreview = $('#broadcast-message-preview');
-
- const reloadPreview = function reloadPreview() {
- const previewPath = $broadcastMessage.data('previewPath');
- const message = $broadcastMessage.val();
- const type = $broadcastMessageType.val();
- const theme = $broadcastMessageTheme.val();
-
- axios
- .post(previewPath, {
- broadcast_message: {
- message,
- broadcast_type: type,
- theme,
- },
- })
- .then(({ data }) => {
- $jsBroadcastMessagePreview.html(data);
- })
- .catch(() =>
- createAlert({
- message: __('An error occurred while rendering preview broadcast message'),
- }),
- );
- };
-
- $broadcastMessageTheme.on('change', reloadPreview);
-
- $broadcastMessageType.on('change', () => {
- const $broadcastMessageColorFormGroup = $('.js-broadcast-message-background-color-form-group');
- const $broadcastMessageDismissableFormGroup = $('.js-broadcast-message-dismissable-form-group');
- const $broadcastNotificationMessagePreview = $('.js-broadcast-notification-message-preview');
-
- $broadcastMessageColorFormGroup.toggleClass('hidden');
- $broadcastMessageDismissableFormGroup.toggleClass('hidden');
- $broadcastBannerMessagePreview.toggleClass('hidden');
- $broadcastNotificationMessagePreview.toggleClass('hidden');
-
- reloadPreview();
- });
-
- $broadcastMessage.on(
- 'input',
- debounce(() => {
- reloadPreview();
- }, DEFAULT_DEBOUNCE_AND_THROTTLE_MS),
- );
-};