Initial commit

lib/assets/javascripts/dashboard/components/trial-notification/trial-notification-view.js

@@ -0,0 +1,30 @@
+const CoreView = require('backbone/core-view');
+const template = require('./trial-notification.tpl');
+const checkAndBuildOpts = require('builder/helpers/required-opts');
+
+const REQUIRED_OPTS = [
+  'userModel',
+  'upgradeUrl',
+  'trialDays'
+];
+
+module.exports = CoreView.extend({
+  initialize: function (options) {
+    checkAndBuildOpts(options, REQUIRED_OPTS, this);
+
+    this.userAccount = this._userModel.get('account_type');
+  },
+
+  render: function () {
+    this.clearSubViews();
+
+    this.$el.html(
+      template({
+        upgradeUrl: this._upgradeUrl,
+        trialDays: this._trialDays
+      })
+    );
+
+    return this;
+  }
+});

lib/assets/javascripts/dashboard/components/trial-notification/trial-notification.tpl

@@ -0,0 +1,7 @@
+<div class="CDB-Text FlashMessage FlashMessage--main">
+  <div class="u-inner">
+    <div class="FlashMessage FlashMessage-info FlashMessage--main u-flex u-justifyCenter u-alignCenter">
+      <p class="FlashMessage--text"><%= _t('common.trial_notification.views.trial_notification.message', { trial_days: trialDays }) %>&nbsp;<a href="<%= upgradeUrl %>" class="FlashMessage--text"><%= _t('common.trial_notification.views.trial_notification.add_payment') %></a></p>
+    </div>
+  </div>
+</div>