Merge branch 'django1.11' into django2.0

* django1.11:
  Refactoring welcome screen to fix input alignment issue.
  Fixing login rotation.
  Adding cookies to path inspector.
  Upgrading httplib2.
  Upgrading to mongo 3.4 requires dropping old indexes with types attributes. Will need downtime to accomplish.

media/css/welcome.css

@@ -52,6 +52,18 @@
     position: relative;
     height: 100%;
 }
+.NB-welcome .NB-inner-account {
+    width: 960px;
+    margin: 0 auto;
+    overflow: hidden;
+    position: absolute;
+    top: 0;
+    height: 100%;
+    margin-right: -50%;
+    left: 50%;
+    transform: translate(-50%, 0);
+    pointer-events: none;
+}
 .NB-button {
     border: 1px solid #07360F;
     font-size: 12px;
@@ -81,6 +93,7 @@
 /* ========== */
 
 .NB-welcome-header {
+    position: relative;
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3F5354), to(#1B2424));
     background: -moz-linear-gradient(center top , #3F5354 0%, #1B2424 100%) repeat scroll 0 0 transparent;
     height: 420px;
@@ -274,7 +287,9 @@
 /* ================== */
 
 .NB-welcome-header-account {
+    pointer-events: all;
     position: absolute;
+    transition: bottom 1s ease-in-out;
     bottom: -350px;
     right: 12px;
     width: 400px;
@@ -284,7 +299,7 @@
     padding: 36px 36px 12px;    
 }
 .NB-welcome-header-account.NB-active {
-    bottom: 0;
+    bottom: 0px;
 }
 .NB-welcome-header-account .NB-module-header-login {
     width: 142px;

media/js/newsblur/welcome/welcome.js

@@ -15,14 +15,28 @@ NEWSBLUR.Welcome = Backbone.View.extend({
     
     initialize: function() {
         this.start_rotation();
-        this.debug_password_autocomplete();
+        _.delay(_.bind(function() { 
+            // this.debug_password_autocomplete();
+        }, this), 500);
         NEWSBLUR.reader.$s.$layout.hide();
     },
     
+    debug_password_autocomplete: function() {
+        console.log(['Triggering focus']);
+        this.$("input[name=login-username]").trigger('focus');
+    },
+    
     // ==========
     // = Header =
     // ==========
     
+    fix_misalignment: function(e) {
+        console.log(['Fixing misalignment', e]);
+        
+        this.flags.on_signin = true;
+        this.show_signin_form();
+    },
+    
     click_header_caption: function(e) {
         this.flags.on_signin = false;
         this.enter_header_caption(e);
@@ -55,11 +69,16 @@ NEWSBLUR.Welcome = Backbone.View.extend({
     
     start_rotation: function() {
         if (this.$('.NB-welcome-header-account').hasClass('NB-active')) {
-            this.show_signin_form();
+            this.stop_rotation();
         }
-        this.$('.NB-welcome-header-image img').eq(0).on('load', _.bind(function() {
+        var $first_img = this.$('.NB-welcome-header-image img').eq(0);
+        if ($first_img[0].complete) {
+            setInterval(_.bind(this.rotate_screenshots, this), 3000);            
+        } else {
+            $first_img.on('load', _.bind(function() {
                 setInterval(_.bind(this.rotate_screenshots, this), 3000);
             }, this));
+        }
     },
     
     rotate_screenshots: function(force, callback) {
@@ -82,7 +101,7 @@ NEWSBLUR.Welcome = Backbone.View.extend({
         var $out_img = $images.not($in_img);
         var $in_caption = $captions.eq(r);
         var $out_caption = $captions.not($in_caption);
-        
+        console.log(['Rotate screenshots', force]);
         $out_img.removeClass('NB-active');
         $in_img.addClass('NB-active');
 
@@ -103,6 +122,7 @@ NEWSBLUR.Welcome = Backbone.View.extend({
     },
     
     stop_rotation: function() {
+        console.log(['stop_rotation']);
         this.flags.on_signin = true;
     },
     
@@ -122,7 +142,13 @@ NEWSBLUR.Welcome = Backbone.View.extend({
         
         _.delay(_.bind(function() {
             this.rotate_screenshots(4, _.bind(function() {
+                _.delay(_.bind(function() {
+                    if (this.$("input:focus").length) {
+                        console.log(['Already focused']);
+                        return;
+                    }
                     this.$('input[name=login-username]').focus();
+                }), 50);
             }, this));
         }, this), open ? 560 : 0);
 
@@ -138,7 +164,7 @@ NEWSBLUR.Welcome = Backbone.View.extend({
         }
         var open = NEWSBLUR.reader.toggle_sidebar();
 
-        this.$('.NB-inner').animate({
+        this.$('.NB-inner,.NB-inner-account').animate({
             paddingLeft: open ? 240 : 0
         }, {
             queue: false,
@@ -154,7 +180,7 @@ NEWSBLUR.Welcome = Backbone.View.extend({
         
         NEWSBLUR.reader.close_sidebar();
         
-        this.$('.NB-inner').animate({
+        this.$('.NB-inner,.NB-inner-account').animate({
             paddingLeft: 0
         }, {
             queue: false,
@@ -163,10 +189,6 @@ NEWSBLUR.Welcome = Backbone.View.extend({
         });
         
         this.$('.NB-welcome-container').removeClass('NB-welcome-tryout');
-    },
-    
-    debug_password_autocomplete: function() {
-        this.$("input[name=login-username]").focus();
     }
 
 });

templates/reader/welcome.xhtml

@@ -68,6 +68,10 @@
                   <img src="{{ MEDIA_URL }}img/welcome/header-android.png">
               </div>
 
+          </div>
+          
+          <div class="NB-inner-account">
+
             <div class="NB-welcome-header-account {% if post_request %}NB-active{% endif %}">
                 <div class="NB-account-header">
                     <div class="NB-module-header-login">Log in</div>
@@ -134,7 +138,6 @@
                     {% endif %}
                 </div>
             </div>
-
           </div>
         </div>
     </div>

utils/upgrade_mongo_3.4.sh

@@ -0,0 +1,5 @@
+db.notifications.dropIndex('user_id_1_feed_id_1')
+db.notification_tokens.dropIndex('user_id_1')
+db.email_unsubscribes.dropIndex('user_id_1_email_type_1')
+db.stories.dropIndex('story_hash_1')
+db.saved_searches.dropIndex('user_id_1_feed_id_1_query_1')