metamaps--metamaps/frontend/src/Metamaps/Mobile.js
2016-11-07 15:25:08 -05:00

35 lines
712 B
JavaScript

/* global $ */
import Active from './Active'
import Map from './Map'
const Mobile = {
init: function() {
var self = Mobile
$('#menu_icon').click(self.toggleMenu)
$('#mobile_menu li a').click(self.liClick)
$('#header_content').click(self.titleClick)
self.resizeTitle()
},
resizeTitle: function() {
// the 70 relates to padding
$('#header_content').width($(document).width() - 70)
},
liClick: function() {
var self = Mobile
$('#header_content').html($(this).text())
self.toggleMenu()
},
toggleMenu: function() {
$('#mobile_menu').toggle()
},
titleClick: function() {
if (Active.Map) {
Map.InfoBox.open()
}
}
}
export default Mobile