render: function() {
var vis = this.model;
var user = this.user;
var table = vis.tableMetadata();
var isOwner = vis.permission.isOwner(user);
var tags = vis.get('tags') || [];
var desc = {
safeHTML: cdb.core.sanitize.html(markdown.toHTML(vis.get('description') || ''))
};
desc.clean = cdb.Utils.stripHTML(desc.safeHTML);
var d = {
isRaster: vis.get('kind') === 'raster',
geometryType: table.statsGeomColumnTypes().length > 0 ? table.statsGeomColumnTypes()[0] : '',
title: vis.get('name'),
datasetUrl: encodeURI(vis.viewUrl(this.user).edit()),
isOwner: isOwner,
owner: vis.permission.owner.renderData(this.user),
showPermissionIndicator: !isOwner && vis.permission.getPermission(user) === cdb.admin.Permission.READ_ONLY,
desc: desc,
privacy: vis.get('privacy').toLowerCase(),
likes: vis.get('likes') || 0,
timeDiff: moment(vis.get('updated_at')).fromNow(),
tags: tags,
tagsCount: tags.length,
router: this.router,
maxTagsToShow: 3,
rowCount: undefined,
datasetSize: undefined,
syncStatus: undefined,
syncRanAt: undefined
};
var rowCount = table.get('row_count');
if (rowCount >= 0) {
d.rowCount = ( rowCount < 10000 ? Utils.formatNumber(rowCount) : Utils.readizableNumber(rowCount) );
d.pluralizedRows = pluralizeString('Row', rowCount);
}
var datasetSize = table.get('size');
if (datasetSize >= 0) {
d.datasetSize = Utils.readablizeBytes(datasetSize, true);
}
if (!_.isEmpty(vis.get("synchronization"))) {
d.syncRanAt = moment(vis.get("synchronization").ran_at || new Date()).fromNow();
d.syncStatus = vis.get("synchronization").state;
}
this.$el.html(this.template(d));
this._renderLikesIndicator();
this._renderTooltips();
// Item selected?
this.$el[ vis.get('selected') ? 'addClass' : 'removeClass' ]('is--selected');
return this;
},
render: function() {
var vis = this.model;
var table = this.table;
var tags = vis.get('tags') || [];
var description = vis.get('description') && Utils.stripHTML(markdown.toHTML(vis.get('description'))) || '';
var d = {
isRaster: vis.get('kind') === 'raster',
geometryType: table.geomColumnTypes().length > 0 ? table.geomColumnTypes()[0] : '',
title: vis.get('name'),
isOwner: vis.permission.isOwner(this.user),
owner: vis.permission.owner.renderData(this.user),
showPermissionIndicator: !vis.permission.hasWriteAccess(this.user),
description: description,
privacy: vis.get('privacy').toLowerCase(),
likes: vis.get('likes') || 0,
timeDiff: moment(vis.get('updated_at')).fromNow(),
tags: tags,
tagsCount: tags.length,
maxTagsToShow: 3,
rowCount: undefined,
datasetSize: undefined,
syncStatus: undefined,
syncRanAt: undefined
};
var rowCount = table.get('row_count');
if (rowCount >= 0) {
d.rowCount = ( rowCount < 10000 ? Utils.formatNumber(rowCount) : Utils.readizableNumber(rowCount) );
d.pluralizedRows = pluralizeString('Row', rowCount);
}
var datasetSize = table.get('size');
if (datasetSize >= 0) {
d.datasetSize = Utils.readablizeBytes(datasetSize, true);
}
if (!_.isEmpty(vis.get("synchronization"))) {
d.syncRanAt = moment(vis.get("synchronization").ran_at || new Date()).fromNow();
d.syncStatus = vis.get("synchronization").state;
}
this.$el.html(this.template(d));
this._renderLikesIndicator();
this._renderTooltips();
// Item selected?
this.$el[ vis.get('selected') ? 'addClass' : 'removeClass' ]('is--selected');
return this;
},
render: function() {
var userQuota = this.model.get('userQuota');
var orgQuota = this.model.get('orgQuota');
var assignedPer = (userQuota * 100) / orgQuota;
// Edit assigned bar
this.$('.js-assignedBar').css('width', assignedPer + '%' );
// Edit assigned literal
this.$('.js-assignedSize').text(Utils.readablizeBytes(userQuota));
return this;
},
render: function() {
this.$el.html(
this.template({
totalPer: this.options.totalPer,
userPer: this.options.userPer,
usedPer: this.options.usedPer,
isOwner: this.options.isOwner,
url: this.options.url,
sizeOnBytes: Utils.readablizeBytes(this.model.get('db_size_in_bytes')),
quotaInBytes: Utils.readablizeBytes(this.model.get('quota_in_bytes')),
avatarUrl: this.model.get('avatar_url'),
username: this.model.get('username'),
user_email: this.model.get('email'),
table_count: pluralizeStr.prefixWithCount('Dataset', 'Datasets', this.model.get('table_count')),
maps_count: pluralizeStr.prefixWithCount('Map', 'Maps', this.model.get('all_visualization_count'))
})
);
this._initViews();
return this;
},
var availablePlans = _.compact(this.collection.map(function(plan) {
if (plan.get('price') === 0) {
return false;
} else {
return {
name: plan.get('title').toLowerCase(),
price: Utils.formatNumber(plan.get('price')),
quota: Utils.readablizeBytes(plan.get('bytes_quota')).replace(/\.00/g,''),
layers: plan.get('max_layers'),
privateMaps: plan.get('private_tables'),
removableBrand: plan.get('removable_brand')
}
}
}));
render: function() {
var vis = this.model;
var table = this.table;
var tags = vis.get('tags') || [];
var description = vis.get('description') && Utils.stripHTML(markdown.toHTML(vis.get('description'))) || '';
var source = vis.get('source') && markdown.toHTML(vis.get('source')) || '';
var d = {
isRaster: vis.get('kind') === 'raster',
geometryType: table.statsGeomColumnTypes().length > 0 ? table.statsGeomColumnTypes()[0] : '',
title: vis.get('display_name') || vis.get('name'),
source: source,
description: description,
timeDiff: moment(vis.get('updated_at')).fromNow(),
tags: tags,
tagsCount: tags.length,
router: this.router,
maxTagsToShow: 3,
canImportDataset: this._canImportDataset(),
rowCount: undefined,
datasetSize: undefined,
fromExternalSource: ""
};
var rowCount = table.get('row_count');
if (rowCount >= 0) {
d.rowCount = ( rowCount < 10000 ? Utils.formatNumber(rowCount) : Utils.readizableNumber(rowCount) );
d.pluralizedRows = pluralizeString('Row', rowCount);
}
if (!_.isEmpty(vis.get("synchronization"))) {
d.fromExternalSource = vis.get("synchronization").from_external_source;
}
var datasetSize = table.get('size');
if (datasetSize >= 0) {
d.datasetSize = Utils.readablizeBytes(
datasetSize,
datasetSize.toString().length > 9 ? false : true
);
}
this.$el.html(this.template(d));
this._setItemClasses();
this._renderTooltips();
return this;
},
render: function() {
this.clearSubViews();
var vis = this.model;
var table = vis.tableMetadata();
var tags = vis.get('tags') || [];
var url = vis.viewUrl(this.user);
url = (this.router.model.get('liked') && !vis.permission.hasAccess(this.user)) ? url.public() : url.edit();
var d = {
isRaster: vis.get('kind') === 'raster',
geometryType: table.statsGeomColumnTypes().length > 0 ? table.statsGeomColumnTypes()[0] : '',
title: vis.get('name'),
datasetUrl: encodeURI(url),
isOwner: vis.permission.isOwner(this.user),
owner: vis.permission.owner.renderData(this.user),
showPermissionIndicator: !vis.permission.hasWriteAccess(this.user),
privacy: vis.get('privacy').toLowerCase(),
likes: vis.get('likes') || 0,
timeDiff: moment(vis.get('updated_at')).fromNow(),
tags: tags,
tagsCount: tags.length,
router: this.router,
maxTagsToShow: 3,
rowCount: undefined,
datasetSize: undefined,
syncStatus: undefined,
syncRanAt: undefined,
fromExternalSource: ""
};
var rowCount = table.get('row_count');
if (rowCount >= 0) {
d.rowCount = ( rowCount < 10000 ? Utils.formatNumber(rowCount) : Utils.readizableNumber(rowCount) );
d.pluralizedRows = pluralizeString('Row', rowCount);
}
if (!_.isEmpty(vis.get("synchronization"))) {
d.fromExternalSource = vis.get("synchronization").from_external_source;
}
var datasetSize = table.get('size');
if (datasetSize >= 0) {
d.datasetSize = Utils.readablizeBytes(datasetSize, true);
}
if (!_.isEmpty(vis.get("synchronization"))) {
d.syncRanAt = moment(vis.get("synchronization").ran_at || new Date()).fromNow();
d.syncStatus = vis.get("synchronization").state;
}
this.$el.html(this.template(d));
this._renderDescription();
this._renderTags();
this._renderLikesIndicator();
this._renderTooltips();
// Item selected?
this.$el[ vis.get('selected') ? 'addClass' : 'removeClass' ]('is--selected');
return this;
},