How to control meteorjs authentication based on geolocation? - geolocation

Question

I want to force users to enable their geolocation, otherwise disallow login to meteor site.
I am using accounts-ui, and {{loginButtons}} in a handlebars template called "login".
login.html
<template name="login">
{{loginButtons}}
</template>
login.js
Template.login.rendered = function() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success, error);
} else {
Meteor.logout();
}
}
I get the prompt for geolocation (using chrome), but when I click deny, it still lets me log in. Would it be better to check for geolocation on meteor startup prior to even using the site? Ideally, I'm looking for a way to check for geolocation when Meteor.isLoggingIn().

Answer 1

Your best bet is to avoid showing the login buttons at all unless there is a geocode.
login.html
<template name="login">
{{#if showLogin}}
{{loginButtons}}
{{/if}}
</template>
login.js
Template.login.helpers({
showLogin: function () {
successCallback = function (loc) { Session.set('curLocation', loc);}
errorCallback = function (err) {
Session.set('curLocation', null);
if (Meteor.userId()) {
Meteor.logout();
}
}
// This just checks to see if the browser supports geolocation.
if (navigator.geolocation){
// Actually checks for geocode.
navigator.geolocation.getCurrentPosition(successCallback, errorCallback);
}
// Tricky bit: Reactive variable changes (and reruns) when callback changes.
// Since the variable is only set on success, this function will
// only ever be true on a success.
return Session.get('curLocation');
}
});