Skip to content

Commit d6037b8

Browse files
cryptalithcryptalith
committed
PD-3860
1 parent fcf6632 commit d6037b8

File tree

2 files changed

+25
-160
lines changed

2 files changed

+25
-160
lines changed

‎projects/orcid-ui-docs/src/app/pages/record-header-page.component.html‎

Lines changed: 24 additions & 157 deletions
Original file line numberDiff line numberDiff line change
@@ -12,18 +12,19 @@
1212

1313
<mat-form-field appearance="outline">
1414
<mat-label>Subtitle</mat-label>
15-
<input
16-
matInput
17-
[(ngModel)]="config.subtitle"
18-
[disabled]="!config.showSubtitle"
19-
/>
15+
<input matInput [(ngModel)]="config.subtitle" />
2016
</mat-form-field>
2117

2218
<mat-form-field appearance="outline">
2319
<mat-label>Caption</mat-label>
2420
<input matInput [(ngModel)]="config.caption" />
2521
</mat-form-field>
2622

23+
<mat-form-field appearance="outline">
24+
<mat-label>Issue title (optional)</mat-label>
25+
<input matInput [(ngModel)]="config.issueTitle" />
26+
</mat-form-field>
27+
2728
<mat-form-field appearance="outline">
2829
<mat-label>Primary ID Text</mat-label>
2930
<input matInput [(ngModel)]="config.primaryIdText" />
@@ -34,10 +35,6 @@
3435
<input matInput [(ngModel)]="config.secondaryIdText" />
3536
</mat-form-field>
3637

37-
<mat-checkbox [(ngModel)]="config.showSubtitle">
38-
Show Subtitle
39-
</mat-checkbox>
40-
4138
<mat-checkbox [(ngModel)]="config.showEditButton">
4239
Show Edit Button
4340
</mat-checkbox>
@@ -50,10 +47,6 @@
5047
Expanded (initial state)
5148
</mat-checkbox>
5249

53-
<mat-checkbox [(ngModel)]="config.showIssue">
54-
Show Issue Banner
55-
</mat-checkbox>
56-
5750
<mat-form-field appearance="outline">
5851
<mat-label>Region Names</mat-label>
5952
<input matInput [(ngModel)]="config.regionNames" />
@@ -81,8 +74,7 @@ <h5>Loading</h5>
8174
[compactMode]="false"
8275
[isDesktop]="true"
8376
[title]="config.title"
84-
[issueTitle]="config.showIssue ? config.issueBannerText : ''"
85-
[subtitle]="config.showSubtitle ? config.subtitle : ''"
77+
[subtitle]="config.subtitle"
8678
[caption]="config.caption"
8779
[primaryIdText]="config.primaryIdText"
8880
[secondaryIdText]="config.secondaryIdText"
@@ -91,6 +83,7 @@ <h5>Loading</h5>
9183
(expandedChange)="config.expanded = $event"
9284
[regionNames]="config.regionNames"
9385
[regionOrcidId]="config.regionOrcidId"
86+
[issueTitle]="config.issueTitle"
9487
[mainActionName]="mainActionName"
9588
(mainActionClicked)="onMainActionClick()"
9689
>
@@ -134,8 +127,7 @@ <h5>Loaded</h5>
134127
[compactMode]="false"
135128
[isDesktop]="true"
136129
[title]="config.title"
137-
[issueTitle]="config.showIssue ? config.issueBannerText : ''"
138-
[subtitle]="config.showSubtitle ? config.subtitle : ''"
130+
[subtitle]="config.subtitle"
139131
[caption]="config.caption"
140132
[primaryIdText]="config.primaryIdText"
141133
[secondaryIdText]="config.secondaryIdText"
@@ -144,6 +136,7 @@ <h5>Loaded</h5>
144136
(expandedChange)="config.expanded = $event"
145137
[regionNames]="config.regionNames"
146138
[regionOrcidId]="config.regionOrcidId"
139+
[issueTitle]="config.issueTitle"
147140
[mainActionName]="mainActionName"
148141
(mainActionClicked)="onMainActionClick()"
149142
>
@@ -193,8 +186,7 @@ <h5>Loading</h5>
193186
[compactMode]="true"
194187
[isDesktop]="true"
195188
[title]="config.title"
196-
[issueTitle]="config.showIssue ? config.issueBannerText : ''"
197-
[subtitle]="config.showSubtitle ? config.subtitle : ''"
189+
[subtitle]="config.subtitle"
198190
[caption]="config.caption"
199191
[primaryIdText]="config.primaryIdText"
200192
[secondaryIdText]="config.secondaryIdText"
@@ -203,6 +195,7 @@ <h5>Loading</h5>
203195
(expandedChange)="config.expanded = $event"
204196
[regionNames]="config.regionNames"
205197
[regionOrcidId]="config.regionOrcidId"
198+
[issueTitle]="config.issueTitle"
206199
>
207200
<img
208201
header-banner-logo
@@ -255,8 +248,7 @@ <h5>Loaded</h5>
255248
[compactMode]="true"
256249
[isDesktop]="true"
257250
[title]="config.title"
258-
[issueTitle]="config.showIssue ? config.issueBannerText : ''"
259-
[subtitle]="config.showSubtitle ? config.subtitle : ''"
251+
[subtitle]="config.subtitle"
260252
[caption]="config.caption"
261253
[primaryIdText]="config.primaryIdText"
262254
[secondaryIdText]="config.secondaryIdText"
@@ -265,6 +257,7 @@ <h5>Loaded</h5>
265257
(expandedChange)="config.expanded = $event"
266258
[regionNames]="config.regionNames"
267259
[regionOrcidId]="config.regionOrcidId"
260+
[issueTitle]="config.issueTitle"
268261
>
269262
<img
270263
header-banner-logo
@@ -323,8 +316,7 @@ <h5>Loading</h5>
323316
[compactMode]="false"
324317
[isDesktop]="false"
325318
[title]="config.title"
326-
[issueTitle]="config.showIssue ? config.issueBannerText : ''"
327-
[subtitle]="config.showSubtitle ? config.subtitle : ''"
319+
[subtitle]="config.subtitle"
328320
[caption]="config.caption"
329321
[primaryIdText]="config.primaryIdText"
330322
[secondaryIdText]="config.secondaryIdText"
@@ -333,6 +325,7 @@ <h5>Loading</h5>
333325
(expandedChange)="config.expanded = $event"
334326
[regionNames]="config.regionNames"
335327
[regionOrcidId]="config.regionOrcidId"
328+
[issueTitle]="config.issueTitle"
336329
[mainActionName]="mainActionName"
337330
(mainActionClicked)="onMainActionClick()"
338331
>
@@ -376,8 +369,7 @@ <h5>Loaded</h5>
376369
[compactMode]="false"
377370
[isDesktop]="false"
378371
[title]="config.title"
379-
[issueTitle]="config.showIssue ? config.issueBannerText : ''"
380-
[subtitle]="config.showSubtitle ? config.subtitle : ''"
372+
[subtitle]="config.subtitle"
381373
[caption]="config.caption"
382374
[primaryIdText]="config.primaryIdText"
383375
[secondaryIdText]="config.secondaryIdText"
@@ -386,6 +378,7 @@ <h5>Loaded</h5>
386378
(expandedChange)="config.expanded = $event"
387379
[regionNames]="config.regionNames"
388380
[regionOrcidId]="config.regionOrcidId"
381+
[issueTitle]="config.issueTitle"
389382
[mainActionName]="mainActionName"
390383
(mainActionClicked)="onMainActionClick()"
391384
>
@@ -433,8 +426,7 @@ <h5>Loading</h5>
433426
[compactMode]="true"
434427
[isDesktop]="false"
435428
[title]="config.title"
436-
[issueTitle]="config.showIssue ? config.issueBannerText : ''"
437-
[subtitle]="config.showSubtitle ? config.subtitle : ''"
429+
[subtitle]="config.subtitle"
438430
[caption]="config.caption"
439431
[primaryIdText]="config.primaryIdText"
440432
[secondaryIdText]="config.secondaryIdText"
@@ -443,6 +435,7 @@ <h5>Loading</h5>
443435
(expandedChange)="config.expanded = $event"
444436
[regionNames]="config.regionNames"
445437
[regionOrcidId]="config.regionOrcidId"
438+
[issueTitle]="config.issueTitle"
446439
>
447440
<img
448441
header-banner-logo
@@ -496,8 +489,7 @@ <h5>Loaded</h5>
496489
[compactMode]="true"
497490
[isDesktop]="false"
498491
[title]="config.title"
499-
[issueTitle]="config.showIssue ? config.issueBannerText : ''"
500-
[subtitle]="config.showSubtitle ? config.subtitle : ''"
492+
[subtitle]="config.subtitle"
501493
[caption]="config.caption"
502494
[primaryIdText]="config.primaryIdText"
503495
[secondaryIdText]="config.secondaryIdText"
@@ -506,6 +498,7 @@ <h5>Loaded</h5>
506498
(expandedChange)="config.expanded = $event"
507499
[regionNames]="config.regionNames"
508500
[regionOrcidId]="config.regionOrcidId"
501+
[issueTitle]="config.issueTitle"
509502
>
510503
<img
511504
header-banner-logo
@@ -553,130 +546,6 @@ <h5>Loaded</h5>
553546
</div>
554547
</div>
555548

556-
<div class="example-group">
557-
<h4>Issue banner</h4>
558-
<div class="example-stack">
559-
<div class="example-item">
560-
<h5>Desktop View - Normal Mode (no names)</h5>
561-
<div class="example-container desktop">
562-
<orcid-header-banner
563-
class="orcid-theme"
564-
[loading]="false"
565-
[compactMode]="false"
566-
[isDesktop]="true"
567-
[title]="''"
568-
[subtitle]="''"
569-
[primaryIdText]="config.primaryIdText"
570-
[secondaryIdText]="config.secondaryIdText"
571-
[expanded]="config.expanded"
572-
[canToggleExpanded]="config.canToggleExpanded"
573-
(expandedChange)="config.expanded = $event"
574-
[regionNames]="config.regionNames"
575-
[regionOrcidId]="config.regionOrcidId"
576-
[issueTitle]="config.issueBannerText"
577-
>
578-
<img
579-
header-banner-logo
580-
class="orcid-logo"
581-
src="https://qa.orcid.org/assets/vectors/orcid.logo.icon.svg"
582-
alt="ORCID logo"
583-
/>
584-
</orcid-header-banner>
585-
</div>
586-
</div>
587-
<div class="example-item">
588-
<h5>Desktop View - Compact Mode (no names)</h5>
589-
<div class="example-container desktop">
590-
<orcid-header-banner
591-
class="orcid-theme"
592-
[loading]="false"
593-
[compactMode]="true"
594-
[isDesktop]="true"
595-
[title]="''"
596-
[subtitle]="''"
597-
[primaryIdText]="config.primaryIdText"
598-
[secondaryIdText]="config.secondaryIdText"
599-
[expanded]="config.expanded"
600-
[canToggleExpanded]="config.canToggleExpanded"
601-
(expandedChange)="config.expanded = $event"
602-
[regionNames]="config.regionNames"
603-
[regionOrcidId]="config.regionOrcidId"
604-
[issueTitle]="config.issueBannerText"
605-
>
606-
<img
607-
header-banner-logo
608-
class="orcid-logo"
609-
src="https://qa.orcid.org/assets/vectors/orcid.logo.icon.svg"
610-
alt="ORCID logo"
611-
/>
612-
</orcid-header-banner>
613-
</div>
614-
</div>
615-
</div>
616-
</div>
617-
618-
<div class="example-group">
619-
<h4>Mobile banners (no names)</h4>
620-
<div class="example-grid">
621-
<div class="example-item">
622-
<h5>Mobile issue banner - Normal Mode</h5>
623-
<div class="example-container mobile">
624-
<orcid-header-banner
625-
class="orcid-theme"
626-
[loading]="false"
627-
[compactMode]="false"
628-
[isDesktop]="false"
629-
[title]="''"
630-
[subtitle]="''"
631-
[primaryIdText]="config.primaryIdText"
632-
[secondaryIdText]="config.secondaryIdText"
633-
[expanded]="config.expanded"
634-
[canToggleExpanded]="config.canToggleExpanded"
635-
(expandedChange)="config.expanded = $event"
636-
[regionNames]="config.regionNames"
637-
[regionOrcidId]="config.regionOrcidId"
638-
[issueTitle]="config.issueBannerText"
639-
>
640-
<img
641-
header-banner-logo
642-
class="orcid-logo"
643-
src="https://qa.orcid.org/assets/vectors/orcid.logo.icon.svg"
644-
alt="ORCID logo"
645-
/>
646-
</orcid-header-banner>
647-
</div>
648-
</div>
649-
650-
<div class="example-item">
651-
<h5>Mobile issue banner - Compact Mode</h5>
652-
<div class="example-container mobile">
653-
<orcid-header-banner
654-
class="orcid-theme"
655-
[loading]="false"
656-
[compactMode]="true"
657-
[isDesktop]="false"
658-
[title]="''"
659-
[subtitle]="''"
660-
[primaryIdText]="config.primaryIdText"
661-
[secondaryIdText]="config.secondaryIdText"
662-
[expanded]="config.expanded"
663-
[canToggleExpanded]="config.canToggleExpanded"
664-
(expandedChange)="config.expanded = $event"
665-
[regionNames]="config.regionNames"
666-
[regionOrcidId]="config.regionOrcidId"
667-
[issueTitle]="config.issueBannerText"
668-
>
669-
<img
670-
header-banner-logo
671-
class="orcid-logo"
672-
src="https://qa.orcid.org/assets/vectors/orcid.logo.icon.svg"
673-
alt="ORCID logo"
674-
/>
675-
</orcid-header-banner>
676-
</div>
677-
</div>
678-
</div>
679-
</div>
680549
</div>
681550

682551
<div inputs>
@@ -691,10 +560,8 @@ <h5>Mobile issue banner - Compact Mode</h5>
691560
<code>loading</code>: shows a progress bar and hides content while
692561
loading
693562
</li>
694-
<li>
695-
<code>regionNames</code>, <code>regionOrcidId</code>,
696-
<code>issueTitle</code>
697-
</li>
563+
<li><code>regionNames</code>, <code>regionOrcidId</code></li>
564+
<li><code>issueTitle</code> (optional)</li>
698565
</ul>
699566

700567
<h3>Outputs</h3>

‎projects/orcid-ui-docs/src/app/pages/record-header-page.component.ts‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -38,15 +38,13 @@ export class RecordHeaderPageComponent {
3838
caption: 'Senior Researcher, Example University',
3939
primaryIdText: '0000-0001-2345-6789',
4040
secondaryIdText: 'https://orcid.org/0000-0001-2345-6789',
41-
showSubtitle: true,
4241
showEditButton: true,
4342
canToggleExpanded: true,
4443
expanded: false,
4544
loading: false,
4645
regionNames: 'Names',
4746
regionOrcidId: 'Orcid iD',
48-
issueBannerText: 'This record has been deactivated',
49-
showIssue: false,
47+
issueTitle: '',
5048
}
5149

5250
get mainActionName(): string {

0 commit comments

Comments
 (0)