Skip to content

Commit 05b3110

Browse files
little9little9
committed
Boundwiths updates
1 parent a67733d commit 05b3110

File tree

3 files changed

+107
-83
lines changed

3 files changed

+107
-83
lines changed

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

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
prm-location-items>* {
2+
visibility: hidden;
3+
height: 0;
4+
width: 0;
5+
margin: 0;
6+
padding: 0;
7+
}
8+
9+
prm-location-items-after {
10+
visibility: visible;
11+
}
12+
13+
prm-location-holdings {
14+
margin-bottom: 1em;
15+
}
16+
17+
/* Divs not hidden by default */
18+
prm-location-items>div.tab-content-header.margin-bottom-small.margin-left-medium.layout-row.layout-align-space-between-end {
19+
margin: 0;
20+
}
21+
22+
prm-location-items-after .skewed-divider {
23+
display: none;
24+
}
25+
26+
27+
prm-service-button prm-icon md-icon.md-primoExplore-theme {
28+
margin-left: .25em;
29+
color: #fff !important;
30+
}
31+
32+
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 {
33+
flex-direction: column !important;
34+
align-items: flex-start !important;
35+
}

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

Lines changed: 66 additions & 81 deletions
Original file line numberDiff line numberDiff line change
@@ -1,84 +1,69 @@
11
<div>
22
<style>
3-
prm-location-holdings>* {
4-
visibility: hidden;
5-
height: 0;
6-
width: 0;
7-
margin: 0;
8-
padding: 0;
9-
}
10-
11-
prm-location-holdings-after {
12-
visibility: visible;
13-
}
14-
15-
.jh-boundswith-card {
16-
margin: 15px 0 0 0 !important;
17-
}
3+
prm-location-holdings>* {
4+
visibility: hidden;
5+
height: 0;
6+
width: 0;
7+
margin: 0;
8+
padding: 0;
9+
}
10+
prm-location-holdings-after {
11+
visibility: visible;
12+
}
13+
.jh-boundswith-card {
14+
margin: 15px 0 0 0 !important;
15+
}
1816
</style>
19-
<div ng-repeat="line in $ctrl.holdings">
20-
<span ng-if="line.key === 'For availability see:'">
21-
<md-card class="jh-boundswith-card" md-theme-watch>
22-
<md-card-title>
23-
<md-card-title-text>
24-
<span class="md-headline">Holdings Information</span>
25-
26-
</md-card-title-text>
27-
</md-card-title>
28-
<md-card-content>
29-
<div class="margin-bottom-medium">
30-
This item is physically bound with another item.
31-
</div>
32-
33-
<span class="bold-text">For availability see:</span>
34-
35-
<a
36-
href="https://jhu-psb.primo.exlibrisgroup.com/discovery/fulldisplay?docid=alma{{line.value[1]}}&context=L&vid=01JHU_INST:JHU">
37-
{{line.value[0]}}
38-
</a>
39-
<div ng-if="$ctrl.parentCtrl.currLoc.locationNoItems ? $ctrl.parentCtrl.summaryLinesVisible : !$ctrl.parentCtrl.summaryLinesVisible"
40-
class="display-block" layout="row" layout-align="start start">
41-
<div layout="column">
42-
<div ng-repeat="summaryLine in $ctrl.parentCtrl.currLoc.summaryHoldings.baseSummaryShort track by $index"
43-
layout="row">
44-
<div translate="{{summaryLine.key}}" class="margin-right-small summary-brief-header"
45-
ng-class="{'margin-right-medium': $ctrl.parentCtrl.mediaQueries.xs}"></div>
46-
<span class="summary-brief word-break-all"
47-
ng-style="::(($ctrl.parentCtrl.isIE && $ctrl.parentCtrl.mediaQueries.xs) && {'width':'14em'})">
48-
<a ng-if="summaryLine.value.startsWith('http:') || summaryLine.value.startsWith('https:')"
49-
href="{{summaryLine.value}}">{{summaryLine.value}}</a>
50-
<span
51-
ng-if="!summaryLine.value.startsWith('http:') && !summaryLine.value.startsWith('https:')"
52-
ng-bind-html="summaryLine.value"></span>
53-
</span>
54-
</div>
55-
</div>
56-
</div>
57-
<div ng-if="$ctrl.parentCtrl.currLoc.locationNoItems ? !$ctrl.parentCtrl.summaryLinesVisible : $ctrl.parentCtrl.summaryLinesVisible"
58-
layout="row" layout-align="start start" class="display-block">
59-
<div layout="column">
60-
<div
61-
ng-repeat="allLine in $ctrl.parentCtrl.currLoc.summaryHoldings.allLines track by $index">
62-
<div ng-if="allLine.key !== 'For availability see:'">
63-
<div>
64-
<span class="bold-text" translate="{{allLine.key}}"></span>
65-
<span ng-repeat="lineItem in allLine.value track by $index">
66-
<span>
67-
<a ng-if="lineItem.startsWith('http:') || lineItem.startsWith('https:')"
68-
href="{{lineItem}}">{{lineItem}}</a>
69-
<span
70-
ng-if="!lineItem.startsWith('http:') && !lineItem.startsWith('https:')"
71-
ng-bind-html="lineItem"></span>
72-
</span>
73-
</span>
74-
</div>
75-
</div>
76-
</div>
77-
</div>
78-
</div>
79-
</md-card-content>
80-
</md-card>
81-
</span>
82-
</div>
83-
</div>
84-
<br />
17+
<md-card class="jh-boundswith-card" md-theme-watch>
18+
<md-card-title>
19+
<md-card-title-text>
20+
<span class="md-headline">Holdings Information</span>
21+
</md-card-title-text>
22+
</md-card-title>
23+
<md-card-content>
24+
<div ng-repeat="line in $ctrl.holdings">
25+
<span ng-if="$ctrl.isAvailabilityLine(line)">
26+
<div class="margin-bottom-medium">
27+
This item is physically bound with another item.
28+
</div>
29+
<span class="bold-text">For availability see:</span>
30+
<a ng-if="$ctrl.hasValidLink(line)" ng-href="{{$ctrl.getAvailabilityLink(line)}}">
31+
{{$ctrl.getLinkText(line)}}
32+
</a>
33+
</span>
34+
</div>
35+
36+
<div ng-if="$ctrl.shouldShowBaseSummary()" class="display-block" layout="row" layout-align="start start">
37+
<div layout="column">
38+
<div ng-repeat="summaryLine in $ctrl.getBaseSummaryLines() track by $index" layout="row">
39+
<div translate="{{summaryLine.key}}" class="margin-right-small summary-brief-header"
40+
ng-class="{'margin-right-medium': $ctrl.parentCtrl.mediaQueries.xs}"></div>
41+
<span class="summary-brief word-break-all" ng-style="$ctrl.getStyle()">
42+
<a ng-if="$ctrl.isLink(summaryLine.value)" ng-href="{{summaryLine.value}}">{{summaryLine.value}}</a>
43+
<span ng-if="!$ctrl.isLink(summaryLine.value)" ng-bind-html="summaryLine.value"></span>
44+
</span>
45+
</div>
46+
</div>
47+
</div>
48+
49+
<div ng-if="$ctrl.shouldShowAllLines()" layout="row" layout-align="start start" class="display-block">
50+
<div layout="column">
51+
<div ng-repeat="allLine in $ctrl.getAllLines() track by $index">
52+
<div ng-if="!$ctrl.isAvailabilityLine(allLine)">
53+
<div>
54+
<span class="bold-text" translate="{{allLine.key}}"></span>
55+
<span ng-repeat="lineItem in allLine.value track by $index">
56+
<span>
57+
<a ng-if="$ctrl.isLink(lineItem)" ng-href="{{lineItem}}">{{lineItem}}</a>
58+
<span ng-if="!$ctrl.isLink(lineItem)" ng-bind-html="lineItem"></span>
59+
</span>
60+
</span>
61+
</div>
62+
</div>
63+
</div>
64+
</div>
65+
</div>
66+
</md-card-content>
67+
</md-card>
68+
</div>
69+

‎src/app.js‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,11 @@ import { prmTopBarBefore } from './components/prmTopBarBefore';
66
import { prmSearchResultThumbnailContainerAfter } from './components/prmSearchResultThumbnailContainerAfter';
77
import { prmSearchBookmarkFilterAfter } from './components/prmSearchBookmarkFilterAfter';
88
import { prmLocationAfter } from './components/prmLocationAfter';
9-
// import { prmLocationHoldingsAfter } from './components/prmLocationHoldingsAfter';
9+
10+
11+
// Custom holdings component for boundwiths
12+
import { prmLocationHoldingsAfter } from './components/prmLocationHoldingsAfter';
13+
1014
import { prmAuthenticationAfter } from './components/prmAuthenticationAfter';
1115
import { prmLocationItemsAfter } from './components/prmLocationItemsAfter';
1216
import { prmRequestAfter } from './components/prmRequestAfter';
@@ -36,7 +40,7 @@ app.component('prmTopBarBefore', prmTopBarBefore);
3640
app.component('prmSearchResultThumbnailContainerAfter', prmSearchResultThumbnailContainerAfter);
3741
app.component('prmSearchBookmarkFilterAfter', prmSearchBookmarkFilterAfter);
3842
app.component('prmLocationAfter', prmLocationAfter);
39-
//app.component('prmLocationHoldingsAfter', prmLocationHoldingsAfter);
43+
app.component('prmLocationHoldingsAfter', prmLocationHoldingsAfter);
4044
app.component('prmAuthenticationAfter', prmAuthenticationAfter);
4145
app.component('prmLocationItemsAfter', prmLocationItemsAfter);
4246
app.component('prmRequestAfter', prmRequestAfter);

0 commit comments

Comments
 (0)