<div class="sheet">
  <i class="close h-icon-close"
     role="button"
     title="Close"
     ng-click="hideUserList()"></i>
  <div class="form-vertical">
    <ul class="nav nav-tabs">
      <li class="active"><a href="">Users who have translated this page</a></li>
    </ul>
    <div class="tab-content">
      <p>Select the user to view their translation. <span ng-if="vm.auth.status === 'signed-in'">Or <a href="#" ng-click="setUserForEdit()" id="selfEdit">start, edit</a>, or <a href="#" ng-click="setUser('self')">view</a> your own translation.</span> You can also go back to <a href="#" ng-click="setUserForReset()">view the original document</a>.</p>
      <p ng-if="vm.auth.status === 'signed-in'">You can also <a href="#" ng-click="toggleSentence()">turn {{sentenceMode}} sentence-by-sentence mode</a>.</p>
      <p>Users who have written translations of this page:</p>
      <ul class="user-list">
        <li class="user-item" ng-repeat="user in $root.list_of_users">
        <a href="#" ng-click="setUser(user)">{{user.username}}</a>
      </li>
    </ul>
    </div>
  </div>
</div>

<div class="sheet">
  <i class="close h-icon-close"
     role="button"
     title="Close"
     ng-click="hideUserList()"></i>
  <div class="form-vertical">
    <ul class="nav nav-tabs">
      <li class="active"><a href="">Users who have translated this page</a></li>
    </ul>
    <div class="tab-content">
      <p>Select the user to view their translation. <span ng-if="vm.auth.status === 'signed-out'">Or sign in to write your own translation.</span><span ng-if="vm.auth.status === 'signed-in'">Or <a href="#" ng-click="setUserForEdit()" id="selfEdit">start, edit</a>, or <a href="#" ng-click="setUser('self')">view</a> your own translation.</span> You can also go back to <a href="#" ng-click="setUserForReset()">view the original document</a>.</p>
      <p ng-if="vm.auth.status === 'signed-in'">You can also <a href="#" ng-click="toggleSentence()">turn {{sentenceMode}} sentence-by-sentence mode</a>.</p>
      <p>Users who have written translations of this page:</p>
      <ul class="user-list">
        <li class="user-item" ng-repeat="user in $root.list_of_users">
        <a href="#" ng-click="setUser(user)">{{user.username}}</a>
      </li>
    </ul>
    </div>
  </div>
</div>

Add controls if logged out.
Add controls if logged out.
