jesusbotella
6 years ago
parent
10227478f5
commit
0d7bd3abdb
@ -1,57 +0,0 @@
|
||||
/**
|
||||
* Sessions view
|
||||
*/
|
||||
|
||||
$(function() {
|
||||
|
||||
var Sessions = cdb.core.View.extend({
|
||||
|
||||
el: document.body,
|
||||
|
||||
events: {
|
||||
'submit .js-Loading-form': '_checkForm',
|
||||
},
|
||||
|
||||
initialize: function() {
|
||||
this._initViews();
|
||||
},
|
||||
|
||||
_initViews: function() {
|
||||
var self = this;
|
||||
|
||||
_.each(this.$('.js-Sessions-fieldError'), function(el) {
|
||||
self._initFieldError(el);
|
||||
})
|
||||
},
|
||||
|
||||
_initFieldError: function(el) {
|
||||
$(el).tipsy({
|
||||
fade: true,
|
||||
gravity: "s",
|
||||
offset: 0,
|
||||
className: 'errorTooltip',
|
||||
title: function() {
|
||||
return $(el).data('content')
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
_checkForm: function() {
|
||||
var $loading = this.$('.js-Loading');
|
||||
|
||||
$loading.prop('disabled', true);
|
||||
|
||||
$loading.css({
|
||||
width: $loading.outerWidth(),
|
||||
height: $loading.outerHeight()
|
||||
});
|
||||
|
||||
$loading.find(".js-Loading-text").hide();
|
||||
$loading.find(".js-Loading-anim").show();
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
window.sessions = new Sessions();
|
||||
|
||||
});
|
||||
@ -1,28 +0,0 @@
|
||||
var cdb = require('cartodb.js-v3');
|
||||
|
||||
module.exports = cdb.core.View.extend({
|
||||
initialize: function () {
|
||||
this.template = cdb.templates.getTemplate('show/views/header');
|
||||
|
||||
this._initModels();
|
||||
},
|
||||
|
||||
render: function () {
|
||||
this.$el.html(this.template({
|
||||
backPath: '/',
|
||||
changeTitlePath: '#/change-title',
|
||||
editMetadataPath: '#/edit-metadata',
|
||||
optionsPath: '#/options',
|
||||
toggleDatasetPath: '#/table',
|
||||
toggleMapPath: '#/map',
|
||||
visualizationName: this.vizdata.name,
|
||||
visualizePath: '#/visualize'
|
||||
}));
|
||||
|
||||
return this;
|
||||
},
|
||||
|
||||
_initModels: function () {
|
||||
this.vizdata = this.options.vizdata;
|
||||
}
|
||||
});
|
||||
@ -1,109 +0,0 @@
|
||||
var cdb = require('cartodb.js-v3');
|
||||
var AssetsVersionHelper = require('../helpers/assets_version');
|
||||
var UrlHelper = require('../helpers/url');
|
||||
var MainView = require('./main_view_static');
|
||||
|
||||
var PACKAGE = require('../../../../../package.json');
|
||||
var VERSION = PACKAGE.version;
|
||||
|
||||
var TITLE = _.template('<%= title %> | CARTO');
|
||||
|
||||
var Locale = require('../../locale/index');
|
||||
var Polyglot = require('node-polyglot');
|
||||
|
||||
var ACTIVE_LOCALE = 'en';
|
||||
var polyglot = new Polyglot({
|
||||
locale: ACTIVE_LOCALE,
|
||||
phrases: Locale[ACTIVE_LOCALE]
|
||||
});
|
||||
|
||||
window._t = polyglot.t.bind(polyglot);
|
||||
|
||||
var client = new CartoNode.AuthenticatedClient();
|
||||
|
||||
function dataLoaded (data, vizdata, mapdata) {
|
||||
var assetsVersion = AssetsVersionHelper.getAssetsVersion(VERSION);
|
||||
var config = window.config = data.config;
|
||||
var vizID = UrlHelper.getVizID();
|
||||
var basemaps = vizdata.user.basemaps;
|
||||
var user = new cdb.admin.User(data.user_data);
|
||||
var errors = new cdb.admin.ErrorStats({ user_data: data });
|
||||
var metrics = new cdb.admin.Metrics();
|
||||
|
||||
window.user_data = data.user_data;
|
||||
|
||||
cdb.config.set(config);
|
||||
cdb.config.set('api_key', data.user_data.api_key);
|
||||
cdb.templates.namespace = 'cartodb/';
|
||||
cdb.config.set('url_prefix', data.user_data.base_url);
|
||||
|
||||
var mainView = new MainView({
|
||||
el: '#app',
|
||||
assetsVersion: assetsVersion,
|
||||
baseLayers: data.layers,
|
||||
basemaps: basemaps,
|
||||
config: config,
|
||||
mapdata: mapdata,
|
||||
user: user,
|
||||
userData: data.user_data,
|
||||
vizdata: vizdata
|
||||
});
|
||||
}
|
||||
|
||||
function getConfig () {
|
||||
client.getConfig(function (err, response, data) {
|
||||
if (err) {
|
||||
console.error(err);
|
||||
|
||||
return err;
|
||||
} else {
|
||||
window.CartoConfig.data = data;
|
||||
getVisualization(data);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var getVisualization = function (data) {
|
||||
var params = {
|
||||
show_permission: true,
|
||||
show_stats: true,
|
||||
show_auth_tokens: true,
|
||||
show_user_basemaps: true,
|
||||
fetch_user: true,
|
||||
privacy: 'PUBLIC'
|
||||
};
|
||||
|
||||
var vizID = UrlHelper.getVizID();
|
||||
|
||||
client.getVisualization(vizID, params, function (err, response, vizdata) {
|
||||
if (err) {
|
||||
console.error(err);
|
||||
return err;
|
||||
} else {
|
||||
window.CartoConfig.vizdata = vizdata;
|
||||
getMapdata(data, vizdata);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var getMapdata = function (data, vizdata) {
|
||||
client.getMap(vizdata.map_id, function (err, response, mapdata) {
|
||||
if (err) {
|
||||
console.error(err);
|
||||
return err;
|
||||
} else {
|
||||
window.CartoConfig.mapdata = mapdata;
|
||||
dataLoaded(data, vizdata, mapdata);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(function () {
|
||||
cdb.init(function () {
|
||||
if (window.CartoConfig.data) {
|
||||
getVisualization(window.CartoConfig.data);
|
||||
} else {
|
||||
getConfig();
|
||||
}
|
||||
});
|
||||
});
|
||||
@ -1,67 +0,0 @@
|
||||
var cdb = require('cartodb.js-v3');
|
||||
|
||||
var HeaderView = require('./header_view_static');
|
||||
var VendorScriptsView = require('../common/vendor_scripts_view');
|
||||
|
||||
module.exports = cdb.core.View.extend({
|
||||
initialize: function () {
|
||||
this.panesTemplate = cdb.templates.getTemplate('show/views/panes');
|
||||
|
||||
this._initModels();
|
||||
this._initViews();
|
||||
},
|
||||
|
||||
_initModels: function () {
|
||||
this.basemaps = this.options.basemaps;
|
||||
this.baseLayers = this.options.baseLayers;
|
||||
this.config = this.options.config;
|
||||
this.mapdata = this.options.mapdata;
|
||||
this.userData = this.options.userData;
|
||||
this.vizdata = this.options.vizdata;
|
||||
this.assetsVersion = this.options.assetsVersion;
|
||||
this.user = this.options.user;
|
||||
},
|
||||
|
||||
_initViews: function () {
|
||||
this.headerView = new HeaderView({
|
||||
vizdata: this.vizdata
|
||||
});
|
||||
this.addView(this.headerView);
|
||||
this.$el.append(this.headerView.render().el);
|
||||
|
||||
this.$el.append(this.panesTemplate());
|
||||
|
||||
this.tableView = new cdb.admin.TableEditorView({
|
||||
baseLayers: this.baseLayers,
|
||||
basemaps: this.basemaps,
|
||||
config: this.config,
|
||||
map_data: this.mapdata,
|
||||
user_data: this.userData,
|
||||
vis_data: this.vizdata
|
||||
});
|
||||
|
||||
window.table = this.tableView;
|
||||
window.table_router = new cdb.admin.TableRouter(this.tableView);
|
||||
|
||||
if (!Backbone.History.started) {
|
||||
Backbone.history.start({
|
||||
pushState: true,
|
||||
root: cdb.config.prefixUrlPathname() + '/'
|
||||
});
|
||||
}
|
||||
|
||||
this.vendorScriptsView = new VendorScriptsView({
|
||||
assetsVersion: this.assetsVersion,
|
||||
config: this.config,
|
||||
user: this.user
|
||||
});
|
||||
this.$el.append(this.vendorScriptsView.render().el);
|
||||
this.addView(this.vendorScriptsView);
|
||||
},
|
||||
|
||||
clean: function () {
|
||||
window.table = null;
|
||||
window.table_router = null;
|
||||
cdb.core.View.prototype.clean.call(this);
|
||||
}
|
||||
});
|
||||
@ -1,37 +0,0 @@
|
||||
<header class="vis">
|
||||
<div class="inner">
|
||||
|
||||
<div class="header_content">
|
||||
|
||||
<div class="vis_navigation">
|
||||
<nav>
|
||||
<a href="<%= toggleDatasetPath %>" class="smaller strong tab selected"><%= _t('show.header.data_view') %></a>
|
||||
<a href="<%= toggleMapPath %>" class="smaller strong tab"><%= _t('show.header.map_view') %></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="left">
|
||||
<ul class="actions">
|
||||
<li><a href="<%= backPath %>" class="back"><%= _t('show.header.back') %></a></li>
|
||||
<li><a href="<%= visualizePath %>" class="privacy"><i class="privacy-status"></i></a></li>
|
||||
<li>
|
||||
<h1><a href="<%= changeTitlePath %>" class="title"><%= visualizationName %></a></h1>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="metadata">
|
||||
<p><a href="<%= editMetadataPath %>"><%= _t('show.header.edit_metadata') %></a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right">
|
||||
<ul class="options">
|
||||
<li><a href="<%= optionsPath %>" class="dropdown options"><%= _t('show.header.edit') %></a></li>
|
||||
<li><a href="<%= visualizePath %>" class="rounded share"><span><%= _t('show.header.visualize') %></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sync_status"></div>
|
||||
<div class="globalerror"></div>
|
||||
</div>
|
||||
</header>
|
||||
@ -1 +0,0 @@
|
||||
<div class="panes"></div>
|
||||
@ -1,26 +0,0 @@
|
||||
var _ = require('underscore-cdb-v3');
|
||||
var $ = require('jquery-cdb-v3');
|
||||
var cdb = require('cartodb.js-v3');
|
||||
var HeaderView = require('../../../../javascripts/cartodb/show/header_view_static');
|
||||
|
||||
describe('show/header_view_static', function () {
|
||||
beforeEach(function () {
|
||||
var vizdata = TestUtil.createVis();
|
||||
this.view = new HeaderView({
|
||||
vizdata: vizdata
|
||||
});
|
||||
|
||||
this.view.render();
|
||||
});
|
||||
|
||||
it('should render', function () {
|
||||
expect(this.view.$('.vis').length).toEqual(1);
|
||||
expect(this.view.$('.vis_navigation nav a').length).toEqual(2);
|
||||
expect(this.view.$('.back').length).toEqual(1);
|
||||
expect(this.view.$('.privacy').length).toEqual(1);
|
||||
expect(this.view.$('.title').length).toEqual(1);
|
||||
expect(this.view.$('.options li a').length).toEqual(2);
|
||||
expect(this.view.$('.sync_status').length).toEqual(1);
|
||||
expect(this.view.$('.globalerror').length).toEqual(1);
|
||||
});
|
||||
});
|
||||
@ -1,41 +0,0 @@
|
||||
var _ = require('underscore-cdb-v3');
|
||||
var $ = require('jquery-cdb-v3');
|
||||
var cdb = require('cartodb.js-v3');
|
||||
var MainView = require('../../../../javascripts/cartodb/show/main_view_static');
|
||||
|
||||
describe('show/main_view_static', function () {
|
||||
beforeEach(function () {
|
||||
var mapdata = _.clone(TestUtil.map_config);
|
||||
var basemaps = cdb.admin.DEFAULT_BASEMAPS;
|
||||
var user_data = TestUtil.user_data;
|
||||
var config = TestUtil.config;
|
||||
var baseLayers = new cdb.admin.UserLayers();
|
||||
var vizdata = TestUtil.createVis();
|
||||
var user = TestUtil.createUser();
|
||||
|
||||
Backbone.History.started = true;
|
||||
|
||||
this.$el = $('<div id="app"></div>');
|
||||
|
||||
this.view = new MainView({
|
||||
el: this.$el,
|
||||
assetsVersion: '0.1.0',
|
||||
baseLayers: baseLayers,
|
||||
basemaps: basemaps,
|
||||
config: config,
|
||||
mapdata: mapdata,
|
||||
user: user,
|
||||
userData: user_data,
|
||||
vizdata: vizdata
|
||||
});
|
||||
});
|
||||
|
||||
it('should render', function () {
|
||||
expect(this.view.$('.panes').length).toEqual(1);
|
||||
expect(_.size(this.view._subviews)).toEqual(2); // Table is not added to the view ¯\_(ツ)_/¯
|
||||
});
|
||||
|
||||
it('should have no leaks', function () {
|
||||
expect(this.view).toHaveNoLeaks();
|
||||
});
|
||||
});
|
||||
Loading…
Reference in new issue