\r\n
\r\n {props.relatedDocuments &&\r\n props.relatedDocuments.referenceGroups.map((group, gIndex) => {\r\n return (\r\n group.references.length > 0 && (\r\n \r\n \r\n {group.header}\r\n
\r\n {/* first 5 doc ref*/}\r\n {group.references.map((docRef, rIndex) => {\r\n return (\r\n rIndex < numberOfDocsBeforeMoreLink && (\r\n \r\n \r\n
\r\n )\r\n );\r\n })}\r\n\r\n {/* put the rest of the links in a controlled collapse */}\r\n {group.references.length > numberOfDocsBeforeMoreLink && (\r\n \r\n {group.references.map((docRef, rIndex) => {\r\n return (\r\n rIndex >= numberOfDocsBeforeMoreLink && (\r\n \r\n \r\n
\r\n )\r\n );\r\n })}\r\n \r\n )}\r\n\r\n {/* link to show more / controlled collapse toggler */}\r\n {group.references.length > numberOfDocsBeforeMoreLink && (\r\n {\r\n e.preventDefault();\r\n setShowMore({ ...showMore, [group.header]: !showMore[group.header] });\r\n }}\r\n className=\"d-inline-block py-2\"\r\n >\r\n {showMore[group.header] ? \"Vis mindre\" : \"Vis mere\"}\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n )\r\n );\r\n })}\r\n\r\n {props.relatedDocuments &&\r\n props.relatedDocuments.euReferenceGroups.map((group, gIndex) => {\r\n return (\r\n group.references.length > 0 && (\r\n \r\n \r\n {group.type === CelexType.Implementation ? \"Links til EU direktiver, jf. note 1\" : \"Links til øvrige EU dokumenter\"}\r\n
\r\n\r\n {/* show first 5 */}\r\n {group.references.map((docRef, rIndex) => {\r\n return (\r\n rIndex < numberOfDocsBeforeMoreLink && (\r\n \r\n )\r\n );\r\n })}\r\n\r\n {/* put the rest of the links in a controlled collapse */}\r\n {group.references.length > numberOfDocsBeforeMoreLink && (\r\n \r\n {group.references.map((docRef, rIndex) => {\r\n return (\r\n rIndex >= numberOfDocsBeforeMoreLink && (\r\n \r\n )\r\n );\r\n })}\r\n \r\n )}\r\n\r\n {/* show the link to more */}\r\n {group.references.length > numberOfDocsBeforeMoreLink && (\r\n {\r\n e.preventDefault();\r\n setShowMore({ ...showMore, [\"eu_\" + group.type]: !showMore[\"eu_\" + group.type] });\r\n }}\r\n className=\"d-inline-block py-2\"\r\n >\r\n {showMore[\"eu_\" + group.type] ? \"Vis mindre\" : \"Vis mere\"}\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n )\r\n );\r\n })}\r\n\r\n {props.relatedDocuments &&\r\n props.relatedDocuments.documentLinkGroups.map((group, gIndex) => {\r\n return (\r\n group.references &&\r\n group.references.length > 0 && (\r\n \r\n \r\n {group.header}\r\n
\r\n\r\n {/* show first 5 */}\r\n {group.references.map((docRef, rIndex) => {\r\n return (\r\n rIndex < numberOfDocsBeforeMoreLink && (\r\n \r\n \r\n
\r\n )\r\n );\r\n })}\r\n\r\n {/* put the rest of the links in a controlled collapse */}\r\n {group.references.length > numberOfDocsBeforeMoreLink && (\r\n \r\n {group.references.map((docRef, rIndex) => {\r\n return (\r\n rIndex >= numberOfDocsBeforeMoreLink && (\r\n \r\n \r\n
\r\n )\r\n );\r\n })}\r\n \r\n )}\r\n\r\n {/* show the link to more */}\r\n {group.references.length > numberOfDocsBeforeMoreLink && (\r\n {\r\n e.preventDefault();\r\n setShowMore({ ...showMore, [\"link_\" + group.type + group.data]: !showMore[\"link_\" + group.type + group.data] });\r\n }}\r\n className=\"d-inline-block py-2\"\r\n >\r\n {showMore[\"link_\" + group.type + group.data] ? \"Vis mindre\" : \"Vis mere\"}\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n )\r\n );\r\n })}\r\n\r\n {props.relatedDocuments && !hasReferences(props.relatedDocuments) && (\r\n \r\n Der er ingen dokumentreferencer til dette dokument\r\n \r\n )}\r\n
\r\n
\r\n