Insights - DubaiCommerceCity
Insights
News
View Allوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفEvents
View All حصل خطأ عند معالجة القالب.
The string doesn't match the expected date/time/date-time format. The string to parse was: "null". The expected format was: "yyyy-MM-dd".
The nested reason given follows:
Unparseable date: "null"
----
FTL stack trace ("~" means nesting-related):
- Failed at: #assign parsedDate = createdDate?date... [in template "20096#20121#1647591" at line 234, column 17]
----
1<style>
2.events-list-section {
3 padding-top: 80px;
4 padding-bottom: 80px;
5}
6
7section.events-list-section .section-header {
8 height: 100%;
9}
10
11.events-list-wrapper .event-card-item+.event-card-item {
12 padding-top: 40px;
13 margin-top: 40px;
14 border-top: 1px solid var(--dcc_line_divider)
15}
16
17.events-list-wrapper .event-card-item .event-card-body {
18 gap: 20px;
19 border-radius: 6px;
20 padding: 6px 6px;
21 outline: none;
22 box-shadow: none;
23 transition: all 0.5s linear;
24}
25
26.events-list-wrapper .event-card-item:hover .event-card-body {
27 background-color: var(--dcc_gray);
28}
29
30.events-list-wrapper .event-card-item .card-img-box {
31 position: relative;
32 width: 454px;
33 height: 332px;
34 flex-shrink: 0;
35}
36
37.events-list-wrapper .event-card-item .card-img-box img {
38 object-fit: cover;
39 border-radius: 6px;
40 height: 100%;
41 width: 100%;
42}
43
44.events-list-wrapper .event-card-item .date-box {
45 padding: 10px 10px 8px;
46 border-radius: 6px;
47 background-color: var(--dcc_white);
48 position: absolute;
49 left: 6px;
50 top: 6px;
51 max-width: 105px;
52 min-width: 90px;
53}
54
55.events-list-wrapper .event-card-item .date-box p {
56 font-size: 14px;
57 color: var(--dcc_dark_70);
58}
59
60.events-list-wrapper .event-card-item .date-box img {
61 width: 100%;
62 height: 100%;
63 border-radius: 6px;
64}
65
66.events-list-wrapper .event-card-item .date-box .date-title {
67 border-bottom: 1px solid var(--dcc_light_border);
68 margin-bottom: 6px;
69 color: var(--dcc_purple);
70 font-size: 38px;
71 font-weight: 400;
72 line-height: 46px;
73}
74
75.events-list-wrapper .event-card-item .card-content-box {
76 padding-top: 18px;
77 padding-bottom: 18px;
78}
79
80.events-list-wrapper .event-card-item .event-time-box {
81 gap: 8px;
82}
83
84.events-list-wrapper .event-card-item .event-time-box p {
85 height: 14px;
86}
87
88.events-list-wrapper .event-card-item .event-time-box p span {
89 color: var(--dcc_dark_70);
90}
91
92.events-list-wrapper .event-card-item .event-description .event-title {
93 display: -webkit-box;
94 -webkit-box-orient: vertical;
95 -webkit-line-clamp: 2;
96 overflow: hidden;
97 max-width: 443px;
98 margin-bottom: 20px;
99}
100
101.events-list-wrapper .event-card-item .event-description .event-title a {
102 text-decoration: none;
103 color: var(--dcc_dark_blue);
104}
105
106.events-list-wrapper .event-card-item .event-description .event-location {
107 gap: 8px;
108 max-width: 485px;
109}
110
111.events-list-wrapper .event-card-item .event-description .event-location span {
112 color: var(--dcc_dark_70);
113}
114
115.events-list-wrapper .event-card-item .event-description .item-link {
116 color: var(--dcc_purple_50);
117 font-weight: 400;
118}
119
120@media screen and (max-width:1199px) {
121 .events-list-wrapper.events-list-slider {
122 margin-bottom: 40px;
123 }
124
125 .events-list-wrapper .event-card-item {
126 margin-bottom: 0;
127 }
128
129 .events-list-wrapper .event-card-item .card-img-box {
130 width: 380px;
131 height: 280px;
132 }
133
134 section.events-list-section .section-header {
135 height: auto;
136 }
137}
138
139@media screen and (max-width:991px) {
140 .events-list-wrapper .event-card-item .date-box .date-title {
141 font-size: 31px;
142 line-height: 38px;
143 }
144}
145
146@media screen and (max-width:767px) {
147 .events-list-section {
148 padding-top: 50px;
149 padding-bottom: 50px;
150 overflow: hidden;
151 }
152
153 .events-list-section .col-xl-9.col-12 {
154 padding: 0;
155 }
156
157 .events-list-slider .slick-list {
158 padding-left: 16px;
159 padding-right: 16px;
160 }
161
162 .events-list-slider {
163 margin-left: -4px;
164 margin-right: -4px;
165 margin-bottom: 24px;
166 }
167
168 .events-list-wrapper .event-card-item {
169 padding-left: 4px;
170 padding-right: 4px;
171 }
172
173 .events-list-wrapper .event-card-item+.event-card-item {
174 padding-top: 0px;
175 margin-top: 0px;
176 border-top: 0;
177 }
178
179 .events-list-wrapper .event-card-item .event-card-body {
180 padding: 12px 12px;
181 border: 1px solid var(--dcc_line_divider);
182 }
183
184 .events-list-wrapper .event-card-item .card-content-box .event-time-box {
185 margin-bottom: 8px;
186 }
187
188 .events-list-wrapper .event-card-item .card-img-box {
189 width: 100%;
190 height: 262px;
191 }
192
193 .events-list-wrapper .event-card-item .date-box {
194 display: none;
195 }
196
197 .events-list-wrapper .event-card-item .card-content-box {
198 padding-bottom: 0;
199 padding-top: 8px;
200 }
201
202 .events-list-wrapper .event-card-item .event-description .event-location {
203 margin-bottom: 40px;
204 }
205}
206
207</style>
208
209<div class="events-list-wrapper events-list-slider">
210 <#if entries?has_content>
211 <#list entries as curEntry>
212 <#assign entryCategories = curEntry.getCategories()?map(category -> category)>
213 <#assign assetRenderer = curEntry.getAssetRenderer()>
214 <#if assetRenderer??>
215 <#assign docXml = saxReaderUtil.read(assetRenderer.getArticle().getContentByLocale(locale)) />
216 <#assign viewUrl = assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, curEntry) />
217 <#assign viewUrl = assetRenderer.getURLViewInContext(renderRequest, renderResponse, viewUrl) />
218 <#assign image = docXml.valueOf("//dynamic-element[@field-reference='bannerImage']/dynamic-content") />
219 <#assign title = docXml.valueOf("//dynamic-element[@field-reference='title']/dynamic-content") />
220 <#assign time = docXml.valueOf("//dynamic-element[@field-reference='time']/dynamic-content") />
221 <#assign createdDate = docXml.valueOf("//dynamic-element[@field-reference='date']/dynamic-content") />
222 <#assign location = docXml.valueOf("//dynamic-element[@field-reference='location']/dynamic-content") />
223 <#if image?has_content>
224 <#assign imageUrl = jsonFactoryUtil.createJSONObject(image).getString("url") />
225 </#if>
226 <#assign publishDateTime = curEntry.publishDate?datetime>
227 <#assign currentDateTime = .now>
228 <#assign millisecondsDifference = currentDateTime?long - publishDateTime?long >
229 <#assign secondsDifference = millisecondsDifference / 1000 >
230 <#assign minutesDifference = secondsDifference / 60 >
231 <#assign hoursDifference = minutesDifference / 60 >
232 <#assign daysDifference = hoursDifference / 24 >
233 <#assign yearsDifference = daysDifference / 365 >
234 <#assign parsedDate = createdDate?date("yyyy-MM-dd")?default("")>
235
236 <div class="event-card-item">
237 <div class="event-card-body d-md-flex">
238 <div class="card-img-box">
239 <div class="date-box">
240 <div class="date-title">${dateUtil.getDate(parsedDate, "d", locale)} </div>
241 <p>${dateUtil.getDate(parsedDate, "MMMM", locale)}</p>
242 <p>${dateUtil.getDate(parsedDate, "yyyy", locale)}</p>
243 </div>
244 <img src="${imageUrl}" alt="event" width="454"
245 height="332">
246 </div>
247 <div class="card-content-box d-flex justify-content-between flex-column">
248 <div class="event-time-box d-flex align-items-center">
249 <img src="/documents/d/dubaicommercecity/clock-2" alt="clock"
250 width="24" height="24" />
251 <p><span>${languageUtil.get(locale, 'time')} |</span> ${time}</p>
252 </div>
253 <div class="event-description d-flex flex-column">
254 <div class="event-location d-flex align-items-start order-md-2">
255 <img src="/documents/d/dubaicommercecity/location-1"
256 alt="location" width="24" height="24">
257 <p><span>${languageUtil.get(locale, 'location')} | </span> ${location}</p>
258 </div>
259 <p class="event-title font-size-medium order-md-1">
260 <a href="${viewUrl}">${title}</a></p>
261 <a href="#"
262 class="item-link d-md-none d-flex align-items-center justify-content-between order-3"
263 tabindex="0">
264 ${languageUtil.get(locale, 'explore')}
265 <img src="/documents/d/dubaicommercecity/purple-link-arrow-1" alt="item-link" width="24" height="24" />
266 </a>
267 </div>
268 </div>
269 </div>
270 </div>
271 </#if>
272 </#list>
273 </#if>
274</div>
275
276<script>
277 $(document).ready(function () {
278 function initSlick() {
279 $('.events-list-slider').slick({
280 slidesToShow: 1.6,
281 slidesToScroll: 1,
282 autoplay: false,
283 autoplaySpeed: 2000,
284 infinite: false,
285 dots: false,
286 arrows: false,
287 responsive: [
288 {
289 breakpoint: 576,
290 settings: {
291 slidesToShow: 1.18,
292 dots: false,
293 arrows: false,
294 }
295 }
296 ]
297 });
298 }
299
300 function destroySlick() {
301 if ($('.events-list-wrapper').hasClass('slick-initialized')) {
302 $('.events-list-wrapper').slick('unslick');
303 }
304 }
305
306 function checkSlick() {
307 if ($(window).width() < 769) {
308 if (!$('.events-list-wrapper').hasClass('slick-initialized')) {
309 initSlick();
310 }
311 } else {
312 destroySlick();
313 }
314 }
315
316 checkSlick();
317
318 $(window).on('resize', function () {
319 checkSlick();
320 });
321});
322</script>
Press
View Allوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفDownload Our Press Kit
Id magna nunc sed nulla convallis sagittis tristique tempus. Eget faucibus tellus urna facilisis et feugiat elementum.
Download Commercity App
Scan QR code to download the app on your phone