Add sample button logic

lib/assets/javascripts/do-catalog/main.js

@@ -7,12 +7,14 @@ import router from './router';
 
 Vue.config.productionTip = false;
 
+const elementId = process.env.NODE_ENV === 'production' ? '#do-catalog' : '#app';
+
 new Vue({
   router,
   store,
   i18n,
   render: h => h(App)
-}).$mount('#do-catalog');
+}).$mount(elementId);
 
 // HTML integration
 /*

lib/assets/javascripts/new-dashboard/components/Catalog/DatasetHeader.vue

@@ -25,13 +25,20 @@
     <div class="u-ml--auto grid-cell grid-cell--col3 grid-cell--col4--tablet buttons-actions" :class="{ publicWebsite }">
       <div class="u-flex u-flex__justify--end">
         <Button
-          v-if="getSubscriptionStatus === 'interested' && !interestedInSubscription"
+          v-if="hasSample && getSubscriptionStatus === 'interested' && !interestedInSubscription"
+          :color="publicWebsite ? 'green' : ''"
+          :big="publicWebsite"
+          url="https://carto.com/signup"
+        >
+          Sign up to access sample
+        </Button>
+        <Button
+          v-else-if="getSubscriptionStatus === 'interested' && !interestedInSubscription"
           :color="publicWebsite ? 'green' : ''"
           :big="publicWebsite"
-          :arrow="publicWebsite"
           @click.native="interested"
         >
-          I’m interested
+          I'm interested
         </Button>
         <SubscriptionRequestSuccess
           v-else-if="getSubscriptionStatus === 'interested' && interestedInSubscription"
@@ -85,6 +92,12 @@
       >
         Any questions? <a href="https://carto.com/request-live-demo/" target="_blank">Contact</a>
       </p>
+      <p
+        v-else-if="hasSample && !subscriptionInfo && !isEnterprise"
+        class="text is-small is-txtMainTextColor u-mt--16 right-align"
+      >
+        Full dataset available for <a class="underline" href="https://carto.com/pricing/" target="_blank">Enterprise plans</a>
+      </p>
       <p
         v-else-if="!subscriptionInfo && !isEnterprise"
         class="text is-small is-txtMainTextColor u-mt--16 right-align"
@@ -173,6 +186,9 @@ export default {
     },
     isDOEnabled () {
       return this.$store.state.user && this.$store.state.user.do_enabled;
+    },
+    hasSample () {
+      return this.dataset.available_in && this.dataset.available_in.indexOf('bq-sample') >= 0;
     }
   },
   methods: {

lib/assets/javascripts/new-dashboard/store/actions/catalog.js

@@ -133,6 +133,9 @@ export function clearTagFilters (context) {
 }
 
 export async function fetchSubscriptionsList (context, merge = false) {
+  if (!context.rootState.user) {
+    return;
+  }
   const baseURL = getBaseURL(context.rootState);
   const apiKey = context.rootState.user.api_key;
   const url = `${baseURL}/${subscriptionsEndpoint}?api_key=${apiKey}`;
@@ -178,6 +181,9 @@ export async function fetchSubscriptionsDetailsList (context, subscriptions_ids)
 }
 
 export async function performSubscribe (context, { id, type }) {
+  if (!context.rootState.user) {
+    return;
+  }
   const baseURL = getBaseURL(context.rootState);
   const apiKey = context.rootState.user.api_key;
   const url = `${baseURL}/${subscriptionsEndpoint}?id=${id}&type=${type}&api_key=${apiKey}`;
@@ -191,6 +197,9 @@ export async function performSubscribe (context, { id, type }) {
 }
 
 export async function performUnsubscribe (context, { id, type }) {
+  if (!context.rootState.user) {
+    return;
+  }
   const baseURL = getBaseURL(context.rootState);
   const apiKey = context.rootState.user.api_key;
   const url = `${baseURL}/${subscriptionsEndpoint}?id=${id}&type=${type}&api_key=${apiKey}`;
@@ -204,6 +213,9 @@ export async function performUnsubscribe (context, { id, type }) {
 }
 
 export async function performSubscriptionSync (context, id) {
+  if (!context.rootState.user) {
+    return;
+  }
   const baseURL = getBaseURL(context.rootState);
   const apiKey = context.rootState.user.api_key;
   const url = `${baseURL}/${subscriptionsEndpoint}/${id}/sync/?api_key=${apiKey}`;
@@ -217,6 +229,9 @@ export async function performSubscriptionSync (context, id) {
 }
 
 export async function performSubscriptionUnsync (context, id) {
+  if (!context.rootState.user) {
+    return;
+  }
   const baseURL = getBaseURL(context.rootState);
   const apiKey = context.rootState.user.api_key;
   const url = `${baseURL}/${subscriptionsEndpoint}/${id}/sync/?api_key=${apiKey}`;
@@ -230,6 +245,9 @@ export async function performSubscriptionUnsync (context, id) {
 }
 
 export async function downloadNotebook (context, { id, type }) {
+  if (!context.rootState.user) {
+    return;
+  }
   const params = [
     `id=${id}`,
     `type=${type}`,

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "cartodb-ui",
-  "version": "1.0.0-assets.200",
+  "version": "1.0.0-assets.201",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cartodb-ui",
-  "version": "1.0.0-assets.200",
+  "version": "1.0.0-assets.201",
   "description": "CARTO UI frontend",
   "repository": {
     "type": "git",
@@ -235,7 +235,7 @@
     "dev:editor": "grunt editor",
     "dev:editor:cdb": "grunt editor-cdb",
     "dev:static": "webpack --progress --watch --config webpack/static-pages/webpack.dev.config.js",
-    "dev:do-catalog": "vue-cli-service serve --watch lib/assets/javascripts/do-catalog/main.js",
+    "dev:do-catalog": "NODE_ENV=development vue-cli-service serve --watch lib/assets/javascripts/do-catalog/main.js",
     "profile": "NODE_ENV=production webpack --profile --json --config webpack/v4/webpack.prod.config.js > compilation-stats.json"
   }
 }