diff --git a/01JHU_INST-JHU/css/prm-location-items-after.css b/01JHU_INST-JHU/css/prm-location-items-after.css
new file mode 100644
index 00000000..a24e9bfb
--- /dev/null
+++ b/01JHU_INST-JHU/css/prm-location-items-after.css
@@ -0,0 +1,35 @@
+prm-location-items>* {
+ visibility: hidden;
+ height: 0;
+ width: 0;
+ margin: 0;
+ padding: 0;
+}
+
+prm-location-items-after {
+ visibility: visible;
+}
+
+prm-location-holdings {
+ margin-bottom: 1em;
+}
+
+/* Divs not hidden by default */
+prm-location-items>div.tab-content-header.margin-bottom-small.margin-left-medium.layout-row.layout-align-space-between-end {
+ margin: 0;
+}
+
+prm-location-items-after .skewed-divider {
+ display: none;
+}
+
+
+prm-service-button prm-icon md-icon.md-primoExplore-theme {
+ margin-left: .25em;
+ color: #fff !important;
+}
+
+prm-location-items-after>md-list>md-list-item>div.layout-row.flex>div>div.layout-wrap.layout-align-end-center.layout-row.flex-xs-100.flex-sm-30 {
+ flex-direction: column !important;
+ align-items: flex-start !important;
+}
diff --git a/01JHU_INST-JHU/html/prm-location-holdings-after.html b/01JHU_INST-JHU/html/prm-location-holdings-after.html
index 3f3a6f3a..0ae2f5ec 100644
--- a/01JHU_INST-JHU/html/prm-location-holdings-after.html
+++ b/01JHU_INST-JHU/html/prm-location-holdings-after.html
@@ -1,84 +1,69 @@
<div>
<style>
- prm-location-holdings>* {
- visibility: hidden;
- height: 0;
- width: 0;
- margin: 0;
- padding: 0;
- }
-
- prm-location-holdings-after {
- visibility: visible;
- }
-
- .jh-boundswith-card {
- margin: 15px 0 0 0 !important;
- }
+ prm-location-holdings>* {
+ visibility: hidden;
+ height: 0;
+ width: 0;
+ margin: 0;
+ padding: 0;
+ }
+ prm-location-holdings-after {
+ visibility: visible;
+ }
+ .jh-boundswith-card {
+ margin: 15px 0 0 0 !important;
+ }
</style>
- <div ng-repeat="line in $ctrl.holdings">
- <span ng-if="line.key === 'For availability see:'">
- <md-card class="jh-boundswith-card" md-theme-watch>
- <md-card-title>
- <md-card-title-text>
- <span class="md-headline">Holdings Information</span>
-
- </md-card-title-text>
- </md-card-title>
- <md-card-content>
- <div class="margin-bottom-medium">
- This item is physically bound with another item.
- </div>
-
- <span class="bold-text">For availability see:</span>
-
- <a
- href="https://jhu-psb.primo.exlibrisgroup.com/discovery/fulldisplay?docid=alma{{line.value[1]}}&context=L&vid=01JHU_INST:JHU">
- {{line.value[0]}}
- </a>
- <div ng-if="$ctrl.parentCtrl.currLoc.locationNoItems ? $ctrl.parentCtrl.summaryLinesVisible : !$ctrl.parentCtrl.summaryLinesVisible"
- class="display-block" layout="row" layout-align="start start">
- <div layout="column">
- <div ng-repeat="summaryLine in $ctrl.parentCtrl.currLoc.summaryHoldings.baseSummaryShort track by $index"
- layout="row">
- <div translate="{{summaryLine.key}}" class="margin-right-small summary-brief-header"
- ng-class="{'margin-right-medium': $ctrl.parentCtrl.mediaQueries.xs}"></div>
- <span class="summary-brief word-break-all"
- ng-style="::(($ctrl.parentCtrl.isIE && $ctrl.parentCtrl.mediaQueries.xs) && {'width':'14em'})">
- <a ng-if="summaryLine.value.startsWith('http:') || summaryLine.value.startsWith('https:')"
- href="{{summaryLine.value}}">{{summaryLine.value}}</a>
- <span
- ng-if="!summaryLine.value.startsWith('http:') && !summaryLine.value.startsWith('https:')"
- ng-bind-html="summaryLine.value"></span>
- </span>
- </div>
- </div>
- </div>
- <div ng-if="$ctrl.parentCtrl.currLoc.locationNoItems ? !$ctrl.parentCtrl.summaryLinesVisible : $ctrl.parentCtrl.summaryLinesVisible"
- layout="row" layout-align="start start" class="display-block">
- <div layout="column">
- <div
- ng-repeat="allLine in $ctrl.parentCtrl.currLoc.summaryHoldings.allLines track by $index">
- <div ng-if="allLine.key !== 'For availability see:'">
- <div>
- <span class="bold-text" translate="{{allLine.key}}"></span>
- <span ng-repeat="lineItem in allLine.value track by $index">
- <span>
- <a ng-if="lineItem.startsWith('http:') || lineItem.startsWith('https:')"
- href="{{lineItem}}">{{lineItem}}</a>
- <span
- ng-if="!lineItem.startsWith('http:') && !lineItem.startsWith('https:')"
- ng-bind-html="lineItem"></span>
- </span>
- </span>
- </div>
- </div>
- </div>
- </div>
- </div>
- </md-card-content>
- </md-card>
- </span>
- </div>
-</div>
-<br />
+ <md-card class="jh-boundswith-card" md-theme-watch>
+ <md-card-title>
+ <md-card-title-text>
+ <span class="md-headline">Holdings Information</span>
+ </md-card-title-text>
+ </md-card-title>
+ <md-card-content>
+ <div ng-repeat="line in $ctrl.holdings">
+ <span ng-if="$ctrl.isAvailabilityLine(line)">
+ <div class="margin-bottom-medium">
+ This item is physically bound with another item.
+ </div>
+ <span class="bold-text">For availability see:</span>
+ <a ng-if="$ctrl.hasValidLink(line)" ng-href="{{$ctrl.getAvailabilityLink(line)}}">
+ {{$ctrl.getLinkText(line)}}
+ </a>
+ </span>
+ </div>
+
+ <div ng-if="$ctrl.shouldShowBaseSummary()" class="display-block" layout="row" layout-align="start start">
+ <div layout="column">
+ <div ng-repeat="summaryLine in $ctrl.getBaseSummaryLines() track by $index" layout="row">
+ <div translate="{{summaryLine.key}}" class="margin-right-small summary-brief-header"
+ ng-class="{'margin-right-medium': $ctrl.parentCtrl.mediaQueries.xs}"></div>
+ <span class="summary-brief word-break-all" ng-style="$ctrl.getStyle()">
+ <a ng-if="$ctrl.isLink(summaryLine.value)" ng-href="{{summaryLine.value}}">{{summaryLine.value}}</a>
+ <span ng-if="!$ctrl.isLink(summaryLine.value)" ng-bind-html="summaryLine.value"></span>
+ </span>
+ </div>
+ </div>
+ </div>
+
+ <div ng-if="$ctrl.shouldShowAllLines()" layout="row" layout-align="start start" class="display-block">
+ <div layout="column">
+ <div ng-repeat="allLine in $ctrl.getAllLines() track by $index">
+ <div ng-if="!$ctrl.isAvailabilityLine(allLine)">
+ <div>
+ <span class="bold-text" translate="{{allLine.key}}"></span>
+ <span ng-repeat="lineItem in allLine.value track by $index">
+ <span>
+ <a ng-if="$ctrl.isLink(lineItem)" ng-href="{{lineItem}}">{{lineItem}}</a>
+ <span ng-if="!$ctrl.isLink(lineItem)" ng-bind-html="lineItem"></span>
+ </span>
+ </span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </md-card-content>
+ </md-card>
+ </div>
+
\ No newline at end of file
diff --git a/src/app.js b/src/app.js
index 0f56517f..5b4a5e42 100644
--- a/src/app.js
+++ b/src/app.js
@@ -6,7 +6,11 @@ import { prmTopBarBefore } from './components/prmTopBarBefore';
import { prmSearchResultThumbnailContainerAfter } from './components/prmSearchResultThumbnailContainerAfter';
import { prmSearchBookmarkFilterAfter } from './components/prmSearchBookmarkFilterAfter';
import { prmLocationAfter } from './components/prmLocationAfter';
-// import { prmLocationHoldingsAfter } from './components/prmLocationHoldingsAfter';
+
+
+// Custom holdings component for boundwiths
+import { prmLocationHoldingsAfter } from './components/prmLocationHoldingsAfter';
+
import { prmAuthenticationAfter } from './components/prmAuthenticationAfter';
import { prmLocationItemsAfter } from './components/prmLocationItemsAfter';
import { prmRequestAfter } from './components/prmRequestAfter';
@@ -36,7 +40,7 @@ app.component('prmTopBarBefore', prmTopBarBefore);
app.component('prmSearchResultThumbnailContainerAfter', prmSearchResultThumbnailContainerAfter);
app.component('prmSearchBookmarkFilterAfter', prmSearchBookmarkFilterAfter);
app.component('prmLocationAfter', prmLocationAfter);
-//app.component('prmLocationHoldingsAfter', prmLocationHoldingsAfter);
+app.component('prmLocationHoldingsAfter', prmLocationHoldingsAfter);
app.component('prmAuthenticationAfter', prmAuthenticationAfter);
app.component('prmLocationItemsAfter', prmLocationItemsAfter);
app.component('prmRequestAfter', prmRequestAfter);