// Ċ // Ġ( C ) ĠCopyright Ġ 2 0 1 9 ĠMartin ĠE . ĠN ord berg ĠIII Ċ // ĠApache Ġ 2 . 0 ĠLicense Ċ // Ċ Ċ package Ġjs . kat yd id . samples . digital clock Ċ Ċ import Ġo . kat yd id . css . colors . red Ċ import Ġo . kat yd id . css . styles . builders . color Ċ import Ġo . kat yd id . css . styles . style Ċ import Ġo . kat yd id . v dom . builders . K at yd id Flow Content Builder Ċ Ċ //---------------------------------------------------------------- ------------------------------------------------ ----- Ċ Ċ /** Ċ Ġ* ĠConstructs Ġthe ĠK at yd id Ġvirtual ĠDOM Ġtree Ġfor Ġgiven Ġinput Ġ[ application State ]. Ċ Ġ* Ġ@ return Ġthe Ġroot Ġof Ġthe Ġapplication 's Ġvirtual ĠDOM Ġtree Ġfor Ġgiven Ġapplication Ġstate . Ċ Ġ*/ Ċ fun Ġview Digital Clock ( application State : ĠDigital Clock AppState ): ĠK at yd id Flow Content Builder < Digital Clock Msg >. () Ġ-> ĠUnit Ġ= ĊĠĠĠ Ġ{ ĊĊĠĠĠĠĠĠĠ Ġ// ĠThis Ġtop Ġlevel Ġelement Ġreplaces Ġthe Ġ"# app " Ġdiv Ġin Ġdigital clock . html . ĊĠĠĠĠĠĠĠ Ġmain ("# digital - clock - app ") Ġ{ ĊĊĠĠĠĠĠĠĠĠĠĠĠ Ġval Ġtime Pieces Ġ= Ġapplication State . time . to Time String (). split (" Ġ", Ġlimit = 2 ) ĊĊĠĠĠĠĠĠĠĠĠĠĠ Ġval Ġtime Ġ= Ġtime Pieces [ 0 ] ĊĠĠĠĠĠĠĠĠĠĠĠ Ġval Ġtime Zone Ġ= Ġtime Pieces [ 1 ] ĊĊĠĠĠĠĠĠĠĠĠĠĠ Ġh 1 Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext ( time Zone ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠ Ġdiv Ġ( Ġ"# display " Ġ) Ġ{ ĊĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcolor ( red ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdiv ("# h 1 . clock . digit ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext ( time . substring ( 0 .. 0 )) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdiv ("# h 2 . clock . digit ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext ( time . substring ( 1 .. 1 )) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdiv ("# m 0 . clock . separator ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext (": ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdiv ("# m 1 . clock . digit ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext ( time . substring ( 3 .. 3 )) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdiv ("# m 2 . clock . digit ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext ( time . substring ( 4 .. 4 )) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdiv ("# s 0 . clock . separator ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext (": ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdiv ("# s 1 . clock . digit ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext ( time . substring ( 6 .. 6 )) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdiv ("# s 2 . clock . digit ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext ( time . substring ( 7 .. 7 )) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠ Ġ} Ċ Ċ //---------------------------------------------------------------- ------------------------------------------------ ----- Ċ