From 5704c44117820ee8287c4f25dd6e7f142ca28aac Mon Sep 17 00:00:00 2001 From: Miguel Cabrerizo <30386061+doncicuto@users.noreply.github.com> Date: Thu, 2 Feb 2023 09:36:43 +0100 Subject: [PATCH] feat(console): phone number validation with flags (#5139) Formats the phonenumber according to the preselected country --- console/package-lock.json | 31 +++++++++-- console/package.json | 4 +- console/src/app/app.module.ts | 6 +++ .../user-create/user-create.component.html | 27 +++++++--- .../user-create/user-create.component.scss | 19 +++++++ .../user-create/user-create.component.ts | 40 +++++++++------ .../users/user-create/user-create.module.ts | 2 + .../auth-user-detail.component.ts | 4 ++ .../edit-dialog/edit-dialog.component.html | 31 ++++++++--- .../edit-dialog/edit-dialog.component.scss | 19 +++++++ .../edit-dialog/edit-dialog.component.ts | 48 +++++++++--------- .../contact/contact.component.html | 2 +- .../phone-detail/phone-detail.component.html | 4 ++ .../phone-detail/phone-detail.component.scss | 3 ++ .../phone-detail.component.spec.ts | 24 +++++++++ .../phone-detail/phone-detail.component.ts | 24 +++++++++ .../users/user-detail/user-detail.module.ts | 6 +++ .../user-detail/user-detail.component.ts | 4 ++ .../services/country-calling-codes.service.ts | 30 +++++++++++ console/src/app/utils/formatPhone.ts | 19 +++++++ console/src/assets/flags/ad.png | Bin 652 -> 0 bytes console/src/assets/flags/ae.png | Bin 170 -> 0 bytes console/src/assets/flags/af.png | Bin 620 -> 0 bytes console/src/assets/flags/ag.png | Bin 735 -> 0 bytes console/src/assets/flags/ai.png | Bin 646 -> 0 bytes console/src/assets/flags/al.png | Bin 688 -> 0 bytes console/src/assets/flags/am.png | Bin 122 -> 0 bytes console/src/assets/flags/an.png | Bin 309 -> 0 bytes console/src/assets/flags/ao.png | Bin 549 -> 0 bytes console/src/assets/flags/aq.png | Bin 1955 -> 0 bytes console/src/assets/flags/ar.png | Bin 327 -> 0 bytes console/src/assets/flags/as.png | Bin 759 -> 0 bytes console/src/assets/flags/at.png | Bin 133 -> 0 bytes console/src/assets/flags/au.png | Bin 630 -> 0 bytes console/src/assets/flags/aw.png | Bin 281 -> 0 bytes console/src/assets/flags/ax.png | Bin 279 -> 0 bytes console/src/assets/flags/az.png | Bin 243 -> 0 bytes console/src/assets/flags/ba.png | Bin 461 -> 0 bytes console/src/assets/flags/bb.png | Bin 381 -> 0 bytes console/src/assets/flags/bd.png | Bin 258 -> 0 bytes console/src/assets/flags/be.png | Bin 172 -> 0 bytes console/src/assets/flags/bf.png | Bin 283 -> 0 bytes console/src/assets/flags/bg.png | Bin 106 -> 0 bytes console/src/assets/flags/bh.png | Bin 188 -> 0 bytes console/src/assets/flags/bi.png | Bin 691 -> 0 bytes console/src/assets/flags/bj.png | Bin 169 -> 0 bytes console/src/assets/flags/bl.png | Bin 2261 -> 0 bytes console/src/assets/flags/bm.png | Bin 918 -> 0 bytes console/src/assets/flags/bn.png | Bin 955 -> 0 bytes console/src/assets/flags/bo.png | Bin 547 -> 0 bytes console/src/assets/flags/bq.png | Bin 159 -> 0 bytes console/src/assets/flags/br.png | Bin 750 -> 0 bytes console/src/assets/flags/bs.png | Bin 289 -> 0 bytes console/src/assets/flags/bt.png | Bin 1365 -> 0 bytes console/src/assets/flags/bv.png | Bin 260 -> 0 bytes console/src/assets/flags/bw.png | Bin 172 -> 0 bytes console/src/assets/flags/by.png | Bin 452 -> 0 bytes console/src/assets/flags/bz.png | Bin 2273 -> 0 bytes console/src/assets/flags/ca.png | Bin 406 -> 0 bytes console/src/assets/flags/cc.png | Bin 593 -> 0 bytes console/src/assets/flags/cd.png | Bin 449 -> 0 bytes console/src/assets/flags/cf.png | Bin 327 -> 0 bytes console/src/assets/flags/cg.png | Bin 296 -> 0 bytes console/src/assets/flags/ch.png | Bin 172 -> 0 bytes console/src/assets/flags/ci.png | Bin 165 -> 0 bytes console/src/assets/flags/ck.png | Bin 722 -> 0 bytes console/src/assets/flags/cl.png | Bin 285 -> 0 bytes console/src/assets/flags/cm.png | Bin 245 -> 0 bytes console/src/assets/flags/cn.png | Bin 315 -> 0 bytes console/src/assets/flags/co.png | Bin 158 -> 0 bytes console/src/assets/flags/cr.png | Bin 109 -> 0 bytes console/src/assets/flags/cu.png | Bin 356 -> 0 bytes console/src/assets/flags/cv.png | Bin 407 -> 0 bytes console/src/assets/flags/cw.png | Bin 296 -> 0 bytes console/src/assets/flags/cx.png | Bin 720 -> 0 bytes console/src/assets/flags/cy.png | Bin 572 -> 0 bytes console/src/assets/flags/cz.png | Bin 341 -> 0 bytes console/src/assets/flags/de.png | Bin 106 -> 0 bytes console/src/assets/flags/dj.png | Bin 531 -> 0 bytes console/src/assets/flags/dk.png | Bin 203 -> 0 bytes console/src/assets/flags/dm.png | Bin 515 -> 0 bytes console/src/assets/flags/do.png | Bin 422 -> 0 bytes console/src/assets/flags/dz.png | Bin 405 -> 0 bytes console/src/assets/flags/ec.png | Bin 1054 -> 0 bytes console/src/assets/flags/ee.png | Bin 158 -> 0 bytes console/src/assets/flags/eg.png | Bin 366 -> 0 bytes console/src/assets/flags/eh.png | Bin 374 -> 0 bytes console/src/assets/flags/en.png | Bin 99 -> 0 bytes console/src/assets/flags/er.png | Bin 584 -> 0 bytes console/src/assets/flags/es.png | Bin 682 -> 0 bytes console/src/assets/flags/et.png | Bin 596 -> 0 bytes console/src/assets/flags/eu.png | Bin 546 -> 0 bytes console/src/assets/flags/fi.png | Bin 186 -> 0 bytes console/src/assets/flags/fj.png | Bin 876 -> 0 bytes console/src/assets/flags/fk.png | Bin 1045 -> 0 bytes console/src/assets/flags/fm.png | Bin 269 -> 0 bytes console/src/assets/flags/fo.png | Bin 260 -> 0 bytes console/src/assets/flags/fr.png | Bin 165 -> 0 bytes console/src/assets/flags/ga.png | Bin 109 -> 0 bytes console/src/assets/flags/gb-eng.png | Bin 99 -> 0 bytes console/src/assets/flags/gb-nir.png | Bin 384 -> 0 bytes console/src/assets/flags/gb-sct.png | Bin 358 -> 0 bytes console/src/assets/flags/gb-wls.png | Bin 1758 -> 0 bytes console/src/assets/flags/gb.png | Bin 383 -> 0 bytes console/src/assets/flags/gd.png | Bin 594 -> 0 bytes console/src/assets/flags/ge.png | Bin 359 -> 0 bytes console/src/assets/flags/gf.png | Bin 424 -> 0 bytes console/src/assets/flags/gg.png | Bin 306 -> 0 bytes console/src/assets/flags/gh.png | Bin 322 -> 0 bytes console/src/assets/flags/gi.png | Bin 700 -> 0 bytes console/src/assets/flags/gl.png | Bin 406 -> 0 bytes console/src/assets/flags/gm.png | Bin 185 -> 0 bytes console/src/assets/flags/gn.png | Bin 169 -> 0 bytes console/src/assets/flags/gp.png | Bin 165 -> 0 bytes console/src/assets/flags/gq.png | Bin 622 -> 0 bytes console/src/assets/flags/gr.png | Bin 225 -> 0 bytes console/src/assets/flags/gs.png | Bin 1369 -> 0 bytes console/src/assets/flags/gt.png | Bin 460 -> 0 bytes console/src/assets/flags/gu.png | Bin 614 -> 0 bytes console/src/assets/flags/gw.png | Bin 226 -> 0 bytes console/src/assets/flags/gy.png | Bin 499 -> 0 bytes console/src/assets/flags/hk.png | Bin 586 -> 0 bytes console/src/assets/flags/hm.png | Bin 631 -> 0 bytes console/src/assets/flags/hn.png | Bin 230 -> 0 bytes console/src/assets/flags/hr.png | Bin 605 -> 0 bytes console/src/assets/flags/ht.png | Bin 490 -> 0 bytes console/src/assets/flags/hu.png | Bin 122 -> 0 bytes console/src/assets/flags/id.png | Bin 147 -> 0 bytes console/src/assets/flags/ie.png | Bin 165 -> 0 bytes console/src/assets/flags/il.png | Bin 348 -> 0 bytes console/src/assets/flags/im.png | Bin 656 -> 0 bytes console/src/assets/flags/in.png | Bin 329 -> 0 bytes console/src/assets/flags/io.png | Bin 1864 -> 0 bytes console/src/assets/flags/iq.png | Bin 365 -> 0 bytes console/src/assets/flags/ir.png | Bin 572 -> 0 bytes console/src/assets/flags/is.png | Bin 126 -> 0 bytes console/src/assets/flags/it.png | Bin 169 -> 0 bytes console/src/assets/flags/je.png | Bin 636 -> 0 bytes console/src/assets/flags/jm.png | Bin 265 -> 0 bytes console/src/assets/flags/jo.png | Bin 262 -> 0 bytes console/src/assets/flags/jp.png | Bin 326 -> 0 bytes console/src/assets/flags/ke.png | Bin 665 -> 0 bytes console/src/assets/flags/kg.png | Bin 656 -> 0 bytes console/src/assets/flags/kh.png | Bin 539 -> 0 bytes console/src/assets/flags/ki.png | Bin 597 -> 0 bytes console/src/assets/flags/km.png | Bin 524 -> 0 bytes console/src/assets/flags/kn.png | Bin 662 -> 0 bytes console/src/assets/flags/kp.png | Bin 312 -> 0 bytes console/src/assets/flags/kr.png | Bin 750 -> 0 bytes console/src/assets/flags/kw.png | Bin 245 -> 0 bytes console/src/assets/flags/ky.png | Bin 1088 -> 0 bytes console/src/assets/flags/kz.png | Bin 559 -> 0 bytes console/src/assets/flags/la.png | Bin 278 -> 0 bytes console/src/assets/flags/lb.png | Bin 477 -> 0 bytes console/src/assets/flags/lc.png | Bin 515 -> 0 bytes console/src/assets/flags/li.png | Bin 364 -> 0 bytes console/src/assets/flags/lk.png | Bin 719 -> 0 bytes console/src/assets/flags/lr.png | Bin 297 -> 0 bytes console/src/assets/flags/ls.png | Bin 391 -> 0 bytes console/src/assets/flags/lt.png | Bin 106 -> 0 bytes console/src/assets/flags/lu.png | Bin 106 -> 0 bytes console/src/assets/flags/lv.png | Bin 97 -> 0 bytes console/src/assets/flags/ly.png | Bin 227 -> 0 bytes console/src/assets/flags/ma.png | Bin 259 -> 0 bytes console/src/assets/flags/mc.png | Bin 98 -> 0 bytes console/src/assets/flags/md.png | Bin 548 -> 0 bytes console/src/assets/flags/me.png | Bin 539 -> 0 bytes console/src/assets/flags/mf.png | Bin 165 -> 0 bytes console/src/assets/flags/mg.png | Bin 192 -> 0 bytes console/src/assets/flags/mh.png | Bin 773 -> 0 bytes console/src/assets/flags/mk.png | Bin 505 -> 0 bytes console/src/assets/flags/ml.png | Bin 165 -> 0 bytes console/src/assets/flags/mm.png | Bin 482 -> 0 bytes console/src/assets/flags/mn.png | Bin 323 -> 0 bytes console/src/assets/flags/mo.png | Bin 659 -> 0 bytes console/src/assets/flags/mp.png | Bin 1821 -> 0 bytes console/src/assets/flags/mq.png | Bin 872 -> 0 bytes console/src/assets/flags/mr.png | Bin 449 -> 0 bytes console/src/assets/flags/ms.png | Bin 732 -> 0 bytes console/src/assets/flags/mt.png | Bin 278 -> 0 bytes console/src/assets/flags/mu.png | Bin 166 -> 0 bytes console/src/assets/flags/mv.png | Bin 265 -> 0 bytes console/src/assets/flags/mw.png | Bin 443 -> 0 bytes console/src/assets/flags/mx.png | Bin 613 -> 0 bytes console/src/assets/flags/my.png | Bin 416 -> 0 bytes console/src/assets/flags/mz.png | Bin 731 -> 0 bytes console/src/assets/flags/na.png | Bin 620 -> 0 bytes console/src/assets/flags/nc.png | Bin 536 -> 0 bytes console/src/assets/flags/ne.png | Bin 289 -> 0 bytes console/src/assets/flags/nf.png | Bin 527 -> 0 bytes console/src/assets/flags/ng.png | Bin 108 -> 0 bytes console/src/assets/flags/ni.png | Bin 348 -> 0 bytes console/src/assets/flags/nl.png | Bin 159 -> 0 bytes console/src/assets/flags/no.png | Bin 260 -> 0 bytes console/src/assets/flags/np.png | Bin 1081 -> 0 bytes console/src/assets/flags/nr.png | Bin 254 -> 0 bytes console/src/assets/flags/nu.png | Bin 517 -> 0 bytes console/src/assets/flags/nz.png | Bin 485 -> 0 bytes console/src/assets/flags/om.png | Bin 259 -> 0 bytes console/src/assets/flags/pa.png | Bin 392 -> 0 bytes console/src/assets/flags/pe.png | Bin 845 -> 0 bytes console/src/assets/flags/pf.png | Bin 733 -> 0 bytes console/src/assets/flags/pg.png | Bin 815 -> 0 bytes console/src/assets/flags/ph.png | Bin 519 -> 0 bytes console/src/assets/flags/pk.png | Bin 456 -> 0 bytes console/src/assets/flags/pl.png | Bin 146 -> 0 bytes console/src/assets/flags/pm.png | Bin 165 -> 0 bytes console/src/assets/flags/pn.png | Bin 1184 -> 0 bytes console/src/assets/flags/pr.png | Bin 510 -> 0 bytes console/src/assets/flags/ps.png | Bin 307 -> 0 bytes console/src/assets/flags/pt.png | Bin 991 -> 0 bytes console/src/assets/flags/pw.png | Bin 307 -> 0 bytes console/src/assets/flags/py.png | Bin 292 -> 0 bytes console/src/assets/flags/qa.png | Bin 149 -> 0 bytes console/src/assets/flags/re.png | Bin 165 -> 0 bytes console/src/assets/flags/ro.png | Bin 169 -> 0 bytes console/src/assets/flags/rs.png | Bin 1108 -> 0 bytes console/src/assets/flags/ru.png | Bin 159 -> 0 bytes console/src/assets/flags/rw.png | Bin 367 -> 0 bytes console/src/assets/flags/sa.png | Bin 742 -> 0 bytes console/src/assets/flags/sb.png | Bin 439 -> 0 bytes console/src/assets/flags/sc.png | Bin 443 -> 0 bytes console/src/assets/flags/sd.png | Bin 274 -> 0 bytes console/src/assets/flags/se.png | Bin 173 -> 0 bytes console/src/assets/flags/sg.png | Bin 393 -> 0 bytes console/src/assets/flags/sh.png | Bin 388 -> 0 bytes console/src/assets/flags/si.png | Bin 293 -> 0 bytes console/src/assets/flags/sj.png | Bin 260 -> 0 bytes console/src/assets/flags/sk.png | Bin 618 -> 0 bytes console/src/assets/flags/sl.png | Bin 159 -> 0 bytes console/src/assets/flags/sm.png | Bin 1261 -> 0 bytes console/src/assets/flags/sn.png | Bin 286 -> 0 bytes console/src/assets/flags/so.png | Bin 296 -> 0 bytes console/src/assets/flags/sr.png | Bin 275 -> 0 bytes console/src/assets/flags/ss.png | Bin 394 -> 0 bytes console/src/assets/flags/st.png | Bin 332 -> 0 bytes console/src/assets/flags/sv.png | Bin 466 -> 0 bytes console/src/assets/flags/sx.png | Bin 1168 -> 0 bytes console/src/assets/flags/sy.png | Bin 300 -> 0 bytes console/src/assets/flags/sz.png | Bin 863 -> 0 bytes console/src/assets/flags/tc.png | Bin 630 -> 0 bytes console/src/assets/flags/td.png | Bin 165 -> 0 bytes console/src/assets/flags/tf.png | Bin 502 -> 0 bytes console/src/assets/flags/tg.png | Bin 311 -> 0 bytes console/src/assets/flags/th.png | Bin 155 -> 0 bytes console/src/assets/flags/tj.png | Bin 298 -> 0 bytes console/src/assets/flags/tk.png | Bin 485 -> 0 bytes console/src/assets/flags/tl.png | Bin 400 -> 0 bytes console/src/assets/flags/tm.png | Bin 1448 -> 0 bytes console/src/assets/flags/tn.png | Bin 408 -> 0 bytes console/src/assets/flags/to.png | Bin 184 -> 0 bytes console/src/assets/flags/tr.png | Bin 373 -> 0 bytes console/src/assets/flags/tt.png | Bin 536 -> 0 bytes console/src/assets/flags/tv.png | Bin 649 -> 0 bytes console/src/assets/flags/tw.png | Bin 409 -> 0 bytes console/src/assets/flags/tz.png | Bin 368 -> 0 bytes console/src/assets/flags/ua.png | Bin 147 -> 0 bytes console/src/assets/flags/ug.png | Bin 489 -> 0 bytes console/src/assets/flags/um.png | Bin 467 -> 0 bytes console/src/assets/flags/us.png | Bin 467 -> 0 bytes console/src/assets/flags/uy.png | Bin 572 -> 0 bytes console/src/assets/flags/uz.png | Bin 240 -> 0 bytes console/src/assets/flags/va.png | Bin 1115 -> 0 bytes console/src/assets/flags/vc.png | Bin 385 -> 0 bytes console/src/assets/flags/ve.png | Bin 357 -> 0 bytes console/src/assets/flags/vg.png | Bin 976 -> 0 bytes console/src/assets/flags/vi.png | Bin 2281 -> 0 bytes console/src/assets/flags/vn.png | Bin 294 -> 0 bytes console/src/assets/flags/vu.png | Bin 546 -> 0 bytes console/src/assets/flags/wf.png | Bin 312 -> 0 bytes console/src/assets/flags/ws.png | Bin 248 -> 0 bytes console/src/assets/flags/xk.png | Bin 586 -> 0 bytes console/src/assets/flags/ye.png | Bin 159 -> 0 bytes console/src/assets/flags/yt.png | Bin 165 -> 0 bytes console/src/assets/flags/za.png | Bin 463 -> 0 bytes console/src/assets/flags/zm.png | Bin 343 -> 0 bytes console/src/assets/flags/zw.png | Bin 607 -> 0 bytes console/src/assets/i18n/de.json | 4 +- console/src/assets/i18n/en.json | 4 +- console/src/assets/i18n/fr.json | 4 +- console/src/assets/i18n/it.json | 4 +- console/src/assets/i18n/zh.json | 4 +- console/src/styles.scss | 1 + e2e/cypress/e2e/humans/humans.cy.ts | 3 +- 284 files changed, 306 insertions(+), 65 deletions(-) create mode 100644 console/src/app/pages/users/user-detail/phone-detail/phone-detail.component.html create mode 100644 console/src/app/pages/users/user-detail/phone-detail/phone-detail.component.scss create mode 100644 console/src/app/pages/users/user-detail/phone-detail/phone-detail.component.spec.ts create mode 100644 console/src/app/pages/users/user-detail/phone-detail/phone-detail.component.ts create mode 100644 console/src/app/services/country-calling-codes.service.ts create mode 100644 console/src/app/utils/formatPhone.ts delete mode 100644 console/src/assets/flags/ad.png delete mode 100644 console/src/assets/flags/ae.png delete mode 100644 console/src/assets/flags/af.png delete mode 100644 console/src/assets/flags/ag.png delete mode 100644 console/src/assets/flags/ai.png delete mode 100644 console/src/assets/flags/al.png delete mode 100644 console/src/assets/flags/am.png delete mode 100644 console/src/assets/flags/an.png delete mode 100644 console/src/assets/flags/ao.png delete mode 100644 console/src/assets/flags/aq.png delete mode 100644 console/src/assets/flags/ar.png delete mode 100644 console/src/assets/flags/as.png delete mode 100644 console/src/assets/flags/at.png delete mode 100644 console/src/assets/flags/au.png delete mode 100644 console/src/assets/flags/aw.png delete mode 100644 console/src/assets/flags/ax.png delete mode 100644 console/src/assets/flags/az.png delete mode 100644 console/src/assets/flags/ba.png delete mode 100644 console/src/assets/flags/bb.png delete mode 100644 console/src/assets/flags/bd.png delete mode 100644 console/src/assets/flags/be.png delete mode 100644 console/src/assets/flags/bf.png delete mode 100644 console/src/assets/flags/bg.png delete mode 100644 console/src/assets/flags/bh.png delete mode 100644 console/src/assets/flags/bi.png delete mode 100644 console/src/assets/flags/bj.png delete mode 100644 console/src/assets/flags/bl.png delete mode 100644 console/src/assets/flags/bm.png delete mode 100644 console/src/assets/flags/bn.png delete mode 100644 console/src/assets/flags/bo.png delete mode 100644 console/src/assets/flags/bq.png delete mode 100644 console/src/assets/flags/br.png delete mode 100644 console/src/assets/flags/bs.png delete mode 100644 console/src/assets/flags/bt.png delete mode 100644 console/src/assets/flags/bv.png delete mode 100644 console/src/assets/flags/bw.png delete mode 100644 console/src/assets/flags/by.png delete mode 100644 console/src/assets/flags/bz.png delete mode 100644 console/src/assets/flags/ca.png delete mode 100644 console/src/assets/flags/cc.png delete mode 100644 console/src/assets/flags/cd.png delete mode 100644 console/src/assets/flags/cf.png delete mode 100644 console/src/assets/flags/cg.png delete mode 100644 console/src/assets/flags/ch.png delete mode 100644 console/src/assets/flags/ci.png delete mode 100644 console/src/assets/flags/ck.png delete mode 100644 console/src/assets/flags/cl.png delete mode 100644 console/src/assets/flags/cm.png delete mode 100644 console/src/assets/flags/cn.png delete mode 100644 console/src/assets/flags/co.png delete mode 100644 console/src/assets/flags/cr.png delete mode 100644 console/src/assets/flags/cu.png delete mode 100644 console/src/assets/flags/cv.png delete mode 100644 console/src/assets/flags/cw.png delete mode 100644 console/src/assets/flags/cx.png delete mode 100644 console/src/assets/flags/cy.png delete mode 100644 console/src/assets/flags/cz.png delete mode 100644 console/src/assets/flags/de.png delete mode 100644 console/src/assets/flags/dj.png delete mode 100644 console/src/assets/flags/dk.png delete mode 100644 console/src/assets/flags/dm.png delete mode 100644 console/src/assets/flags/do.png delete mode 100644 console/src/assets/flags/dz.png delete mode 100644 console/src/assets/flags/ec.png delete mode 100644 console/src/assets/flags/ee.png delete mode 100644 console/src/assets/flags/eg.png delete mode 100644 console/src/assets/flags/eh.png delete mode 100644 console/src/assets/flags/en.png delete mode 100644 console/src/assets/flags/er.png delete mode 100644 console/src/assets/flags/es.png delete mode 100644 console/src/assets/flags/et.png delete mode 100644 console/src/assets/flags/eu.png delete mode 100644 console/src/assets/flags/fi.png delete mode 100644 console/src/assets/flags/fj.png delete mode 100644 console/src/assets/flags/fk.png delete mode 100644 console/src/assets/flags/fm.png delete mode 100644 console/src/assets/flags/fo.png delete mode 100644 console/src/assets/flags/fr.png delete mode 100644 console/src/assets/flags/ga.png delete mode 100644 console/src/assets/flags/gb-eng.png delete mode 100644 console/src/assets/flags/gb-nir.png delete mode 100644 console/src/assets/flags/gb-sct.png delete mode 100644 console/src/assets/flags/gb-wls.png delete mode 100644 console/src/assets/flags/gb.png delete mode 100644 console/src/assets/flags/gd.png delete mode 100644 console/src/assets/flags/ge.png delete mode 100644 console/src/assets/flags/gf.png delete mode 100644 console/src/assets/flags/gg.png delete mode 100644 console/src/assets/flags/gh.png delete mode 100644 console/src/assets/flags/gi.png delete mode 100644 console/src/assets/flags/gl.png delete mode 100644 console/src/assets/flags/gm.png delete mode 100644 console/src/assets/flags/gn.png delete mode 100644 console/src/assets/flags/gp.png delete mode 100644 console/src/assets/flags/gq.png delete mode 100644 console/src/assets/flags/gr.png delete mode 100644 console/src/assets/flags/gs.png delete mode 100644 console/src/assets/flags/gt.png delete mode 100644 console/src/assets/flags/gu.png delete mode 100644 console/src/assets/flags/gw.png delete mode 100644 console/src/assets/flags/gy.png delete mode 100644 console/src/assets/flags/hk.png delete mode 100644 console/src/assets/flags/hm.png delete mode 100644 console/src/assets/flags/hn.png delete mode 100644 console/src/assets/flags/hr.png delete mode 100644 console/src/assets/flags/ht.png delete mode 100644 console/src/assets/flags/hu.png delete mode 100644 console/src/assets/flags/id.png delete mode 100644 console/src/assets/flags/ie.png delete mode 100644 console/src/assets/flags/il.png delete mode 100644 console/src/assets/flags/im.png delete mode 100644 console/src/assets/flags/in.png delete mode 100644 console/src/assets/flags/io.png delete mode 100644 console/src/assets/flags/iq.png delete mode 100644 console/src/assets/flags/ir.png delete mode 100644 console/src/assets/flags/is.png delete mode 100644 console/src/assets/flags/it.png delete mode 100644 console/src/assets/flags/je.png delete mode 100644 console/src/assets/flags/jm.png delete mode 100644 console/src/assets/flags/jo.png delete mode 100644 console/src/assets/flags/jp.png delete mode 100644 console/src/assets/flags/ke.png delete mode 100644 console/src/assets/flags/kg.png delete mode 100644 console/src/assets/flags/kh.png delete mode 100644 console/src/assets/flags/ki.png delete mode 100644 console/src/assets/flags/km.png delete mode 100644 console/src/assets/flags/kn.png delete mode 100644 console/src/assets/flags/kp.png delete mode 100644 console/src/assets/flags/kr.png delete mode 100644 console/src/assets/flags/kw.png delete mode 100644 console/src/assets/flags/ky.png delete mode 100644 console/src/assets/flags/kz.png delete mode 100644 console/src/assets/flags/la.png delete mode 100644 console/src/assets/flags/lb.png delete mode 100644 console/src/assets/flags/lc.png delete mode 100644 console/src/assets/flags/li.png delete mode 100644 console/src/assets/flags/lk.png delete mode 100644 console/src/assets/flags/lr.png delete mode 100644 console/src/assets/flags/ls.png delete mode 100644 console/src/assets/flags/lt.png delete mode 100644 console/src/assets/flags/lu.png delete mode 100644 console/src/assets/flags/lv.png delete mode 100644 console/src/assets/flags/ly.png delete mode 100644 console/src/assets/flags/ma.png delete mode 100644 console/src/assets/flags/mc.png delete mode 100644 console/src/assets/flags/md.png delete mode 100644 console/src/assets/flags/me.png delete mode 100644 console/src/assets/flags/mf.png delete mode 100644 console/src/assets/flags/mg.png delete mode 100644 console/src/assets/flags/mh.png delete mode 100644 console/src/assets/flags/mk.png delete mode 100644 console/src/assets/flags/ml.png delete mode 100644 console/src/assets/flags/mm.png delete mode 100644 console/src/assets/flags/mn.png delete mode 100644 console/src/assets/flags/mo.png delete mode 100644 console/src/assets/flags/mp.png delete mode 100644 console/src/assets/flags/mq.png delete mode 100644 console/src/assets/flags/mr.png delete mode 100644 console/src/assets/flags/ms.png delete mode 100644 console/src/assets/flags/mt.png delete mode 100644 console/src/assets/flags/mu.png delete mode 100644 console/src/assets/flags/mv.png delete mode 100644 console/src/assets/flags/mw.png delete mode 100644 console/src/assets/flags/mx.png delete mode 100644 console/src/assets/flags/my.png delete mode 100644 console/src/assets/flags/mz.png delete mode 100644 console/src/assets/flags/na.png delete mode 100644 console/src/assets/flags/nc.png delete mode 100644 console/src/assets/flags/ne.png delete mode 100644 console/src/assets/flags/nf.png delete mode 100644 console/src/assets/flags/ng.png delete mode 100644 console/src/assets/flags/ni.png delete mode 100644 console/src/assets/flags/nl.png delete mode 100644 console/src/assets/flags/no.png delete mode 100644 console/src/assets/flags/np.png delete mode 100644 console/src/assets/flags/nr.png delete mode 100644 console/src/assets/flags/nu.png delete mode 100644 console/src/assets/flags/nz.png delete mode 100644 console/src/assets/flags/om.png delete mode 100644 console/src/assets/flags/pa.png delete mode 100644 console/src/assets/flags/pe.png delete mode 100644 console/src/assets/flags/pf.png delete mode 100644 console/src/assets/flags/pg.png delete mode 100644 console/src/assets/flags/ph.png delete mode 100644 console/src/assets/flags/pk.png delete mode 100644 console/src/assets/flags/pl.png delete mode 100644 console/src/assets/flags/pm.png delete mode 100644 console/src/assets/flags/pn.png delete mode 100644 console/src/assets/flags/pr.png delete mode 100644 console/src/assets/flags/ps.png delete mode 100644 console/src/assets/flags/pt.png delete mode 100644 console/src/assets/flags/pw.png delete mode 100644 console/src/assets/flags/py.png delete mode 100644 console/src/assets/flags/qa.png delete mode 100644 console/src/assets/flags/re.png delete mode 100644 console/src/assets/flags/ro.png delete mode 100644 console/src/assets/flags/rs.png delete mode 100644 console/src/assets/flags/ru.png delete mode 100644 console/src/assets/flags/rw.png delete mode 100644 console/src/assets/flags/sa.png delete mode 100644 console/src/assets/flags/sb.png delete mode 100644 console/src/assets/flags/sc.png delete mode 100644 console/src/assets/flags/sd.png delete mode 100644 console/src/assets/flags/se.png delete mode 100644 console/src/assets/flags/sg.png delete mode 100644 console/src/assets/flags/sh.png delete mode 100644 console/src/assets/flags/si.png delete mode 100644 console/src/assets/flags/sj.png delete mode 100644 console/src/assets/flags/sk.png delete mode 100644 console/src/assets/flags/sl.png delete mode 100644 console/src/assets/flags/sm.png delete mode 100644 console/src/assets/flags/sn.png delete mode 100644 console/src/assets/flags/so.png delete mode 100644 console/src/assets/flags/sr.png delete mode 100644 console/src/assets/flags/ss.png delete mode 100644 console/src/assets/flags/st.png delete mode 100644 console/src/assets/flags/sv.png delete mode 100644 console/src/assets/flags/sx.png delete mode 100644 console/src/assets/flags/sy.png delete mode 100644 console/src/assets/flags/sz.png delete mode 100644 console/src/assets/flags/tc.png delete mode 100644 console/src/assets/flags/td.png delete mode 100644 console/src/assets/flags/tf.png delete mode 100644 console/src/assets/flags/tg.png delete mode 100644 console/src/assets/flags/th.png delete mode 100644 console/src/assets/flags/tj.png delete mode 100644 console/src/assets/flags/tk.png delete mode 100644 console/src/assets/flags/tl.png delete mode 100644 console/src/assets/flags/tm.png delete mode 100644 console/src/assets/flags/tn.png delete mode 100644 console/src/assets/flags/to.png delete mode 100644 console/src/assets/flags/tr.png delete mode 100644 console/src/assets/flags/tt.png delete mode 100644 console/src/assets/flags/tv.png delete mode 100644 console/src/assets/flags/tw.png delete mode 100644 console/src/assets/flags/tz.png delete mode 100644 console/src/assets/flags/ua.png delete mode 100644 console/src/assets/flags/ug.png delete mode 100644 console/src/assets/flags/um.png delete mode 100644 console/src/assets/flags/us.png delete mode 100644 console/src/assets/flags/uy.png delete mode 100644 console/src/assets/flags/uz.png delete mode 100644 console/src/assets/flags/va.png delete mode 100644 console/src/assets/flags/vc.png delete mode 100644 console/src/assets/flags/ve.png delete mode 100644 console/src/assets/flags/vg.png delete mode 100644 console/src/assets/flags/vi.png delete mode 100644 console/src/assets/flags/vn.png delete mode 100644 console/src/assets/flags/vu.png delete mode 100644 console/src/assets/flags/wf.png delete mode 100644 console/src/assets/flags/ws.png delete mode 100644 console/src/assets/flags/xk.png delete mode 100644 console/src/assets/flags/ye.png delete mode 100644 console/src/assets/flags/yt.png delete mode 100644 console/src/assets/flags/za.png delete mode 100644 console/src/assets/flags/zm.png delete mode 100644 console/src/assets/flags/zw.png diff --git a/console/package-lock.json b/console/package-lock.json index 9076727154..086b3de455 100644 --- a/console/package-lock.json +++ b/console/package-lock.json @@ -32,10 +32,12 @@ "codemirror": "^5.65.8", "cors": "^2.8.5", "file-saver": "^2.0.5", + "flag-icons": "^6.6.6", "google-proto-files": "^3.0.2", "google-protobuf": "^3.21.2", "grpc-web": "^1.4.1", - "libphonenumber-js": "^1.10.15", + "i18n-iso-countries": "^7.5.0", + "libphonenumber-js": "^1.10.19", "material-design-icons-iconfont": "^6.1.1", "moment": "^2.29.4", "ngx-color": "^8.0.3", @@ -6728,6 +6730,11 @@ "integrity": "sha512-uJaamHkagcZtHPqCIHZxnFrXlunQXgBOsZSUOWwFw31QJCAbyTBoHMW75YOTur5ZNx8pIeAKgf6GWIgaqqiLhA==", "dev": true }, + "node_modules/diacritics": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/diacritics/-/diacritics-1.3.0.tgz", + "integrity": "sha512-wlwEkqcsaxvPJML+rDh/2iS824jbREk6DUMUKkEaSlxdYHeS43cClJtsWglvw2RfeXGm6ohKDqsXteJ5sP5enA==" + }, "node_modules/diff": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz", @@ -7929,6 +7936,11 @@ "node": ">=8" } }, + "node_modules/flag-icons": { + "version": "6.6.6", + "resolved": "https://registry.npmjs.org/flag-icons/-/flag-icons-6.6.6.tgz", + "integrity": "sha512-4lHDKxldnQ7q617pf9Dx9nAetT+9zcMpUexbRrc9kjLw9KJgZ83zA5Dky3Vv7ZDzUjAiZ46x/cy5P0HnEnqA2A==" + }, "node_modules/flat-cache": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz", @@ -8688,6 +8700,17 @@ "ms": "^2.0.0" } }, + "node_modules/i18n-iso-countries": { + "version": "7.5.0", + "resolved": "https://registry.npmjs.org/i18n-iso-countries/-/i18n-iso-countries-7.5.0.tgz", + "integrity": "sha512-PtfKJNWLVhhU0KBX/8asmywjAcuyQk07mmmMwxFJcddTNBJJ1yvpY2qxVmyxbtVF+9+6eg9phgpv83XPUKU5CA==", + "dependencies": { + "diacritics": "1.3.0" + }, + "engines": { + "node": ">= 12" + } + }, "node_modules/iconv-lite": { "version": "0.4.24", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", @@ -10194,9 +10217,9 @@ } }, "node_modules/libphonenumber-js": { - "version": "1.10.15", - "resolved": "https://registry.npmjs.org/libphonenumber-js/-/libphonenumber-js-1.10.15.tgz", - "integrity": "sha512-sLeVLmWX17VCKKulc+aDIRHS95TxoTsKMRJi5s5gJdwlqNzMWcBCtSHHruVyXjqfi67daXM2SnLf2juSrdx5Sg==" + "version": "1.10.19", + "resolved": "https://registry.npmjs.org/libphonenumber-js/-/libphonenumber-js-1.10.19.tgz", + "integrity": "sha512-MDZ1zLIkfSDZV5xBta3nuvbEOlsnKCPe4z5r3hyup/AXveevkl9A1eSWmLhd2FX4k7pJDe4MrLeQsux0HI/VWg==" }, "node_modules/license-webpack-plugin": { "version": "4.0.2", diff --git a/console/package.json b/console/package.json index 8cc184db54..d4b80636f6 100644 --- a/console/package.json +++ b/console/package.json @@ -36,10 +36,12 @@ "codemirror": "^5.65.8", "cors": "^2.8.5", "file-saver": "^2.0.5", + "flag-icons": "^6.6.6", "google-proto-files": "^3.0.2", "google-protobuf": "^3.21.2", "grpc-web": "^1.4.1", - "libphonenumber-js": "^1.10.15", + "i18n-iso-countries": "^7.5.0", + "libphonenumber-js": "^1.10.19", "material-design-icons-iconfont": "^6.1.1", "moment": "^2.29.4", "ngx-color": "^8.0.3", diff --git a/console/src/app/app.module.ts b/console/src/app/app.module.ts index 8d5690df5e..1ad82dfd4a 100644 --- a/console/src/app/app.module.ts +++ b/console/src/app/app.module.ts @@ -18,6 +18,7 @@ import { ServiceWorkerModule } from '@angular/service-worker'; import { TranslateLoader, TranslateModule } from '@ngx-translate/core'; import { AuthConfig, OAuthModule, OAuthStorage } from 'angular-oauth2-oidc'; import { from, Observable } from 'rxjs'; +import * as i18nIsoCountries from 'i18n-iso-countries'; import { AuthGuard } from 'src/app/guards/auth.guard'; import { RoleGuard } from 'src/app/guards/role.guard'; import { UserGuard } from 'src/app/guards/user.guard'; @@ -58,10 +59,15 @@ import { ThemeService } from './services/theme.service'; import { ToastService } from './services/toast.service'; registerLocaleData(localeDe); +i18nIsoCountries.registerLocale(require('i18n-iso-countries/langs/de.json')); registerLocaleData(localeZh); +i18nIsoCountries.registerLocale(require('i18n-iso-countries/langs/zh.json')); registerLocaleData(localeFr); +i18nIsoCountries.registerLocale(require('i18n-iso-countries/langs/fr.json')); registerLocaleData(localeIt); +i18nIsoCountries.registerLocale(require('i18n-iso-countries/langs/it.json')); registerLocaleData(localeEn); +i18nIsoCountries.registerLocale(require('i18n-iso-countries/langs/en.json')); export class WebpackTranslateLoader implements TranslateLoader { getTranslation(lang: string): Observable { diff --git a/console/src/app/pages/users/user-create/user-create.component.html b/console/src/app/pages/users/user-create/user-create.component.html index 3832f6f72d..4705f2c683 100644 --- a/console/src/app/pages/users/user-create/user-create.component.html +++ b/console/src/app/pages/users/user-create/user-create.component.html @@ -139,13 +139,26 @@

{{ 'USER.CREATE.ADDRESSANDPHONESECTION' | translate }}

- - {{ 'USER.PROFILE.PHONE' | translate }} - - - {{ 'USER.VALIDATION.REQUIRED' | translate }} - - +
+ + {{ 'USER.PROFILE.COUNTRY' | translate }} + + + + + {{ country.countryName }} + +{{ country.countryCallingCode }} + + + + + {{ 'USER.PROFILE.PHONE' | translate }} + + + {{ 'USER.VALIDATION.REQUIRED' | translate }} + + +