1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
|
/**
* @file
* Adds a summary of a details element's contents to its summary element.
*/
(($, Drupal) => {
/**
* The DetailsSummarizedContent object represents a single details element.
*
* @constructor Drupal.DetailsSummarizedContent
*
* @param {HTMLElement} node
* A details element, the summary of which may have supplemental text.
* The supplemental text summarizes the details element's contents.
*/
function DetailsSummarizedContent(node) {
this.$node = $(node);
this.setupSummary();
}
$.extend(
DetailsSummarizedContent,
/** @lends Drupal.DetailsSummarizedContent */ {
/**
* Holds references to instantiated DetailsSummarizedContent objects.
*
* @type {Array.<Drupal.DetailsSummarizedContent>}
*/
instances: [],
},
);
$.extend(
DetailsSummarizedContent.prototype,
/** @lends Drupal.DetailsSummarizedContent# */ {
/**
* Initialize and setup summary events and markup.
*
* @fires event:summaryUpdated
*
* @listens event:summaryUpdated
*/
setupSummary() {
this.$detailsSummarizedContentWrapper = $(
Drupal.theme('detailsSummarizedContentWrapper'),
);
this.$node
.on('summaryUpdated', this.onSummaryUpdated.bind(this))
.trigger('summaryUpdated')
.find('> summary')
.append(this.$detailsSummarizedContentWrapper);
},
/**
* Update summary.
*/
onSummaryUpdated() {
const text = this.$node.drupalGetSummary();
this.$detailsSummarizedContentWrapper.html(
Drupal.theme('detailsSummarizedContentText', text),
);
},
},
);
/**
* Adds a summary of a details element's contents to its summary element.
*
* @type {Drupal~behavior}
*
* @prop {Drupal~behaviorAttach} attach
* Attaches behavior for the details element.
*/
Drupal.behaviors.detailsSummary = {
attach(context) {
DetailsSummarizedContent.instances =
DetailsSummarizedContent.instances.concat(
once('details', 'details', context).map(
(details) => new DetailsSummarizedContent(details),
),
);
},
};
Drupal.DetailsSummarizedContent = DetailsSummarizedContent;
/**
* The element containing a wrapper for summarized details content.
*
* @return {string}
* The markup for the element that will contain the summarized content.
*/
Drupal.theme.detailsSummarizedContentWrapper = () =>
`<span class="summary"></span>`;
/**
* Formats the summarized details content text.
*
* @param {string|null} [text]
* (optional) The summarized content text displayed in the summary.
* @return {string}
* The formatted summarized content text.
*/
Drupal.theme.detailsSummarizedContentText = (text) =>
text ? ` (${text})` : '';
})(jQuery, Drupal);
|
