[DO NOT MERGE] Non-Auth changes

js/app/Data/BaseTiledFormat.js

@@ -234,10 +234,11 @@ define([
               if (request.status == 403) {
                 data.level = 'info';
                 data.toString = function () {
-                  var res = $("<span>You have to be registered on GFW in order to see vessel information. You can <a href='javascript: void(0);'>register here</a>. If you are already registred, you need to <a href='javascript: void(0);'>login</a>.");
+                  var res = $("<span class='auth_required'><a href='javascript: void(0);'>Log in</a><br /> to view vessel identity<br /> or<br /> <a href='javascript: void(0);'>Sign up</a> for free.");
                   res.find('a').click(function () {
-                    new PopupAuth(data.auth_location, function (success) {
-                      if (success) {
+                    new PopupAuth(data.auth_location, function (args) {
+                      if (args) {
+                        if (args.headers != undefined) self.manager.setHeaders(args.headers);
                         cb(null, null);
                         getSelectionInfo(fallbackLevel, withCredentials);
                       }

js/app/Data/DataManager.js

@@ -103,6 +103,7 @@ define([
         var formatClass = Format.formatClasses[source.spec.type];
 
         source.source = new formatClass(source.spec.args);
+        source.source.manager = self;
         source.source.setHeaders(self.headers);
         source.source.events.on({
           error: self.handleError.bind(self, source),

js/app/PopupAuth.js

@@ -15,14 +15,29 @@ define([
       self.id = 'pelagos-client-auth-' + self.guuid()
       PopupAuth.open_dialogs[self.id] = self;
 
-      self.window = window.open(login_url, self.id, 'directories=0,titlebar=0,toolbar=0,location=0,status=0,menubar=0,scrollbars=no,resizable=no,width=400,height=350');
+      var options = {
+        directories: 0,
+        titlebar: 0,
+        toolbar: 0,
+        location: 0,
+        status: 0,
+        menubar: 0,
+        scrollbars: "yes",
+        resizable: "yes",
+        fullscreen: "yes",
+        width: screen.width,
+        height: screen.height
+      };
+      options = Object.keys(options).map(function (key) { return key + "=" + options[key].toString(); }).join(",");
+
+      self.window = window.open(login_url, self.id, options);
     },
 
-    done: function (success) {
+    done: function (args) {
       var self = this;
-      if (success == undefined) success = true;
+      if (args == undefined) args = true;
       delete PopupAuth.open_dialogs[self.id];
-      self.cb(success);
+      self.cb(args);
     },
 
     guuid: function () {
@@ -34,8 +49,8 @@ define([
   });
   PopupAuth.open_dialogs = {};
 
-  window.popup_auth_done = function (window_name, success) {
-    PopupAuth.open_dialogs[window_name].done(success);
+    window.popup_auth_done = function (window_name, args) {
+    PopupAuth.open_dialogs[window_name].done(args);
   };
 
   return PopupAuth;

js/app/Visualization/UI/style.less

@@ -736,6 +736,15 @@ hyperwall is: 3 1280px screens wide and 3 720pxs screens high.
   display: none;
 }
 
+.auth_required {
+  text-align: center;
+  display: block;
+  width: 100%;
+  a {
+    text-decoration: underline;
+  }
+}
+
 #w {
   position: absolute;
   pointer-events: none;