Initial commit

lib/assets/javascripts/new-dashboard/bundles/footer/footer.js

@@ -0,0 +1,21 @@
+import Vue from 'vue';
+import i18n from 'new-dashboard/i18n';
+
+import Footer from 'new-dashboard/components/Footer';
+import getCARTOData from 'new-dashboard/store/utils/getCARTOData';
+
+Vue.config.productionTip = false;
+
+const CARTOData = getCARTOData();
+const user = CARTOData.user_data;
+
+/* eslint-disable no-new */
+new Vue({
+  el: '.js-footer',
+  i18n,
+  components: { Footer },
+  data () {
+    return { user };
+  },
+  template: '<Footer :user="user"/>'
+});

lib/assets/javascripts/new-dashboard/bundles/header/components/RouterLink.js

@@ -0,0 +1,22 @@
+import Vue from 'vue';
+import getCARTOData from 'new-dashboard/store/utils/getCARTOData';
+
+const CARTOData = getCARTOData();
+
+const RouterLink = Vue.component(
+  'router-link',
+  {
+    template: '<a :href="url"><slot/></a>',
+    props: {
+      staticRoute: String
+    },
+    computed: {
+      url: function () {
+        const baseUrl = CARTOData.user_data.base_url;
+        return baseUrl + this.staticRoute;
+      }
+    }
+  }
+);
+
+export default RouterLink;

lib/assets/javascripts/new-dashboard/bundles/header/header.js

@@ -0,0 +1,49 @@
+import Vue from 'vue';
+import i18n from 'new-dashboard/i18n';
+
+import NavigationBar from 'new-dashboard/components/NavigationBar/NavigationBar';
+import NotificationWarning from 'new-dashboard/components/NotificationWarning';
+import 'new-dashboard/bundles/header/components/RouterLink';
+import 'new-dashboard/directives/click-outside';
+import getCARTOData from 'new-dashboard/store/utils/getCARTOData';
+
+import './overrides.scss';
+
+Vue.config.productionTip = false;
+
+const CARTOData = getCARTOData();
+const user = CARTOData.user_data;
+const baseUrl = CARTOData.user_data.base_url;
+const notificationsCount = CARTOData.organization_notifications.length;
+const userNotification = CARTOData.user_data.notification;
+const isNotificationVisible = !!userNotification;
+
+/* eslint-disable no-new */
+new Vue({
+  el: '#header',
+  i18n,
+  components: {
+    NavigationBar,
+    NotificationWarning
+  },
+  data () {
+    return {
+      user,
+      baseUrl,
+      notificationsCount,
+      isNotificationVisible,
+      userNotification
+    };
+  },
+  template: `
+    <header id="header" :class="{ 'has-user-notification': isNotificationVisible }">
+      <NotificationWarning v-if="isNotificationVisible" :htmlBody="userNotification" />
+      <NavigationBar
+        class="nd-navbar"
+        :user="user"
+        :baseUrl="baseUrl"
+        :isNotificationVisible="isNotificationVisible"
+        :notificationsCount="notificationsCount" />
+    </header>
+  `
+});

lib/assets/javascripts/new-dashboard/bundles/header/overrides.scss

@@ -0,0 +1,5 @@
+body:not(.is-inDialog) {
+  .nd-navbar {
+    z-index: 100000001 !important;
+  }
+}

lib/assets/javascripts/new-dashboard/bundles/lockout/LockoutApp.vue

@@ -0,0 +1,27 @@
+<template>
+  <div id="app">
+    <DummyHeader />
+    <TrialExpiredPage />
+    <Footer :user="user"/>
+  </div>
+</template>
+
+<script>
+import TrialExpiredPage from 'new-dashboard/pages/TrialExpired';
+import DummyHeader from 'new-dashboard/components/DummyHeader';
+import Footer from 'new-dashboard/components/Footer';
+
+export default {
+  name: 'LockoutApp',
+  components: {
+    TrialExpiredPage,
+    DummyHeader,
+    Footer
+  },
+  computed: {
+    user () {
+      return this.$store.state.user;
+    }
+  }
+};
+</script>

lib/assets/javascripts/new-dashboard/bundles/lockout/lockout.js

@@ -0,0 +1,21 @@
+import Vue from 'vue';
+import VueModal from 'vue-js-modal';
+import i18n from 'new-dashboard/i18n';
+import store from 'new-dashboard/store';
+
+import LockoutApp from './LockoutApp';
+
+import 'new-dashboard/plugins/backbone/backbone-core-models';
+
+Vue.config.productionTip = false;
+
+Vue.use(VueModal, { dynamic: true, injectModalsContainer: true });
+
+/* eslint-disable no-new */
+new Vue({
+  el: '#root',
+  store,
+  i18n,
+  components: { LockoutApp },
+  template: '<LockoutApp />'
+});

lib/assets/javascripts/new-dashboard/bundles/maintenance/MaintenanceApp.vue

@@ -0,0 +1,22 @@
+<template>
+  <div id="app">
+    <DummyHeader />
+    <Maintenance />
+    <DummyFooter />
+  </div>
+</template>
+
+<script>
+import Maintenance from 'new-dashboard/pages/Maintenance';
+import DummyHeader from 'new-dashboard/components/DummyHeader';
+import DummyFooter from 'new-dashboard/components/DummyFooter';
+
+export default {
+  name: 'MaintenanceApp',
+  components: {
+    Maintenance,
+    DummyHeader,
+    DummyFooter
+  }
+};
+</script>

lib/assets/javascripts/new-dashboard/bundles/maintenance/maintenance.js

@@ -0,0 +1,14 @@
+import Vue from 'vue';
+import i18n from 'new-dashboard/i18n';
+
+import MaintenanceApp from './MaintenanceApp';
+
+Vue.config.productionTip = false;
+
+/* eslint-disable no-new */
+new Vue({
+  el: '#root',
+  i18n,
+  components: { MaintenanceApp },
+  template: '<MaintenanceApp />'
+});