esenders
Prišlo je do napake pri odpiranju teme.
The following has evaluated to null or missing:
==> Checkbox24137973 [in template "20099#20125#ESENDERS-TEMPLATE" at line 156, column 11]
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: #if (Checkbox24137973.getData())?boolean [in template "20099#20125#ESENDERS-TEMPLATE" at line 156, column 5]
----
1<style>
2 .ted-esenders {
3 width: 100%;
4 border: 1px solid #ddd;
5 box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
6 font-size: 14px;
7 background: #fff;
8 }
9
10 .ted-esenders__header {
11 display: grid;
12 grid-template-columns: 300px 1fr;
13 background: white;
14 color: #444;
15 font-size: 16px;
16 font-weight: 700;
17 border-bottom: 1px solid #ddd;
18 }
19
20 .ted-esenders__header > div {
21 padding: 17px 20px 14px;
22 text-align: left;
23 }
24
25 .ted-esenders__header .ted-esenders__header-infos {
26 border-left: 1px solid #ddd;
27 padding-left: 30px;
28 }
29
30 .ted-esenders__list {
31 list-style: none;
32 padding: 0;
33 margin: 0;
34 }
35
36 .ted-esenders__row {
37 display: grid;
38 grid-template-columns: 300px 1fr;
39 }
40
41 .ted-esenders__row + .ted-esenders__row {
42 border-top: 1px solid #ddd;
43 }
44
45 .esender-logo {
46 text-align: center;
47 width: 300px;
48 max-width: 300px;
49 max-height: 300px;
50 padding: 17px 20px 14px;
51 box-sizing: border-box;
52 display: flex;
53 align-items: center;
54 justify-content: center;
55 flex-wrap: wrap;
56 }
57
58 .esender-logo img {
59 max-width: 100%;
60 width: auto;
61 max-height: calc(300px - 17px - 14px);
62 height: auto;
63 display: inline-block;
64 }
65
66 .esender-infos {
67 border-left: 1px solid #ddd;
68 padding: 17px 20px 14px;
69 padding-left: 30px;
70 box-sizing: border-box;
71 vertical-align: top;
72 }
73
74 .esender-infos p {
75 margin: 0;
76 }
77
78 .esender-infos p + p {
79 margin-top: 5px;
80 }
81
82 /* tablet */
83 @media (min-width: 768px) and (max-width: 996px) {
84 .esender-logo {
85 width: 300px;
86 height: 300px;
87 max-width: 300px;
88 max-height: 300px;
89 }
90
91 .esender-logo img {
92 /*max-height: 300px;*/
93 }
94 }
95
96 /* mobile */
97 @media (max-width: 768px) {
98 .ted-esenders {
99 border: 0;
100 box-shadow: none;
101 background: transparent;
102 }
103
104 .ted-esenders__header {
105 position: absolute;
106 clip: rect(0 0 0 0);
107 height: 1px;
108 width: 1px;
109 overflow: hidden;
110 white-space: nowrap;
111 }
112
113 .ted-esenders__row {
114 grid-template-columns: 1fr;
115 padding: 10px 20px;
116 border: 1px solid #ddd;
117 box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
118 margin: 20px 0;
119 background: #fff;
120 }
121
122 .ted-esenders__row + .ted-esenders__row {
123 border-top: 1px solid #ddd; /* keeps your separation behavior */
124 }
125
126 .esender-logo {
127 border-right: 0;
128 width: 100%;
129 max-width: 100%;
130 height: auto;
131 padding: 8px 0;
132 }
133
134 .esender-infos {
135 border-left: 0;
136 padding: 8px 0;
137 padding-left: 0;
138 text-align: left;
139 }
140
141 .esender-logo-wrapper {
142 display: inline-block;
143 max-width: 300px;
144 max-height: 300px;
145 }
146
147 .esender-logo-wrapper img {
148 max-width: 100%;
149 max-height: calc(300px - 60px);
150 height: auto;
151 width: auto;
152 display: block;
153 margin: 0 auto;
154 }
155
156 <#if (Checkbox24137973.getData())?boolean>
157 .esender-infos::before,
158 .esender-logo::before {
159 content: attr(data-label);
160 font-weight: 700;
161 display: block;
162 margin: 20px auto;
163 background: white;
164 color: #444;
165 font-size: 20px;
166 border-bottom: 1px solid #ddd;
167 text-align: center;
168 width: 100%;
169 }
170
171 .esender-logo::before {
172 margin-top: 0;
173 }
174
175 </#if>
176 }
177</style>
178
179<#if (FieldsGroup18433919.getData())??>
180
181 <#assign logoLabel><@liferay.language key="${Text77949238.getData()}" /></#assign>
182 <#assign infoLabel><@liferay.language key="${Text77359871.getData()}" /></#assign>
183 <section class="ted-esenders" aria-label="${logoLabel} / ${infoLabel}">
184 <#if (Checkbox24137973.getData())?boolean>
185 <div class="ted-esenders__header" role="presentation">
186 <div>${logoLabel}</div>
187 <div class="ted-esenders__header-infos">${infoLabel}</div>
188 </div>
189 </#if>
190
191 <ul class="ted-esenders__list">
192 <#list FieldsGroup18433919.getSiblings() as row>
193 <li class="ted-esenders__row">
194 <div class="esender-logo" data-label="${logoLabel}">
195 <div class="esender-logo-wrapper">
196 <#if (row.Image51799073.getData())?? && row.Image51799073.getData() != "">
197 <img
198 alt="${row.Image51799073.getAttribute("alt")!""}"
199 data-fileentryid="${row.Image51799073.getAttribute("fileEntryId")}"
200 src="${row.Image51799073.getData()}"/>
201 </#if>
202 </div>
203 </div>
204
205 <div class="esender-infos" data-label="${infoLabel}">
206 <#if (row.RichText95347614.getData())?? && row.RichText95347614.getData() != "">
207 ${row.RichText95347614.getData()}
208 </#if>
209 </div>
210 </li>
211 </#list>
212 </ul>
213 </section>
214</#if>