Insights - Dubai CommerCity - DubaiCommerceCity
- في التجارة
- عن
عن
استمتع بهذا في التجارة استمتع بهذا استمتع بهذا
- منتجات شركة دي سي سي
منتجات شركة دي سي سي
استمتع بالطعام استمتع بالطعام استمتع بالطعام استمتع بالطعام استمتع بالطعام
- إنشاء الأعمال التجارية
إنشاء الأعمال التجارية
استمتع بالطعام استمتع بالطعام استمتع بالطعام استمتع بالطعام استمتع بالطعام
رؤى
أخبار
عرض الكلوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفالأحداث
عرض الكل حصل خطأ عند معالجة القالب.
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#2002989" 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" height="332">
245 </div>
246 <div class="card-content-box d-flex justify-content-between flex-column">
247 <div class="event-time-box d-flex align-items-center">
248 <img src="/documents/d/dubaicommercecity/clock-2" alt="clock" width="24" height="24" />
249 <p><span>${languageUtil.get(locale, 'time')} |</span> ${time}</p>
250 </div>
251 <div class="event-description d-flex flex-column">
252 <div class="event-location d-flex align-items-start order-md-2">
253 <img src="/documents/d/dubaicommercecity/location-1" alt="location" width="24" height="24">
254 <p><span>${languageUtil.get(locale, 'location')} | </span> ${location}</p>
255 </div>
256 <p class="event-title font-size-medium order-md-1">
257 <a href="${viewUrl}">${title}</a>
258 </p>
259 <a href="#" class="item-link d-md-none d-flex align-items-center justify-content-between order-3" tabindex="0">
260 ${languageUtil.get(locale, 'explore')}
261 <img src="/documents/d/dubaicommercecity/purple-link-arrow-1" alt="item-link" width="24" height="24" />
262 </a>
263 </div>
264 </div>
265 </div>
266 </div>
267 </#if>
268 </#list>
269 </#if>
270</div>
271
272<script>
273 $(document).ready(function () {
274 function initSlick() {
275 $('.events-list-slider').slick({
276 slidesToShow: 1.6,
277 slidesToScroll: 1,
278 autoplay: false,
279 autoplaySpeed: 2000,
280 infinite: false,
281 dots: false,
282 arrows: false,
283 responsive: [
284 {
285 breakpoint: 576,
286 settings: {
287 slidesToShow: 1.18,
288 dots: false,
289 arrows: false,
290 }
291 }
292 ]
293 });
294 }
295
296 function destroySlick() {
297 if ($('.events-list-wrapper').hasClass('slick-initialized')) {
298 $('.events-list-wrapper').slick('unslick');
299 }
300 }
301
302 function checkSlick() {
303 if ($(window).width() < 769) {
304 if (!$('.events-list-wrapper').hasClass('slick-initialized')) {
305 initSlick();
306 }
307 } else {
308 destroySlick();
309 }
310 }
311
312 checkSlick();
313
314 $(window).on('resize', function () {
315 checkSlick();
316 });
317});
318</script>
Press
View Allوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفوهذا أمر عظيم الآن، ولكن لا توجد انتكاسات
مع خيارات مرنة وأسعار تنافسية، يمكنك تخزين البضائع الخاصة بك بشكل آمن دون كسر
يستكشفقم بتنزيل مجموعتنا الصحفية
احصل على إرشادات لسهولة وفعالية عنصر الساعة.Eget faucibus tellus urna facilisis et feugiat elementum.
Download Commercity App
Scan QR code to download the app on your phone