Add updated templates

01JHU_INST-JHU/css/prm-location-items-after.css

@@ -6,15 +6,15 @@
     padding: 0;
   }
 
-  prm-location-holdings {
-    margin-bottom: 1em;
-  }
-
-  /* In the child component's CSS */
   prm-location-items-after {
     visibility: visible;
   }
 
+  prm-location-holdings {
+    margin-bottom: 1em;
+  }
+
+
   .availability-status {
     font-weight: 800;
   }

01JHU_INST-JHU/html/prm-location-after.html

@@ -1,25 +1,27 @@
 <div class="jhu-prm-location-after">
+  <prm-authentication-after parent-ctrl="$ctrl"></prm-authentication-after>
   <div class="neutralized-button layout-full-width layout-display-flex md-button md-ink-ripple layout-row" tabindex="0"
-    layout="row" ng-click="$ctrl.parentCtrl.onClick()" aria-label="..." md-ink-ripple="red" role="button">
+    layout="row" ng-click="$ctrl.parentCtrl.onClick()" aria-label="..." ng-class="{'disabled': !$ctrl.isLoggedIn}" md-ink-ripple="red" role="button">
     <div class="top-content">
       <div ng-class="{'md-list-item-text': !$ctrl.parentCtrl.mediaQueries.xs}" layout="row" layout-wrap="" flex=""
         class="layout-wrap layout-row flex md-list-item-text">
         <div ng-class="{'md-list-item-text': $ctrl.parentCtrl.mediaQueries.xs}" flex="" flex-xs="100"
           class="flex-xs-100 flex">
           <h3>{{ $ctrl.parentCtrl.loc.location.mainLocation }}</h3>
           <p class="availability-status {{ $ctrl.parentCtrl.loc.location.availabilityStatus }}">{{
-            capitalize($ctrl.parentCtrl.loc.location.availabilityStatus) }}</p>
+            $ctrl.capitalize($ctrl.parentCtrl.loc.location.availabilityStatus) }}</p>
           <p ng-if="$ctrl.parentCtrl.loc.location && 
                        $ctrl.parentCtrl.loc.location.subLocation && 
                        $ctrl.parentCtrl.getSubLibraryName($ctrl.parentCtrl.loc.location)"
             ng-bind-html="$ctrl.parentCtrl.loc.location.collectionTranslation">
             {{ $ctrl.parentCtrl.getSubLibraryName($ctrl.parentCtrl.loc.location) }}
+
           </p>
           <p class="call-number-location-after" ng-if="$ctrl.parentCtrl.loc.location.callNumber" dir="auto">{{
             $ctrl.parentCtrl.loc.location.callNumber }}</p>
         </div>
       </div>
     </div>
-    <div class="location-after-request-button">Request item from this location</div>
+    <div class="location-after-request-button" ng-class="{'disabled-button': !$ctrl.isLoggedIn}">Request item from this location</div>
   </div>
 </div>