Initial commit

2020-06-15 10:58:47 +08:00
commit 4f1dfe7564
8590 changed files with 1516878 additions and 0 deletions
@@ -0,0 +1,101 @@
+<template>
+  <div class="Dialog-content Dialog-content--expanded CreateDialog--new-dashboard" ref="injectionHTMLElement"></div>
+</template>
+
+<script>
+import DialogView from 'dashboard/views/dashboard/dialogs/create-dialog/dialog-view';
+import ModalModel from 'new-dashboard/plugins/backbone/modal-model';
+import VisualizationModel from 'dashboard/data/visualization-model';
+
+export default {
+  name: 'CreateDialog',
+  props: {
+    backgroundPollingView: Object,
+    mamufasImportView: Object,
+    dialogType: {
+      type: String,
+      default: 'maps'
+    },
+    selectedItems: Array
+  },
+  mounted () {
+    this.dialog = this.renderDialog();
+  },
+  beforeDestroy () {
+    this.dialog.clean();
+  },
+  methods: {
+    renderDialog () {
+      const configModel = this.$cartoModels.config;
+      const userModel = this.$cartoModels.user;
+      const backgroundPollingModel = this.$cartoModels.backgroundPolling;
+
+      let selectedItems = [];
+      if (this.$props.selectedItems && this.$props.selectedItems.length) {
+        selectedItems = this.$props.selectedItems.map(
+          item => new VisualizationModel(item, { configModel })
+        );
+      }
+
+      const modalModel = ModalModel({
+        destroy: () => this.$emit('close')
+      });
+
+      const routerModel = {
+        isDatasets: () => this.$props.dialogType === 'dataset',
+        isMaps: () => this.$props.dialogType === 'maps'
+      };
+
+      DialogView.setViewProperties({
+        userModel,
+        configModel,
+        pollingModel: backgroundPollingModel,
+        pollingView: this.$props.backgroundPollingView,
+        routerModel: {
+          model: routerModel
+        }
+      });
+
+      DialogView.addProperties({
+        mamufasView: this.$props.mamufasImportView
+      });
+
+      const DialogViewInstance = DialogView.openDialog(
+        { modalModel },
+        {
+          selectedItems,
+          modalModel,
+          viewElement: this.$refs.injectionHTMLElement,
+          type: this.$props.dialogType
+        }
+      );
+
+      DialogViewInstance.render();
+
+      return DialogViewInstance;
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+.Dialog {
+  .CreateDialog--new-dashboard {
+    // We set content-box because it seems like
+    // older content was laid out that way
+    .Dialog-footer,
+    .ImportOptions {
+      box-sizing: content-box;
+
+      * {
+        box-sizing: content-box;
+      }
+    }
+
+    // Reset style for radio button
+    .RadioButton-input {
+      box-sizing: border-box;
+    }
+  }
+}
+</style>