_initialize = function (options) {
var el;
options = Util.extend({}, _DEFAULTS, options);
el = _this.el;
_modesView = ModesView();
if (_modesView.mobileCheck()) {
_DEFAULT_SETTINGS.viewModes = {
list: true,
map: false,
settings: false,
help: false
};
}
el.classList.add('latest-earthquakes');
el.innerHTML =
'<header class="latest-earthquakes-header">' +
'<div class="latest-earthquakes-flex">' +
'<a href="/" class="latest-earthquakes-logo">' +
'<img src="/theme/images/usgs-logo.svg" alt="USGS"/>' +
'</a>' +
'</div>' +
'<div class="latest-earthquakes-modes"></div>' +
'</header>' +
'<div class="latest-earthquakes-content">' +
'<div class="latest-earthquakes-list">'+
'<div class="list-view"></div>' +
'</div>' +
'<div class="latest-earthquakes-map">'+
'<div class="map-view"></div>' +
'</div>' +
'<div class="latest-earthquakes-settings">'+
'<div class="settings-view"></div>' +
'</div>' +
'<div class="latest-earthquakes-about">' +
'<div class="about-view"></div>' +
'</div>' +
'</div>' +
'<footer class="latest-earthquakes-footer"></footer>';
_content = el.querySelector('.latest-earthquakes-content');
// depends on config
_catalog = Catalog({
model: _this.model
});
_config = LatestEarthquakesConfig(Util.extend({}, options.config, {
'event': _catalog
}));
_modesView = ModesView({
collection: _config.options.viewModes,
el: el.querySelector('.latest-earthquakes-modes'),
model: _this.model
});
_modesView.render();
_listView = ListView({
el: el.querySelector('.list-view'),
collection: _catalog,
model: _this.model
});
_mapView = MapView({
el: el.querySelector('.map-view'),
catalog: _catalog,
model: _this.model
});
_settingsView = SettingsView({
el: el.querySelector('.settings-view'),
catalog: _catalog,
model: _this.model
});
_aboutView = AboutView({
el: el.querySelector('.about-view'),
model: _this.model
});
_urlManager = UrlManager({
config: _config,
defaults: Util.extend({}, _DEFAULT_SETTINGS, options.settings),
model: _this.model
});
// triggers initial model update (leading to render)
_urlManager.start();
};
var Collection = require('mvc/Collection'),
Config = require('latesteqs/LatestEarthquakesConfig'),
Model = require('mvc/Model'),
ModesView = require('modes/ModesView');
var collection,
config,
el,
modesView,
viewModes;
collection = Collection();
config = Config({
'event':{}
});
viewModes = config.options.viewModes.data();
collection.addAll(viewModes);
el = document.querySelector('#modes-view-example');
modesView = ModesView({
el: el,
collection: collection,
model: Model({
viewModes: [viewModes[0], viewModes[1]],
})
});