1 files changed, 43 insertions, 0 deletions
diff --git a/app/assets/javascripts/admin/broadcast_messages/edit.js b/app/assets/javascripts/admin/broadcast_messages/edit.js
new file mode 100644
index 00000000000..70a270f7a56
--- /dev/null
+++ b/app/assets/javascripts/admin/broadcast_messages/edit.js
@@ -0,0 +1,43 @@
+import Vue from 'vue';
+import MessageForm from './components/message_form.vue';
+
+export default () => {
+  const el = document.querySelector('#js-broadcast-message');
+  const {
+    id,
+    message,
+    broadcastType,
+    theme,
+    dismissable,
+    targetAccessLevels,
+    targetAccessLevelOptions,
+    targetPath,
+    startsAt,
+    endsAt,
+  } = el.dataset;
+
+  return new Vue({
+    el,
+    name: 'EditBroadcastMessage',
+    provide: {
+      targetAccessLevelOptions: JSON.parse(targetAccessLevelOptions),
+    },
+    render(createElement) {
+      return createElement(MessageForm, {
+        props: {
+          broadcastMessage: {
+            id: parseInt(id, 10),
+            message,
+            broadcastType,
+            theme,
+            dismissable: dismissable === 'true',
+            targetAccessLevels: JSON.parse(targetAccessLevels),
+            targetPath,
+            startsAt: new Date(startsAt),
+            endsAt: new Date(endsAt),
+          },
+        },
+      });
+    },
+  });
+};