https://www.ausgezeichnet.org/assets/widget/script/customize_dynamic_seal-uIQUySK.js

1const AU_DYNAMIC_SEAL_LEFT_POSITION = 'left'
2const AU_DYNAMIC_SEAL_DEFAULT_POSITION_VALUE = '1em'
3
4;(function () {
5    const fn = function () {
6        const AusgezeichnetCustomizeDynamicSealNamespace = {}
7
8        document
9            .querySelectorAll('.auorgDynamicSeal')
10            .forEach(function (element) {
11                // Get all customization attributes
12                AusgezeichnetCustomizeDynamicSealNamespace.position =
13                    element.getAttribute('auorg-data-position')
14                AusgezeichnetCustomizeDynamicSealNamespace.marginBottom =
15                    element.getAttribute('auorg-data-margin-bottom')
16                AusgezeichnetCustomizeDynamicSealNamespace.marginHorizontal =
17                    element.getAttribute('auorg-data-margin-horizontal')
18                AusgezeichnetCustomizeDynamicSealNamespace.backgroundColor =
19                    element.getAttribute('auorg-data-background-color')
20                AusgezeichnetCustomizeDynamicSealNamespace.panelBackgroundColor =
21                    element.getAttribute('auorg-data-panel-background-color')
22                AusgezeichnetCustomizeDynamicSealNamespace.panelTextColor =
23                    element.getAttribute('auorg-data-panel-text-color')
24
25                // Parse numeric values
26                AusgezeichnetCustomizeDynamicSealNamespace.marginBottomFloat =
27                    parseFloat(
28                        AusgezeichnetCustomizeDynamicSealNamespace.marginBottom
29                    ) || 0
30                AusgezeichnetCustomizeDynamicSealNamespace.marginHorizontalFloat =
31                    parseFloat(
32                        AusgezeichnetCustomizeDynamicSealNamespace.marginHorizontal
33                    ) || 0
34
35                // Get DOM elements
36                AusgezeichnetCustomizeDynamicSealNamespace.auorg_sealWrapper =
37                    element.querySelector('.auorg_sealWrapper')
38                AusgezeichnetCustomizeDynamicSealNamespace.auorgPopupContainer =
39                    element.querySelector('.auorgPopupContainer')
40
41                // Apply positioning and styling immediately
42                if (
43                    AusgezeichnetCustomizeDynamicSealNamespace.auorg_sealWrapper
44                ) {
45                    // Apply margin bottom (only if not already applied by main script)
46                    if (!AusgezeichnetCustomizeDynamicSealNamespace.auorg_sealWrapper.style.marginBottom) {
47                        AusgezeichnetCustomizeDynamicSealNamespace.auorg_sealWrapper.style.marginBottom =
48                            AusgezeichnetCustomizeDynamicSealNamespace.marginBottomFloat +
49                            'px'
50                    }
51
52                    // Apply positioning based on configuration
53                    if (
54                        AusgezeichnetCustomizeDynamicSealNamespace.position ===
55                        AU_DYNAMIC_SEAL_LEFT_POSITION
56                    ) {
57                        // Left position
58                        AusgezeichnetCustomizeDynamicSealNamespace.auorg_sealWrapper.style.left =
59                            AU_DYNAMIC_SEAL_DEFAULT_POSITION_VALUE
60                        AusgezeichnetCustomizeDynamicSealNamespace.auorg_sealWrapper.style.right =
61                            'unset'
62                        AusgezeichnetCustomizeDynamicSealNamespace.auorg_sealWrapper.style.marginLeft =
63                            AusgezeichnetCustomizeDynamicSealNamespace.marginHorizontalFloat + 'px'
64                        AusgezeichnetCustomizeDynamicSealNamespace.auorg_sealWrapper.style.marginRight = '0'
65                        
66                        if (
67                            AusgezeichnetCustomizeDynamicSealNamespace.auorgPopupContainer
68                        ) {
69                            AusgezeichnetCustomizeDynamicSealNamespace.auorgPopupContainer.style.right =
70                                'unset'
71                            AusgezeichnetCustomizeDynamicSealNamespace.auorgPopupContainer.style.left =
72                                '-1px'
73                        }
74                    } else {
75                        // Right position (default)
76                        AusgezeichnetCustomizeDynamicSealNamespace.auorg_sealWrapper.style.right =
77                            AU_DYNAMIC_SEAL_DEFAULT_POSITION_VALUE
78                        AusgezeichnetCustomizeDynamicSealNamespace.auorg_sealWrapper.style.left =
79                            'unset'
80                        AusgezeichnetCustomizeDynamicSealNamespace.auorg_sealWrapper.style.marginRight =
81                            AusgezeichnetCustomizeDynamicSealNamespace.marginHorizontalFloat + 'px'
82                        AusgezeichnetCustomizeDynamicSealNamespace.auorg_sealWrapper.style.marginLeft = '0'
83                        
84                        if (
85                            AusgezeichnetCustomizeDynamicSealNamespace.auorgPopupContainer
86                        ) {
87                            AusgezeichnetCustomizeDynamicSealNamespace.auorgPopupContainer.style.left =
88                                'unset'
89                            AusgezeichnetCustomizeDynamicSealNamespace.auorgPopupContainer.style.right =

90                                '-1px'
91                        }
92                    }
93                }
94
95                // Apply background colors
96                const auorgFirstSpace =
97                    element.querySelector('.auorgFirstSpace')
98                if (auorgFirstSpace && AusgezeichnetCustomizeDynamicSealNamespace.backgroundColor) {
99                    auorgFirstSpace.style.backgroundColor =
100                        AusgezeichnetCustomizeDynamicSealNamespace.backgroundColor
101                }
102
103                const auorgSecondSpace =
104                    element.querySelector('.auorgSecondSpace')
105                const auorgHeader = element.querySelector('.auorgHeader')
106                
107                if (auorgSecondSpace) {
108                    if (AusgezeichnetCustomizeDynamicSealNamespace.panelTextColor) {
109                        auorgSecondSpace.style.color =
110                            AusgezeichnetCustomizeDynamicSealNamespace.panelTextColor
111                    }
112                    if (AusgezeichnetCustomizeDynamicSealNamespace.panelBackgroundColor) {
113                        auorgSecondSpace.style.backgroundColor =
114                            AusgezeichnetCustomizeDynamicSealNamespace.panelBackgroundColor
115                    }
116                }
117
118                if (
119                    AusgezeichnetCustomizeDynamicSealNamespace.panelBackgroundColor
120                ) {
121                    if (auorgHeader) {
122                        auorgHeader.style.backgroundColor =
123                            AusgezeichnetCustomizeDynamicSealNamespace.panelBackgroundColor
124                    }
125                }
126
127                const profileName = element.querySelector('.profileName')
128                if (profileName && AusgezeichnetCustomizeDynamicSealNamespace.panelTextColor) {
129                    profileName.style.color =
130                        AusgezeichnetCustomizeDynamicSealNamespace.panelTextColor
131                }
132
133                const auorgClose = auorgHeader
134                    ? auorgHeader.querySelector('.auorgClose>path')
135                    : null
136                if (auorgClose && AusgezeichnetCustomizeDynamicSealNamespace.panelTextColor) {
137                    auorgClose.style.stroke =
138                        AusgezeichnetCustomizeDynamicSealNamespace.panelTextColor
139                }
140                // Note: Link colors are handled by CSS with high specificity and !important
141                // No need to force set via JavaScript
142            })
143    }
144
145    // Execute immediately if DOM is ready, otherwise wait for DOMContentLoaded
146    if (document.readyState === 'loading') {
147        document.addEventListener('DOMContentLoaded', fn)
148    } else {
149        // DOM already loaded, execute immediately
150        fn()
151    }
152    
153    // Also execute after a short delay to ensure all elements are rendered
154    setTimeout(fn, 50)
155})()