Add mock subscription tag to Builder's table view [ch83990]

assets/stylesheets/editor-3/_tag.scss

@@ -1,6 +1,8 @@
 @import '~cartoassets/src/scss/cdb-variables/colors';
 @import '~cartoassets/src/scss/cdb-variables/sizes';
 
+$title__font-family: 'Montserrat', 'Helvetica Neue', Helvetica, sans-serif;
+
 .Tag {
   display: inline-block;
   box-sizing: border-box;
@@ -33,6 +35,18 @@
   &--Builder {
     color: $cMainText;
   }
+
+  &--Subscription {
+    padding: 2px 4px;
+    font-family: $title__font-family;
+    font-weight: 600;
+    font-size: 10px;
+    line-height: 16px;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    color: #003267;
+    background-color: #ffffff;
+  }
 }
 
 .Tag-fill {

lib/assets/javascripts/builder/dataset/dataset-content/dataset-content-options-view.js

@@ -8,7 +8,8 @@ var REQUIRED_OPTS = [
   'analysisDefinitionNodeModel',
   'configModel',
   'modals',
-  'userModel'
+  'userModel',
+  'visModel'
 ];
 
 module.exports = CoreView.extend({
@@ -37,7 +38,10 @@ module.exports = CoreView.extend({
     this.$el.html(
       template({
         isEditable: !this._analysisDefinitionNodeModel.isReadOnly(),
-        isCustomQueryApplied: this._analysisDefinitionNodeModel.isCustomQueryApplied()
+        isCustomQueryApplied: this._analysisDefinitionNodeModel.isCustomQueryApplied(),
+        isSubscription: !!this._visModel.get('subscription'),
+        subscriptionId: this._visModel.get('subscription_dataset_id') || 'ags_businesscou_8dc7d1e0',
+        subscriptionName: this._visModel.get('subscription') === 'do-v2' ? 'Data Observatory' : this._visModel.get('subscription')
       })
     );
     this._initViews();

lib/assets/javascripts/builder/dataset/dataset-content/dataset-content-options.tpl

@@ -1,4 +1,12 @@
-<div class="js-sync"></div>
+<div class="u-flex u-alignCenter">
+  <div class="js-sync"></div>
+  <div class="subscription">
+    <% if (isSubscription) { %>
+      <span class="Tag Tag--Subscription"><%- subscriptionName %></span>
+      <a class="CDB-Text CDB-Size-small is-semibold u-actionTextColor u-upperCase" href="/dashboard/dataset/<%- subscriptionId %>" target="_blank"><%- _t('dataset.subscriptions.view-subscription') %></a>
+    <% } %>
+  </div>
+</div>
 <div class="js-dataset">
   <ul class="u-flex u-justifySpace">
     <% if (isEditable) { %>

lib/assets/javascripts/builder/dataset/dataset-content/dataset-content-view.js

@@ -39,7 +39,8 @@ module.exports = CoreView.extend({
       modals: this._modals,
       userModel: this._userModel,
       analysisDefinitionNodeModel: this._analysisDefinitionNodeModel,
-      configModel: this._configModel
+      configModel: this._configModel,
+      visModel: this._visModel
     });
     datasetContentOptionsView.bind('addColumn', function () {
       this._tableView.addColumn();

lib/assets/javascripts/locale/en.json

@@ -1710,6 +1710,9 @@
             "add-column": "Add column",
             "export": "Export"
         },
+        "subscriptions": {
+            "view-subscription": "View subscription"
+        },
         "preview-map": {
             "preview": "preview",
             "back": "back"