Watch online – DBS Sparks series S3:E1 New Kids On The Block

An error occurred while processing the template.

Failed to get value for key "com.liferay.portal.kernel.workflow.WorkflowConstants"; see cause exception.

----
FTL stack trace ("~" means nesting-related):
	- Failed at: workflowConstants = staticUtil["com.l...  [in template "20100#20136#11660304" at line 12, column 5]
----

1<#assign journalArticleId = .vars['reserved-article-id'].data>

2<#assign journalArticleResourceLocalServiceUtil = staticUtil["com.liferay.journal.service.JournalArticleResourceLocalServiceUtil"]>

3<#assign journalArticleLocalServiceUtil = staticUtil["com.liferay.journal.service.JournalArticleLocalServiceUtil"]>

4<#assign assetCategoryLocalServiceUtil = staticUtil["com.liferay.asset.kernel.service.AssetCategoryLocalServiceUtil"]>

5<#assign assetEntryLocalServiceUtil = staticUtil["com.liferay.asset.kernel.service.AssetEntryLocalServiceUtil"]>

6<#assign PortalUtil = staticUtil["com.liferay.portal.kernel.util.PortalUtil"]>

7<#assign assetEntryQuery = objectUtil("com.liferay.asset.kernel.service.persistence.AssetEntryQuery") />

8<#assign ddmStructureLocalServiceUtil = staticUtil["com.liferay.dynamic.data.mapping.service.DDMStructureLocalServiceUtil"]>

9<#assign localizationUtil = staticUtil["com.liferay.portal.kernel.util.LocalizationUtil"]>

10<#assign

11    serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()

12    workflowConstants = staticUtil["com.liferay.portal.kernel.workflow.WorkflowConstants"]

13    themeDisplay = serviceContext.getThemeDisplay()

14    siteName = themeDisplay.getSiteGroupName()

15    group_id = themeDisplay.getScopeGroupId()

16    groupIdArr = [group_id]

17    portal_url = themeDisplay.getPortalURL()

18    path_context = themeDisplay.getPathContext()

19    journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")

20    DLFileEntryLocalService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService")

21	JournalContentSearchLocalService = serviceLocator.findService("com.liferay.journal.service.JournalContentSearchLocalService")

22	LayoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")

23>

24<div style="display:none;">siteName: ${siteName}</div>

25<#assign siteName = themeDisplay.getScopeGroup().getNameCurrentValue()>

26<#assign articleResourcePK = journalArticleResourceLocalServiceUtil.getArticleResourcePrimKey(groupId, journalArticleId)/>

27<#assign parentCategoryList = assetCategoryLocalServiceUtil.getCategories("com.liferay.journal.model.JournalArticle",articleResourcePK) >

28<#assign categoryIdList=[] />

29<#if parentCategoryList?has_content>

30	<#list parentCategoryList as parentCategory>

31		<#assign categoryIdList = categoryIdList + [ parentCategory.getCategoryId()] />

32	</#list>

33</#if>

35<#-- UAT

36<#assign structureIdArr=[14139468,78491386] /> -->

38<#-- PRoD -->

39<#assign structureIdArr=[19610783,297867049] />

41<#assign

42	search = assetEntryQuery.setAnyCategoryIds(categoryIdList)

43	search = assetEntryQuery.setAndOperator(true)

44	search = assetEntryQuery.setGroupIds(groupIdArr)

45	search = assetEntryQuery.setOrderByCol1("modifiedDate")

46	search = assetEntryQuery.setStart(0)

47    search = assetEntryQuery.setEnd(15)

48    search = assetEntryQuery.setClassTypeIds(structureIdArr)

49	search = assetEntryQuery.setOrderByType1("DESC")

50>

51<#assign assetEntryresults = assetEntryLocalServiceUtil.getEntries(assetEntryQuery)>

53<#assign displayorder ="Ascending" >

54<#if DisplayOrder?has_content>

55<#assign displayorder = DisplayOrder.getData()>

56</#if>

57<input type="hidden" id="videodisplayorder" name="videodisplayorder" value="${displayorder}">

59<section class="layout-videoSeason2TopFold padding-default noPaddingTop" data-populateSeason2="3">

60    <div class="videoSeason2TopFoldWrap">

61		<#list LearnmoreVideos.getSiblings() as cur_BrowseForWebContent>

62		    <#assign index_proc = cur_BrowseForWebContent?index>

63			<#if index_proc==0>

64		        <div class="eachEpisode">

65		        <div class="imgWrap" href="">

66		            <div class="lazyWrap">

67		              <img class="lazy imgLoaded" src="${cur_BrowseForWebContent.Image1.getData()}" loading="lazy">

68		            </div>

69		          </div>

70		          <div class="grad"></div>

71		          <div class="g">

72		            <div class="r">

73		              <div class="lg-5 lg-offset-1 md-10">

74		                <div class="wrap">

75		                    <div class="tagline">

76		                        <p class="xxs">

77		                        <#if parentCategoryList?has_content>

78			                      	<#list parentCategoryList as category>

79			                          	<a class="article-tag" href="/${siteName}/topics.html?topic=${category.getName()}">

80			                          		<strong>${category.getName()}</strong>

81			                      		</a>

82			                      		<#break>

83			                      	</#list>

84			                    </#if>

85		                        </p>

86		                        <div class="dot"></div>

87		                        <p class="article-read xxs">${cur_BrowseForWebContent.ReadTime.getData()}</p>

88		                      </div>

89		                  <h3 class="title matchArticle">

90		                    ${cur_BrowseForWebContent.Title.getData()}

91		                  </h3>

92		                  <#if cur_BrowseForWebContent.SubTitle.getData()??>

93		                  	<p class="strap">${cur_BrowseForWebContent.SubTitle.getData()}</p>

94		                  </#if>

95		                  <div class="btnsWrap">

96		                    <a class="redBtn" data-youtubeplayer="${cur_BrowseForWebContent.YoutubeURLID.getData()}"><span>Play</span></a>

97		                  </div>

98		                </div>

99		              </div>

100		            </div>

101		          </div>

102		        </div>

103			</#if>

104		</#list>

105	</div>

106	<div class="g moreNavWrap">

107	    <div class="r">

108	      <div class="xs-12">

109	        <div class="moreNav">

110	          <h6 class="active">MORE EPISODES</h6>

111	          <h6>EXTRAS</h6>

112	        </div>

113	      </div>

114	    </div>

115	  </div>

117      <div class="owl-carousel owlMoreEpisode1">

118		<div class="owl-carousel owlmoreEpisode moreEpisodeListing">

119			<#list assetEntryresults as assetEntry>

120				<#assign Title 	= "">

121				<#assign SubTitle 	= "">

122				<#assign ReadTime 	= "">

123				<#assign VideoURL 	= "">

124				<#assign journalArticleResource=journalArticleResourceLocalServiceUtil.getJournalArticleResource(assetEntry.getClassPK()) />

125				<#assign journalArticle = journalArticleLocalService.getLatestArticle(journalArticleResource.getResourcePrimKey(), workflowConstants.STATUS_APPROVED)

126			        article_id = journalArticle.articleId

127			        article_content = journalArticleLocalService.getLatestArticle(group_id, article_id)

128			        document = saxReaderUtil.read(journalArticle.getContent())

129			        rootElement = document.getRootElement()>

130				<#assign layout_Ids = JournalContentSearchLocalService.getLayoutIds(group_id,false,article_id)>

131				<#assign layout_IdsSize = layout_Ids?size>

133				<#if layout_IdsSize==1>

134					<#list layout_Ids as layoutid>

135						<#assign

136						    layout = LayoutLocalService.getLayout(group_id,false,layoutid)

137						    friendlyurl = layout.getFriendlyURL()

138						    pageurl = PortalUtil.getLayoutFullURL(layout, themeDisplay)

139						>

140					<#else>

141						<#assign pageurl="" />

142					</#list>

143				<#else>

144					<#assign pageurl="" />

145				</#if>

146				<#--  pageurl: ${pageurl} <br />	-->

147				<#list rootElement.elements() as dynamicElement>

148					<#assign articleResourcePK = journalArticleResourceLocalServiceUtil.getArticleResourcePrimKey(group_id, article_id)/>

149					<#assign categoryList=assetCategoryLocalServiceUtil.getCategories("com.liferay.journal.model.JournalArticle", articleResourcePK) >

150					<#assign imageJson = dynamicElement.valueOf("//dynamic-element[@name='Image1']/dynamic-content/text()")>

151					<#attempt>

152					<#if imageJson?has_content> <#-- for article detail -->

153						<#assign datas_res = imageJson ?eval />

154						<#if datas_res?has_content>

155							<#assign entrys_id = datas_res.fileEntryId />

156							<#if entrys_id?has_content>

157								<#assign fileEntrys = DLFileEntryLocalService.getDLFileEntry(entrys_id?number) />

158								<#if fileEntrys?has_content>

159									<#assign plain_sid = fileEntrys.getUuid() />

160									<#if fileEntrys?has_content>

161										<#assign plus_thub =  "/documents/" + group_id+"/"+plain_sid />

162									<#else>

163										<#assign plus_thub = "" />

164									</#if>

165								<#else>

166									<#assign plus_thub = "" />

167								</#if>

168							<#else>

169								<#assign plus_thub = "" />

170							</#if>

171						<#else>

172							<#assign plus_thub = "" />

173						</#if>

174					<#else>

175						<#assign plus_thub = "" />

176					</#if>

177					<#recover>

179					</#attempt>

180					<#--  plus_thub: ${plus_thub}	-->

181					<#if (dateUtil.compareTo(expiration_date,current_time)>=0)>

182						<#assign Title 		= dynamicElement.valueOf("//dynamic-element[@name='Title']/dynamic-content/text()")>

183						<#assign SubTitle 	= dynamicElement.valueOf("//dynamic-element[@name='SubTitle']/dynamic-content/text()")>

184						<#assign ReadTime 	= dynamicElement.valueOf("//dynamic-element[@name='ReadTime']/dynamic-content/text()")>

185						<#assign VideoURL 	= dynamicElement.valueOf("//dynamic-element[@name='YoutubeURLID']/dynamic-content/text()")>

187					</#if>

188				</#list>

189				<#if pageurl?has_content && plus_thub?has_content && ReadTime?has_content && Title?has_content>

190					<div class="default-articleStyle">

191					    <a class="articleImg" href="${pageurl}">

192						  <div class="lazyWrap">

193						    <img class="lazy imgLoaded" src="${plus_thub}" loading="lazy">

194						  </div>

195						</a>

196						<div class="articleTagline">

197						  <div class="tagline">

198						    <p class="xxs">

199								<#list categoryList as category>

200									<a class="article-tag" href="/${siteName}/sparks/index.html">

201										<strong>${category.getName()}</strong>

202									</a>

203									<#break>

204								</#list>

205							</p>

206							<div class="dot"></div>

207							<p class="xxs">${ReadTime}</p>

208						  </div>

209						</div>

210						<h6 class="articleTitle matchArticle">

211						  <a href="${pageurl}">${Title}</a>

212					    </h6>

213					</div>

214				</#if>

215			</#list>

218	  </div>

220        <div class="owl-carousel owlmoreEpisode owlEachVideosRow">

222		  	<#if extraVideosBlock??>

223			  	<#list extraVideosBlock.getSiblings() as extraVideos>

224					<#if extraVideos.videoImageExtra?? && extraVideos.youtubeURLIDExtra?? >

225				  		<div class="default-articleStyle">

226            <a class="articleImg isVideo" data-youtubeplayer="${extraVideos.youtubeURLIDExtra.getData()}">

227							  <div class="lazyWrap">

228							    <img class="lazy imgLoaded" src="${extraVideos.videoImageExtra.getData()}" loading="lazy" />

229							  </div>

230							</a>

231            <div class="articleTagline">

232              <div class="tagline">

233                <p class="xxs">

234					<strong>

235						<#if parentCategoryList?has_content>

236							<#list parentCategoryList as category>

237								<a class="article-tag" href="/${siteName}/sparks/index.html">

238									<strong>${category.getName()}</strong>

239					</a>

240								<#break>

241							</#list>

242			            </#if>

243					</strong>

244                </p>

245                <div class="dot"></div>

246                <p class="xxs">${extraVideos.readTimeExtra.getData()}</p>

247              </div>

248            </div>

249            <h6 class="articleTitle s matchArticle">

250              <a data-youtubeplayer="${extraVideos.youtubeURLIDExtra.getData()}">${extraVideos.titleExtra.getData()}</a>

251            </h6>

252          </div>

253					</#if>

254			  	</#list>

255			  <#else>

256			  	<!--	extraVideosBlock is empty-->

257			  </#if>

260		</div>

261		  </div>

263</section>

264<script>

266function removeDuplicates() {

267    const st = new Set();

268    for (const div of document.querySelectorAll('.matchArticle')) {

269        if (st.has(div.textContent.trim())) {

270            div.parentNode.remove();

271        }

272        st.add(div.textContent.trim());

273    }

274}

275removeDuplicates();

277$(document).ready(function() {

280    $('.moreNav h6').click(function(){

281        $('.moreNav h6').removeClass('active');

282        $(this).addClass('active');

283        owlMoreEpisode.trigger('to.owl.carousel', $(this).index())

284    });

285    var owlMoreEpisode = $('.owlMoreEpisode1');

286    $('.moreNav h6').removeClass('active');

287    $('.moreNav h6:first-child').addClass('active');

288    owlMoreEpisode.trigger('to.owl.carousel', 0)

289    owlMoreEpisode.owlCarousel({

290        stagePadding: 0,

291        margin: 25,

292        items: 1,

293        autoHeight: true,

294        touchDrag: false,

295        mouseDrag: false,

297    });

299    $('.owlEachVideosRow').each(function(index) {

300      owlEachVideosRow = $(this);

301      owlEachVideosRow.owlCarousel({

302          stagePadding: 50,

303          margin: 15,

304          items: 1,

305          loop: false,

306          nav: true,

307          dots: false,

308          dotsEach: false,

309          responsive: {

310              468 : {

311                stagePadding: 80,

312                items: 2

313              },

314              1080 : {

315                stagePadding: 100,

316                items: 4

317              }

318          }

319      });

320    });

322   $('.owlmoreEpisode').each(function(index) {

323      owlmoreEpisode = $(this);

324      owlmoreEpisode.owlCarousel({

325          stagePadding: 50,

326          margin: 15,

327          items: 1,

328          loop: false,

329          nav: true,

330          dots: false,

331          dotsEach: false,

332          responsive: {

333              468 : {

334                stagePadding: 80,

335                items: 2

336              },

337              1080 : {

338                stagePadding: 100,

339                items: 4

340              }

341          }

342      });

343    });

347})

348!!localStorage.getItem("livemoreArticleID") ? livemoreArticleIds = JSON.parse(localStorage.getItem("livemoreArticleID")) : null;

350if($('#videodisplayorder').val() == 'Ascending'){

352   function sortCategory(elementContainer)

353{

354  var allElements = document.body.querySelectorAll(elementContainer);

355  Array.prototype.slice.call(allElements).sort(byAlphabet).forEach(function(div)

356  {

357    div.parentElement.appendChild(div);

358  });

359}

360function byAlphabet(first, second)

361{

362  var order = 0;

363  var first = first.querySelector('.articleTitle a').textContent.trim();

364  var second = second.querySelector('.articleTitle a').textContent.trim();

365  first > second ? order = 1 : order = -1;

366  return order;

367}

368//Call sortCategory function and pass in the container you want sorted

369sortCategory('.moreEpisodeListing .default-articleStyle');

370}else{

372   function sortCategory(elementContainer)

373{

374  var allElements = document.body.querySelectorAll(elementContainer);

375  Array.prototype.slice.call(allElements).sort(byAlphabet).forEach(function(div)

376  {

377    div.parentElement.appendChild(div);

378  });

379}

380function byAlphabet(first, second)

381{

382  var order = 0;

383  var first = first.querySelector('.articleTitle a').textContent.trim();

384  var second = second.querySelector('.articleTitle a').textContent.trim();

385  first < second ? order = 1 : order = -1;

386  return order;

387}

388//Call sortCategory function and pass in the container you want sorted

389sortCategory('.moreEpisodeListing .default-articleStyle');

390}

392</script>

393<style>

394html.darkTheme .default-articleStyle .articleTitle a{

395color: #E9E9E9;

396}

397.owlmoreEpisodeWrap .owl-nav{

398	display:none !important;

399}

400.moreEpisodeListing .owl-nav{

401	display:block !important;

402}

403    .layout-videoSeason2TopFold {

404        z-index: 1;

405    }

406    .season2-content {

407        margin-left: 100PX !IMPORTANT;

408    padding-left: 20PX;

409    }

410    .portlet-column-only {

411        padding: 0;

412    }

413    .portlet-layout {

414        margin: 0;

415    }

416    #main-content {

417        max-width: unset;

418        padding: 0;

419    }

420    .layout-videoSeason2TopFold .owlmoreEpisode .owl-nav>div:before {

421        background-image: url(/o/gsmc-theme/images/livemore/arrow-r.svg);

422		top:0px !important;

423    }

424	.layout-videoSeason2TopFold .owlmoreEpisode .owl-nav .owl-next:before {

425    top: -10px !important;

426    }

427	.layout-videoSeason2TopFold .owlmoreEpisode .owl-nav{

428		top:42% !important;

429	}

431	@media (min-width: 1025px){

432.lg-offset-1 {

433    margin-left: 8.33333333% !important;

434}

435}

436@media (max-width: 1279px){

437.layout-videoSeason2TopFold .owlmoreEpisode .owl-stage{

438        left: 0;

439}

440}

442.at-expanding-share-button.at-expanding-share-button-mobile+.at-expanding-share-button-mobile-overlay{

443    display:none !important;

444}

445.default-articleStyle .articleImg.isVideo:before, .default-articleStyle .articleImg.isAudio:before{

446	background-image:url(/o/gsmc-theme/images/livemore/playIcon.png);

447}

448	/*.layout-videoSeason2TopFold .owlmoreEpisode .owl-nav>div:before {

449        background-image: url(/o/gsmc-theme/images/${siteName}/arrow-r.svg);

450    }*/

452</style>

TECH JOURNEYS AT DBS

"Throughout my journey as a developer, I've felt truly supported by the team."

Julian Chang, Customer Analytics,
DBS Technology & Operations

"Everyday is different, and feels like a new challenge."

Linda Lee
DBS Technology & Operations

We spent a day with tech experts | In The Moment: Episode 17

Meet Kim, a 22-year-old software engineer, and Lyra, a 24-year-old software developer in DBS.

“It was 9.45am on a Saturday back in October 2021, I’d just joined about 2,000 other participants in a virtual hackathon organised by DBS.

Only, we weren’t developing a solution to win a grand cash prize. We were all competing for 100+ tech roles that DBS was hiring for.

A welcome speech, pleasantries and introductions later, I found myself in a breakout room with six people - (who were to be my teammates), a host, and a technical assessor that would monitor how we worked as a team and the quality of our work.

The task - to code and develop a user interface to categorise customers’ debit and credit card spend in a dashboard that would give useful insights.

Unlike other participants who had many years of experience as a developer - one of my teammates even had seven years under his belt - I was an aerospace engineer hoping to make the pivot to a tech role.

My journey to this point started when I first attended part-time data science courses and coding bootcamps during the pandemic to break the monotony of days spent at home - and it opened my eyes to a whole new world of digitalisation.

I found myself wishing I could apply those concepts to my job as an engineer. As I monitored machinery that built parts of powerful aircraft engines in a massive warehouse the size of two football fields, I saw opportunities to streamline processes.

This hack-to-hire would be a true test of my newly learnt skills and concepts. Within our small team, I assumed the role of a scrum master and began delegating tasks based on the strengths of each team member. I also made sure to keep our assessor constantly updated on the team’s progress.

As the day quickly turned into night, we presented our projects to managers and senior tech leads. We weren’t able to build a complete working model in that short timeframe, so I could only hope that our framework and logic were sound enough.

I thanked my team, logged off, and finally took a breather, exhausted from the day’s events. Just two hours later, my phone lit up with an invitation to a job interview.

Today, six months later, I’m a full-time developer in the DBS customer analytics team working on implementation across the region. Here, we optimise real-time data to create personalised and intuitive experiences for our customers, and bolster their protection against fraud or scams.

Throughout my journey as a developer, I’ve felt truly supported by the team - from the comprehensive treasure trove of e-learning materials, to the on-the-job support from my very patient teammates.

Trying to break into the tech industry without years of experience had been extremely trying - I couldn’t even get interviews with many companies.

The hackathon was definitely one of the most stressful days of my life, but I’m really grateful that it gave me an opportunity to showcase everything I learnt in my online courses, and that the assessor, and DBS, took a chance on me.”

- Julian Chang, Customer Analytics, DBS Technology & Operations

"I was 13 years into my career as a video editor at Disney when I found out I was accepted into a mid-career trainee developer programme attached to DBS.

Naturally, my family was quite apprehensive. It was the end of 2020, we were in the middle of the pandemic, I was deep in my comfort zone (could probably work with my eyes closed), working cross-regionally, training new hires, and even handling blockbuster releases of Disney/Marvel films!

But I knew I would definitely regret it if I didn’t give this a try so I took the plunge and quit my job.

It may seem like a random spur-of-the-moment decision, but I had been juggling work and coding on the side for over a year now.

How I got into coding, however, was a chance encounter. A few years back, I watched a documentary on Masako Wakamiya. At age 81, she learnt to code and began creating fun games for the elderly.

I’d always seen coding as a cool skill to pick up, but thought it was only something younger fresh graduates did. Masako Wakamiya inspired me. If she could pick it up at 81, surely I could too.

I started by building simple websites and solving algorithm puzzles found on YouTube, and got such a dopamine kick every time I successfully sorted virtual fruits by alphabetical order, or by their size. As I moved on to more complex code, I realised I was hooked.

To give some context, I’ve always loved solving puzzles. At Disney, I was part of an unofficial lunch-time board game club. We’d speed-eat for 15 minutes and spend the rest of the hour immersed in games like Catan or my personal favourite, Ticket to Ride (getting the longest train was the dream!).

Eventually I enrolled in a part-time bootcamp. For nine months, I’d work full time at Disney, and spend my evenings and nights coding. I had no social life during that time (thankfully, I didn’t lose any friends) but I felt so alive, and full of purpose.

Today, several years after I started coding virtual fruits, I’m now building and maintaining features of the DBS NavPlanner full-time. Every day is different, and feels like a new challenge.

Before I joined DBS, I only thought of a bank as a place to store my money. Having been here for over a year, I see the scale of work that goes into making sure customers have a seamless, smooth banking experience - business teams, security teams, developers, mobile testers, I could go on and on.

For anyone considering a mid-career switch, ask yourself this: “would you regret it if you didn’t try?”

— Linda Lee, DBS Technology & Operations