Rename signin-control directive to login-control

h/static/scripts/app.js

@@ -137,13 +137,13 @@ module.exports = angular.module('h', [
   .directive('hAutofocus', require('./directive/h-autofocus'))
   .directive('hTooltip', require('./directive/h-tooltip'))
   .directive('loggedoutMessage', require('./directive/loggedout-message'))
+  .directive('loginControl', require('./directive/login-control'))
   .directive('loginForm', require('./directive/login-form').directive)
   .directive('markdown', require('./directive/markdown'))
   .directive('publishAnnotationBtn', require('./directive/publish-annotation-btn'))
   .directive('searchStatusBar', require('./directive/search-status-bar'))
   .directive('shareDialog', require('./directive/share-dialog'))
   .directive('sidebarTutorial', require('./directive/sidebar-tutorial').directive)
-  .directive('signinControl', require('./directive/signin-control'))
   .directive('searchInput', require('./directive/search-input'))
   .directive('selectionTabs', require('./directive/selection-tabs'))
   .directive('sortDropdown', require('./directive/sort-dropdown'))

h/static/scripts/directive/signin-control.js → h/static/scripts/directive/login-control.js

@@ -33,6 +33,6 @@ module.exports = function () {
        */
       newStyle: '<',
     },
-    template: require('../../../templates/client/signin_control.html'),
+    template: require('../../../templates/client/login_control.html'),
   };
 };

h/static/styles/app.scss

@@ -17,6 +17,7 @@ $base-line-height: 20px;
 @import './group-list';
 @import './help-panel';
 @import './loggedout-message';
+@import './login-control';
 @import './markdown';
 @import './primary-action-btn';
 @import './publish-annotation-btn';
@@ -24,7 +25,6 @@ $base-line-height: 20px;
 @import './selection-tabs';
 @import './share-link';
 @import './sidebar-tutorial';
-@import './signin-control';
 @import './simple-search';
 @import './spinner';
 @import './tags-input';

h/static/styles/signin-control.scss → h/static/styles/login-control.scss

-.signin-control{
+.login-control{
   flex-shrink: 0;
 }
 
-.signin-text {
+.login-text {
   font-size: $body2-font-size;
   padding-left: 6px;
 }
 
 /* The user account dropdown menu */
-.signin-control-menu {
+.login-control-menu {
   .avatar {
     border-radius: 2px;
   }

h/templates/client/signin_control.html → h/templates/client/login_control.html

 <!-- New controls -->
-<span class="signin-text"
+<span class="login-text"
       ng-if="vm.newStyle && vm.auth.status === 'unknown'">⋯</span>
-<span class="signin-text"
+<span class="login-text"
       ng-if="vm.newStyle && vm.auth.status === 'signed-out'">
   <a href="{{vm.serviceUrl}}register" target="_blank">Sign up</a>
   / <a href="" ng-click="vm.onLogin()">Log in</a>
 </span>
 <div ng-if="vm.newStyle"
-     class="pull-right signin-control-menu"
+     class="pull-right login-control-menu"
      dropdown
      keyboard-nav>
   <a role="button"
@@ -44,7 +44,7 @@
   <a href="" ng-click="vm.onLogin()">Log in</a>
 </span>
 <div ng-if="!vm.newStyle"
-     class="pull-right signin-control-menu"
+     class="pull-right login-control-menu"
      dropdown
      keyboard-nav>
   <span role="button" data-toggle="dropdown" dropdown-toggle>

h/templates/client/top_bar.html

@@ -10,13 +10,13 @@
       always-expanded="true">
     </search-input>
     <div class="top-bar__expander"></div>
-    <signin-control
+    <login-control
       auth="auth"
       new-style="false"
       on-show-help-panel="onShowHelpPanel()"
       on-login="onLogin()"
       on-logout="onLogout()">
-    </signin-control>
+    </login-control>
   </div>
   <!-- New design for the top bar, as used in the sidebar.
 
@@ -42,13 +42,13 @@
        title="Share this page">
       <i class="h-icon-annotation-share"></i>
     </a>
-    <signin-control
-      class="signin-control"
+    <login-control
+      class="login-control"
       auth="auth"
       new-style="true"
       on-show-help-panel="onShowHelpPanel()"
       on-login="onLogin()"
       on-logout="onLogout()">
-    </signin-control>
+    </login-control>
   </div>
 </div>