74 lines
2.6 KiB
JavaScript
74 lines
2.6 KiB
JavaScript
|
var InfowindowDefinitionModel = require('./infowindow-definition-model');
|
||
|
|
|
||
|
|
module.exports = InfowindowDefinitionModel.extend({
|
||
|
|
|
||
|
|
defaults: {
|
||
|
|
template_name: '',
|
||
|
|
latlng: [0, 0],
|
||
|
|
offset: [28, 0], // offset of the tip calculated from the bottom left corner
|
||
|
|
maxHeight: 180, // max height of the content, not the whole infowindow
|
||
|
|
autoPan: true,
|
||
|
|
template: '',
|
||
|
|
content: '',
|
||
|
|
visibility: false,
|
||
|
|
alternative_names: { },
|
||
|
|
fields: null, // contains the fields displayed in the infowindow,
|
||
|
|
width: 226,
|
||
|
|
headerColor: {
|
||
|
|
color: {
|
||
|
|
fixed: '#35AAE5',
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
TEMPLATES: {
|
||
|
|
infowindow_light: require('builder/mustache-templates/infowindows/infowindow_light.jst.mustache'),
|
||
|
|
infowindow_dark: require('builder/mustache-templates/infowindows/infowindow_dark.jst.mustache'),
|
||
|
|
infowindow_color: require('builder/mustache-templates/infowindows/infowindow_color.jst.mustache'),
|
||
|
|
infowindow_header_with_image: require('builder/mustache-templates/infowindows/infowindow_header_with_image.jst.mustache'),
|
||
|
|
infowindow_header_with_video: require('builder/mustache-templates/infowindows/infowindow_header_with_video.jst.mustache'),
|
||
|
|
infowindow_header_with_url: require('builder/mustache-templates/infowindows/infowindow_header_with_url.jst.mustache'),
|
||
|
|
custom_infowindow_light: require('builder/mustache-templates/infowindows_custom/infowindow_light.jst.mustache'),
|
||
|
|
custom_infowindow_dark: require('builder/mustache-templates/infowindows_custom/infowindow_dark.jst.mustache'),
|
||
|
|
custom_infowindow_color: require('builder/mustache-templates/infowindows_custom/infowindow_color.jst.mustache'),
|
||
|
|
custom_infowindow_header_with_image: require('builder/mustache-templates/infowindows_custom/infowindow_header_with_image.jst.mustache')
|
||
|
|
},
|
||
|
|
|
||
|
|
_transformTemplate: function (template) {
|
||
|
|
var fixed = this.get('headerColor').color.fixed;
|
||
|
|
|
||
|
|
return template.replace('background: #35AAE5', 'background: ' + fixed);
|
||
|
|
},
|
||
|
|
|
||
|
|
setTemplate: function (templateName) {
|
||
|
|
var template = (typeof (this.TEMPLATES[templateName]) === 'undefined') ? '' : this.TEMPLATES[templateName];
|
||
|
|
|
||
|
|
if (templateName === 'infowindow_color') {
|
||
|
|
template = this._transformTemplate(template);
|
||
|
|
}
|
||
|
|
|
||
|
|
var attrs = {
|
||
|
|
'template_name': templateName,
|
||
|
|
'template': template,
|
||
|
|
'template_type': 'mustache'
|
||
|
|
};
|
||
|
|
|
||
|
|
if (templateName === '') {
|
||
|
|
attrs.fields = [];
|
||
|
|
}
|
||
|
|
|
||
|
|
this.set(attrs);
|
||
|
|
},
|
||
|
|
|
||
|
|
isEmptyTemplate: function () {
|
||
|
|
var isEmpty = this.fieldCount() === 0;
|
||
|
|
return this.hasTemplate() && isEmpty;
|
||
|
|
},
|
||
|
|
|
||
|
|
setDefault: function () {
|
||
|
|
this.setTemplate(this.defaults.template_name);
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|