Initial commit
This commit is contained in:
+36
@@ -0,0 +1,36 @@
|
||||
var _ = require('underscore');
|
||||
var OnboardingView = require('builder/components/onboardings/generic/generic-onboarding-view');
|
||||
var AnalysesService = require('builder/editor/layers/layer-content-views/analyses/analyses-service');
|
||||
var template = require('./analysis-onboarding.tpl');
|
||||
|
||||
module.exports = OnboardingView.extend({
|
||||
events: OnboardingView.extendEvents({
|
||||
'click .js-add-analysis': '_onAddAnalysisClicked'
|
||||
}),
|
||||
|
||||
initialize: function (opts) {
|
||||
OnboardingView.prototype.initialize.call(this, _.extend(opts, {
|
||||
template: template,
|
||||
numberOfSteps: 0,
|
||||
modifier: '--analysis'
|
||||
}));
|
||||
},
|
||||
|
||||
_onAddAnalysisClicked: function () {
|
||||
this._forget();
|
||||
|
||||
this.clean();
|
||||
|
||||
AnalysesService.addAnalysis();
|
||||
},
|
||||
|
||||
_onChangeStep: function () {
|
||||
OnboardingView.prototype._onChangeStep.call(this);
|
||||
|
||||
var step = this.model.get('step');
|
||||
|
||||
if (step === 0) {
|
||||
this._setMiddlePad('.js-editorPanel');
|
||||
}
|
||||
}
|
||||
});
|
||||
+46
@@ -0,0 +1,46 @@
|
||||
<div class="LayerOnboarding-toolbarOverlay"></div>
|
||||
|
||||
<div class="LayerOnboarding-pads LayerOnboarding-pads--left">
|
||||
<div class="LayerOnboarding-padTop"></div>
|
||||
<div class="LayerOnboarding-padMiddle js-highlight"></div>
|
||||
</div>
|
||||
|
||||
<div class="LayerOnboarding-contentWrapper LayerOnboarding-contentWrapper--analysis is-step0 js-step">
|
||||
<div class="LayerOnboarding-contentBody LayerOnboarding-contentBody--analysis is-step0 js-step">
|
||||
<div class="Onboarding-body">
|
||||
<p class="CDB-Text LayerOnboarding-headerTitle"><%- _t('analysis-onboarding.title')%></p>
|
||||
|
||||
<p class="CDB-Text Onboarding-headerDescription"><%- _t('analysis-onboarding.description')%></p>
|
||||
|
||||
<ul class="Onboarding-list">
|
||||
<li class="Onboarding-listItem">
|
||||
<p class="CDB-Text LayerOnboarding-description"><%- _t('analysis-onboarding.description-list.item1')%></p>
|
||||
</li>
|
||||
|
||||
<li class="Onboarding-listItem">
|
||||
<p class="CDB-Text LayerOnboarding-description"><%= _t('analysis-onboarding.description-list.item2')%></p>
|
||||
</li>
|
||||
|
||||
<li class="Onboarding-listItem">
|
||||
<p class="CDB-Text LayerOnboarding-description"><%- _t('analysis-onboarding.description-list.item3')%></p>
|
||||
</li>
|
||||
|
||||
<li class="Onboarding-listItem">
|
||||
<p class="CDB-Text LayerOnboarding-description"><%- _t('analysis-onboarding.description-list.item4')%></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="LayerOnboarding-footer">
|
||||
<div class="LayerOnboarding-footerButtons">
|
||||
<button class="CDB-Button CDB-Button--secondary CDB-Button--white CDB-Button--big Onboarding-footer--marginRight js-close">
|
||||
<span class="CDB-Button-Text CDB-Text u-upperCase is-semibold CDB-Size-medium"><%- _t('analysis-onboarding.done')%></span>
|
||||
</button>
|
||||
|
||||
<button class="CDB-Button CDB-Button--primary CDB-Button--big js-add-analysis">
|
||||
<span class="CDB-Button-Text CDB-Text u-upperCase is-semibold CDB-Size-medium"><%- _t('analysis-onboarding.add-analysis')%></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user