Add notification about new platform and disable current banner

lib/assets/javascripts/new-dashboard/App.vue

@@ -74,7 +74,9 @@ export default {
       return !!this.$store.getters['user/isNotificationVisible'];
     },
     isCarto3ReleaseNotificationVisible () {
-      return this.isEnterprise && this.displayCarto3ReleaseNotification;
+      // HACK: Disabling notification
+      return false;
+      //return this.isEnterprise && this.displayCarto3ReleaseNotification;
     },
     baseUrl () {
       return this.$store.state.user.base_url;

lib/assets/javascripts/new-dashboard/components/NavigationBar/NavigationBar.vue

@@ -39,11 +39,19 @@
         <UserDropdown :userModel="user" :notificationsCount="notificationsCount" :open="isDropdownOpen" :baseUrl="baseUrl" v-click-outside="closeDropdown" @linkClick="closeDropdown" />
 
         <NotificationPopup
+          v-if="!popupWasShown('popups.newPlatform') && isEnterprise"
+          class="notification-popup"
+          :title="$t('NewPlatformMessage.title')"
+          :message="$t('NewPlatformMessage.message')"
+          :messageHasHTML="true"
+          @click.native.stop.prevent="toggleDropdown"/>
+
+        <!-- <NotificationPopup
           v-if="!popupWasShown('feedback.popupWasShown')"
           class="notification-popup"
           :title="$t('FeedbackMessage.title')"
           :message="$t('FeedbackMessage.message')"
-          @click.native.stop.prevent="toggleDropdown"/>
+          @click.native.stop.prevent="toggleDropdown"/> -->
 
         <!-- <NotificationPopup
           v-if="!popupWasShown('popups.DataObservatorySamples') && !isOnPremise"
@@ -111,8 +119,9 @@ export default {
     };
   },
   mounted () {
-    this.markPopupAsRead('feedback.popupWasShown');
-    this.markPopupAsRead('popups.directDBConnection');
+    this.markPopupAsRead('popups.newPlatform');
+    //this.markPopupAsRead('feedback.popupWasShown');
+    //this.markPopupAsRead('popups.directDBConnection');
   },
   computed: {
     hasDBFFActive () {
@@ -132,6 +141,9 @@ export default {
         !this.isFirstTimeInDashboard &&
         !this.hasDropdownOpenedForFirstTime &&
         !this.popupWasShown;
+    },
+    isEnterprise () {
+      return this.$props.user && this.$props.user.is_enterprise;
     }
   },
   methods: {

lib/assets/javascripts/new-dashboard/components/Popups/NotificationPopup.vue

@@ -7,11 +7,10 @@
         {{ title }}
       </p>
 
-      <p class="notification__paragraph text is-small" v-if="messageHasHTML" v-html="message"></p>
-
-      <p class="notification__paragraph text is-small" v-if="!messageHasHTML">
-        {{ message }}
-      </p>
+      <template v-for="paragraph in message">
+        <p class="notification__paragraph text is-small" v-if="messageHasHTML" v-html="paragraph"></p>
+        <p class="notification__paragraph text is-small" v-else>{{ paragraph }}</p>
+      </template>
     </div>
   </a>
 </template>
@@ -21,7 +20,7 @@ export default {
   name: 'NotificationPopup',
   props: {
     title: String,
-    message: String,
+    message: Array,
     messageHasHTML: {
       type: Boolean,
       default: false

lib/assets/javascripts/new-dashboard/i18n/locales/en.json

@@ -557,6 +557,13 @@
     "maps": "0 maps | {maps} map | {maps} maps",
     "datasets": "0 datasets | {datasets} dataset | {datasets} datasets"
   },
+  "NewPlatformMessage": {
+    "title": "New version of the CARTO Platform",
+    "message": [
+      "To start using the latest version of our platform, please create your account <a href='https://carto.com/signup' target='_blank'>here</a>. We will then align it to your current subscription plan.",
+      "If you need help migrating your data to the new version of CARTO, reach out to our <a href='mailto:enterprise-support@carto.com'>Support team</a>."
+    ]
+  },
   "FeedbackMessage": {
     "title": "Let us know what you think.",
     "message": "Missing something? Should we be doing something differently?"