Initial commit

lib/assets/javascripts/builder/data/infowindow-click-model.js

@@ -0,0 +1,73 @@
+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);
+  }
+
+});