{"version":3,"file":"app-b03abc24.9010417da17c2390.bundle.js","mappings":"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","sources":["webpack://client-app/./src/app/administration/users/list/users-list.scss","webpack://client-app/./src/app/administration/users/manage/manage-user.scss","webpack://client-app/./src/app/administration/users/list/users-list.html","webpack://client-app/./src/app/administration/users/manage/manage-user.html","webpack://client-app/./src/app/administration/users/list/users-list.ts","webpack://client-app/./src/app/administration/users/manage/manage-user.ts"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".users-list .headers{grid-template-columns:calc(3.5em + 15px) repeat(2, minmax(200px, 320px)) repeat(2, minmax(160px, 260px)) minmax(320px, 1fr)}.users-list .main .element{grid-template-columns:calc(3.5em + 15px) repeat(2, minmax(200px, 320px)) repeat(2, minmax(160px, 260px)) minmax(320px, 1fr)}.users-list .main .element .initials{text-transform:uppercase}.users-list .main .element .img{height:inherit}.users-list .main .element .img-container{border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;height:calc(3.5em - 15px);width:calc(3.5em - 15px);overflow:hidden}.users-list .main .element .project{margin-right:calc(15px / 2);padding:calc(15px / 2) calc(15px / 1.5);user-select:none}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/app/administration/users/list/users-list.scss\",\"webpack://./src/resources/styling-admin.scss\"],\"names\":[],\"mappings\":\"AAMC,qBACC,2HAJsB,CAQtB,2BACC,2HATqB,CAWrB,qCACC,wBAAA,CAGD,gCACC,cAAA,CAEA,0CACC,iBAAA,CACA,UCRS,CDST,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,yBAAA,CACA,wBAAA,CACA,eAAA,CAIF,oCACC,2BAAA,CACA,uCAAA,CACA,gBAAA\",\"sourcesContent\":[\"@import \\\"src/resources/customized-styles/variables\\\";\\r\\n@import \\\"src/resources/styling-admin\\\";\\r\\n\\r\\n$grid-template-columns: calc(3.5em + #{$gutter}) repeat(2, minmax(200px, 320px)) repeat(2, minmax(160px, 260px)) minmax(320px, 1fr);\\r\\n\\r\\n.users-list {\\r\\n\\t.headers {\\r\\n\\t\\tgrid-template-columns: $grid-template-columns;\\r\\n\\t}\\r\\n\\r\\n\\t.main {\\r\\n\\t\\t.element {\\r\\n\\t\\t\\tgrid-template-columns: $grid-template-columns;\\r\\n\\t\\r\\n\\t\\t\\t.initials {\\r\\n\\t\\t\\t\\ttext-transform: uppercase;\\r\\n\\t\\t\\t}\\r\\n\\t\\r\\n\\t\\t\\t.img {\\r\\n\\t\\t\\t\\theight: inherit;\\r\\n\\t\\t\\t\\t\\r\\n\\t\\t\\t\\t&-container {\\r\\n\\t\\t\\t\\t\\tborder-radius: 50%;\\r\\n\\t\\t\\t\\t\\tcolor: $white;\\r\\n\\t\\t\\t\\t\\tdisplay: flex;\\r\\n\\t\\t\\t\\t\\tjustify-content: center;\\r\\n\\t\\t\\t\\t\\talign-items: center;\\r\\n\\t\\t\\t\\t\\theight: calc(3.5em - #{$gutter});\\r\\n\\t\\t\\t\\t\\twidth: calc(3.5em - #{$gutter});\\r\\n\\t\\t\\t\\t\\toverflow: hidden;\\r\\n\\t\\t\\t\\t}\\r\\n\\t\\t\\t}\\r\\n\\t\\r\\n\\t\\t\\t.project {\\r\\n\\t\\t\\t\\tmargin-right: calc(#{$gutter} / 2);\\r\\n\\t\\t\\t\\tpadding: calc(#{$gutter} / 2) calc(#{$gutter} / 1.5);\\r\\n\\t\\t\\t\\tuser-select: none;\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\t}\\r\\n}\\r\\n\",\"$black:       #000000 !default;\\r\\n$blue:        #348fe2 !default;\\r\\n$cyan:        #49b6d6 !default;\\r\\n$dark:        #2d353c !default;\\r\\n$dark-darker: #1a2229 !default;\\r\\n$green:       #32a932 !default;\\r\\n$indigo:      #8753de !default;\\r\\n$lime:        #90ca4b !default;\\r\\n$light:       #f2f3f4 !default;\\r\\n$orange:      #f59c1a !default;\\r\\n$purple:      #727cb6 !default;\\r\\n$pink:        #fb5597 !default;\\r\\n$red:         #ff5b57 !default;\\r\\n$silver:      #b6c2c9 !default;\\r\\n$teal:        #00acac !default;\\r\\n$white:       #FFFFFF !default;\\r\\n$yellow:      #ffd900 !default;\\r\\n$inverse:     $dark !default;\\r\\n$link-color:  $blue !default;\\r\\n$btn-eg-theme-color:    #517770 !default;\\r\\n$btn-ajour-theme-color:\\trgb(29, 30, 90) !default; \\t\\r\\n$colors: (\\r\\n\\t'black': $black,\\r\\n\\t'cyan': $cyan,\\r\\n\\t'dark': $dark,\\r\\n\\t'dark-darker': $dark-darker,\\r\\n\\t'green': $green,\\r\\n\\t'indigo': $indigo,\\r\\n\\t'lime': $lime,\\r\\n\\t'light': $light,\\r\\n\\t'orange': $orange,\\r\\n\\t'purple': $purple,\\r\\n\\t'pink': $pink,\\r\\n\\t'red': $red,\\r\\n\\t'silver': $silver,\\r\\n\\t'teal': $teal,\\r\\n\\t'white': $white,\\r\\n\\t'yellow': $yellow,\\r\\n\\t'muted': darken($silver, 30%),\\r\\n\\t'aqua': $cyan,\\r\\n\\t'btn-eg-theme-color': $btn-eg-theme-color,\\r\\n\\t'btn-ajour-theme-color': $btn-ajour-theme-color,\\r\\n\\r\\n);\\r\\n\\r\\n$border-radius:                     4px !default;\\r\\n$border-radius-lg:                  6px !default;\\r\\n$border-radius-sm:                  3px !default;\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".manage-user{margin:15px;width:calc(100% - 30px);height:calc(100vh - 4em - 30px)}.manage-user__body{height:calc(100vh - 4em);overflow:auto;padding:0 15px}[data-device-type=mobile] .manage-user__body,[data-device-type=tablet] .manage-user__body{height:calc(100vh - 4em - 50px)}.manage-user .heading{background:#f0f3f4;border-top:1px solid rgba(0,0,0,.175);border-bottom:1px solid rgba(0,0,0,.175);display:flex;align-items:center;height:4em;padding:calc(15px / 2) 15px}.manage-user .heading>span{margin:0}.manage-user .details{background:#fff;max-width:800px;padding:15px 0}.manage-user .detail{display:grid}.manage-user .detail:not(:last-of-type){margin-bottom:calc(15px / 2)}.manage-user .detail__title{display:flex;align-items:flex-start;font-weight:600;padding:calc(15px / 2) 0}.manage-user .detail__title label{margin-bottom:.25rem}@media(min-width: 640px){.manage-user .detail__title label{margin:0}}@media screen and (min-width: 640px){.manage-user .detail__input{display:flex;align-items:center}}.manage-user .detail__input input{margin-bottom:calc(15px / 2)}@media screen and (min-width: 640px){.manage-user .detail__input input{margin-bottom:0}.manage-user .detail__input input:not(:first-of-type){margin-left:calc(15px / 2)}.manage-user .detail__input input[name=project-zipcode]{flex:0 0 33.33334%;max-width:33.33334%}}.manage-user .hero{background:#fff;color:#2d353c;padding:calc(15px * 2) 0;display:grid;grid-template-columns:auto 1fr;gap:15px}.manage-user .hero .profile__image{user-select:none;color:#fff;font-weight:600;display:grid;justify-content:center;align-items:center;border-radius:50%;min-height:80px;max-height:80px;min-width:80px;max-width:80px}.manage-user .hero .profile__image h3{margin-bottom:0px}@media screen and (min-width: 640px){.manage-user .hero .profile__image{min-height:160px;max-height:160px;min-width:160px;max-width:160px}}.manage-user .hero .profile__info{display:flex;flex-direction:column;justify-content:center}.manage-user .hero .profile__info .profile__email{font-weight:600}.manage-user .user-projects{padding:0;overflow:auto;width:100%}.manage-user .user-projects .project{margin-right:calc(15px / 3);margin-bottom:calc(15px / 3);padding:calc(15px / 2) calc(15px / 1.5);user-select:none}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/app/administration/users/manage/manage-user.scss\",\"webpack://./src/resources/customized-styles/variables.scss\",\"webpack://./src/resources/styling-admin.scss\"],\"names\":[],\"mappings\":\"AAIA,aACC,WCKQ,CDJR,uBAAA,CACA,+BAAA,CAEA,mBACC,wBAAA,CACA,aAAA,CACA,cAAA,CAEA,0FACC,+BAAA,CAIF,sBACC,kBCda,CDeb,qCAAA,CACA,wCAAA,CACA,YAAA,CACA,kBAAA,CACA,UAAA,CACA,2BAAA,CAEA,2BACC,QAAA,CAIF,sBACC,eEnBY,CFoBZ,eAAA,CACA,cAAA,CAGD,qBACC,YAAA,CAEA,wCACC,4BAAA,CASD,4BACC,YAAA,CACA,sBAAA,CACA,eAAA,CACA,wBAAA,CAEA,kCACC,oBAAA,CAEA,yBAHD,kCAIE,QAAA,CAAA,CAMF,qCADD,4BAEE,YAAA,CACA,kBAAA,CAAA,CAGD,kCACC,4BAAA,CAEA,qCAHD,kCAIE,eAAA,CAEA,sDACC,0BAAA,CAGD,wDACC,kBAAA,CACA,mBAAA,CAAA,CAOL,mBACC,eAAA,CACA,aE3FY,CF4FZ,wBAAA,CACA,YAAA,CACA,8BAAA,CACA,QAAA,CAEA,mCACC,gBAAA,CACA,UAAA,CACA,eAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAA,CACA,cAAA,CACA,cAAA,CACA,sCACC,iBAAA,CAED,qCAfD,mCAgBE,gBAAA,CACA,gBAAA,CACA,eAAA,CACA,eAAA,CAAA,CAIF,kCACC,YAAA,CACA,qBAAA,CACA,sBAAA,CAYA,kDACC,eAAA,CAKH,4BACC,SAAA,CACA,aAAA,CACA,UAAA,CAEA,qCACC,2BAAA,CACA,4BAAA,CACA,uCAAA,CACA,gBAAA\",\"sourcesContent\":[\"@import \\\"src/resources/customized-styles/variables\\\";\\r\\n@import \\\"src/resources/styling-admin\\\";\\r\\n\\r\\n\\r\\n.manage-user {\\r\\n\\tmargin: $gutter;\\r\\n\\twidth: calc(100% - ($gutter * 2));\\r\\n\\theight: calc(100vh - $top-bar-height - ($gutter * 2));\\r\\n\\r\\n\\t&__body {\\r\\n\\t\\theight: calc(100vh - #{$top-bar-height});\\r\\n\\t\\toverflow: auto;\\r\\n\\t\\tpadding: 0 $gutter;\\r\\n\\t\\t\\r\\n\\t\\t[data-device-type=mobile] &, [data-device-type=tablet] & {\\r\\n\\t\\t\\theight: calc(100vh - #{$top-bar-height} - #{$nav-height-mobile});\\r\\n\\t\\t}\\r\\n\\t}\\r\\n\\r\\n\\t.heading {\\r\\n\\t\\tbackground: $grey-lighter;\\r\\n\\t\\tborder-top: 1px solid $border-color;\\r\\n\\t\\tborder-bottom: 1px solid $border-color;\\r\\n\\t\\tdisplay: flex;\\r\\n\\t\\talign-items: center;\\r\\n\\t\\theight: 4em;\\r\\n\\t\\tpadding: calc(#{$gutter} / 2) $gutter;\\r\\n\\t\\t\\r\\n\\t\\t> span {\\r\\n\\t\\t\\tmargin: 0;\\r\\n\\t\\t}\\r\\n\\t}\\r\\n\\r\\n\\t.details {\\r\\n\\t\\tbackground: $white;\\r\\n\\t\\tmax-width: 800px;\\r\\n\\t\\tpadding: $gutter 0;\\r\\n\\t}\\r\\n\\r\\n\\t.detail {\\r\\n\\t\\tdisplay: grid;\\r\\n\\r\\n\\t\\t&:not(:last-of-type) {\\r\\n\\t\\t\\tmargin-bottom: calc(#{$gutter} / 2);\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t// @media screen and (min-width: 640px) {\\r\\n\\t\\t// \\tdisplay: grid;\\r\\n\\t\\t// \\tgrid-template-columns: 190px 1fr;\\r\\n\\t\\t// \\tgap: $gutter;\\r\\n\\t\\t// }\\r\\n\\r\\n\\t\\t&__title {\\r\\n\\t\\t\\tdisplay: flex;\\r\\n\\t\\t\\talign-items: flex-start;\\r\\n\\t\\t\\tfont-weight: 600;\\r\\n\\t\\t\\tpadding: calc(#{$gutter} / 2) 0;\\r\\n\\r\\n\\t\\t\\tlabel {\\r\\n\\t\\t\\t\\tmargin-bottom: 0.25rem;\\r\\n\\t\\t\\t\\t\\r\\n\\t\\t\\t\\t@media (min-width: 640px) {\\r\\n\\t\\t\\t\\t\\tmargin: 0;\\r\\n\\t\\t\\t\\t}\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t&__input {\\r\\n\\t\\t\\t@media screen and (min-width: 640px) {\\r\\n\\t\\t\\t\\tdisplay: flex;\\r\\n\\t\\t\\t\\talign-items: center;\\r\\n\\t\\t\\t}\\r\\n\\r\\n\\t\\t\\tinput {\\r\\n\\t\\t\\t\\tmargin-bottom: calc(#{$gutter} / 2);\\r\\n\\r\\n\\t\\t\\t\\t@media screen and (min-width: 640px) {\\r\\n\\t\\t\\t\\t\\tmargin-bottom: 0;\\r\\n\\r\\n\\t\\t\\t\\t\\t&:not(:first-of-type) {\\r\\n\\t\\t\\t\\t\\t\\tmargin-left: calc(#{$gutter} / 2);\\r\\n\\t\\t\\t\\t\\t}\\r\\n\\r\\n\\t\\t\\t\\t\\t&[name=project-zipcode] {\\r\\n\\t\\t\\t\\t\\t\\tflex: 0 0 33.33334%;\\r\\n\\t\\t\\t\\t\\t\\tmax-width: 33.33334%;\\r\\n\\t\\t\\t\\t\\t}\\r\\n\\t\\t\\t\\t}\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\t}\\r\\n\\r\\n\\t.hero {\\r\\n\\t\\tbackground: white;\\r\\n\\t\\tcolor: $inverse;\\r\\n\\t\\tpadding: calc(#{$gutter} * 2) 0;\\r\\n\\t\\tdisplay: grid;\\r\\n\\t\\tgrid-template-columns: auto 1fr;\\r\\n\\t\\tgap: 15px;\\r\\n\\r\\n\\t\\t.profile__image {\\r\\n\\t\\t\\tuser-select: none;\\r\\n\\t\\t\\tcolor: white;\\r\\n\\t\\t\\tfont-weight: 600;\\r\\n\\t\\t\\tdisplay: grid;\\r\\n\\t\\t\\tjustify-content: center;\\r\\n\\t\\t\\talign-items: center;\\r\\n\\t\\t\\tborder-radius: 50%;\\r\\n\\t\\t\\tmin-height: 80px;\\r\\n\\t\\t\\tmax-height: 80px;\\r\\n\\t\\t\\tmin-width: 80px;\\r\\n\\t\\t\\tmax-width: 80px;\\r\\n\\t\\t\\th3 {\\r\\n\\t\\t\\t\\tmargin-bottom: 0px;\\r\\n\\t\\t\\t}\\r\\n\\t\\t\\t@media screen and (min-width: 640px) {\\r\\n\\t\\t\\t\\tmin-height: 160px;\\r\\n\\t\\t\\t\\tmax-height: 160px;\\r\\n\\t\\t\\t\\tmin-width: 160px;\\r\\n\\t\\t\\t\\tmax-width: 160px;\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t.profile__info {\\r\\n\\t\\t\\tdisplay: flex;\\r\\n\\t\\t\\tflex-direction: column;\\r\\n\\t\\t\\tjustify-content: center;\\r\\n\\r\\n\\t\\t\\t@media screen and (min-width: 640px) {\\r\\n\\t\\t\\t\\t\\r\\n\\t\\t\\t}\\r\\n\\r\\n\\t\\t\\t.profile__name {\\r\\n\\r\\n\\t\\t\\t\\t@media screen and (min-width: 640px) {\\r\\n\\t\\t\\t\\t}\\r\\n\\t\\t\\t}\\r\\n\\r\\n\\t\\t\\t.profile__email {\\r\\n\\t\\t\\t\\tfont-weight: 600;\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\t}\\r\\n\\r\\n\\t.user-projects {\\r\\n\\t\\tpadding: 0;\\r\\n\\t\\toverflow: auto;\\r\\n\\t\\twidth: 100%;\\r\\n\\r\\n\\t\\t.project {\\t\\t\\t\\r\\n\\t\\t\\tmargin-right: calc(#{$gutter} / 3);\\r\\n\\t\\t\\tmargin-bottom: calc(#{$gutter} / 3);\\r\\n\\t\\t\\tpadding: calc(#{$gutter} / 2) calc(#{$gutter} / 1.5);\\r\\n\\t\\t\\tuser-select: none;\\r\\n\\t\\t}\\r\\n\\t}\\r\\n}\\r\\n\",\"$text-color: #333;\\r\\n$accent: #00B3C9;\\r\\n$accent-15pct: #D9F4F7;\\r\\n$bs-default: #f1f3f4;\\r\\n$grey: #dddddd;\\r\\n$grey-light: #efefef;\\r\\n$grey-lighter: #F0F3F4;\\r\\n$grey-darker: #A5A3A3;\\r\\n$white-hsl-97: hsla(0deg, 0%, 97%, 1);\\r\\n\\r\\n$gutter: 15px;\\r\\n\\r\\n$box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.175);\\r\\n$box-shadow-right: 0.05rem 0 0.25rem rgba(0, 0, 0, 0.175);\\r\\n$box-shadow-left: -0.05rem 0 0.25rem rgba(0, 0, 0, 0.175);\\r\\n$box-shadow-color: rgba(0, 0, 0, 0.175);\\r\\n\\r\\n$border-color: rgba(0, 0, 0, 0.175);\\r\\n\\r\\n\\r\\n// Showroom header\\r\\n$showroom-header-height: 350px;\\r\\n$showroom-header-height-small: 150px;\\r\\n$showroom-header-height-mobile: 200px;\\r\\n\\r\\n// Navigation\\r\\n$nav-width: 275px;\\r\\n$nav-width-collapsed: 50px;\\r\\n$nav-height-mobile: 50px;\\r\\n\\r\\n// Top bar\\r\\n$top-bar-height: 4em;\\r\\n\\r\\n// CSS grid table\\r\\n$css-grid-header-height: calc(4em + 1px);\\r\\n\\r\\n// Object Presentation\\r\\n$object-presentation-left-content-width: 250px;\\r\\n$object-presentation-left-content-width-lg: 350px;\\r\\n$object-presentation-img-height: 250px;\\r\\n\\r\\n\\r\\n// Card deck\\r\\n$card-height: 250px;\\r\\n\\r\\n\\r\\n// Select\\r\\n$select-min-width: 200px;\\r\\n\\r\\n\\r\\n// Modal\\r\\n$modal-header-height: 50px;\\r\\n$modal-footer-height: 50px;\\r\\n\\r\\n// Object Properties\\r\\n$object-properties-width: 480px;\\r\\n$object-properties-width--detailed: 560px;\\r\\n$object-properties-width-mobile: 100vw;\\r\\n$object-properties-width-mobile--detailed: 100vw;\\r\\n$object-properties-width-tablet: 480px;\\r\\n$object-properties-width-tablet--detailed: 560px;\\r\\n\\r\\n// Notification Center\\r\\n$notification-center-width: 500px;\\r\\n\\r\\n// 7.0 z-index Setting\\r\\n\\r\\n$btn-scroll-to-top-zindex:          1020 !default;\\r\\n$content-zindex:                    1020 !default;\\r\\n$float-submenu-zindex:              1020 !default;\\r\\n$footer-zindex:                     1020 !default;\\r\\n$header-zindex:                     1020 !default;\\r\\n$header-fixed-zindex:               1040 !default;\\r\\n$sidebar-zindex:                    1010 !default;\\r\\n$top-menu-zindex:                   1015 !default;\\r\\n$theme-panel-zindex:                1020 !default;\\r\\n$page-loader-zindex :               9999 !default;\\r\\n$page-title-zindex:                 1020 !default;\\r\\n$pace-loader-zindex:                1030 !default;\\r\\n$panel-expand-zindex:               1080 !default;\\r\\n\\r\\n// 2.0 RTL Setting\\r\\n\\r\\n$enable-rtl: false !default;\\r\\n\\r\\n// 6.0 App Component Setting\\r\\n\\r\\n$boxed-layout-width:                rem(1280px) !default;\\r\\n$content-padding-x:                 rem(30px) !default;\\r\\n$content-padding-y:                 rem(20px) !default;\\r\\n$content-padding-x-sm:              rem(20px) !default;\\r\\n$content-padding-y-sm:              rem(20px) !default;\\r\\n$header-height:                     rem(50px) !default;\\r\\n$header-height-sm:                  rem(50px) !default;\\r\\n$sidebar-width:                     rem(220px) !default;\\r\\n$sidebar-minified-width:            rem(60px) !default;\\r\\n$sidebar-wide-width:                rem(250px) !default;\\r\\n$top-menu-height:                   rem(40px) !default;\",\"$black:       #000000 !default;\\r\\n$blue:        #348fe2 !default;\\r\\n$cyan:        #49b6d6 !default;\\r\\n$dark:        #2d353c !default;\\r\\n$dark-darker: #1a2229 !default;\\r\\n$green:       #32a932 !default;\\r\\n$indigo:      #8753de !default;\\r\\n$lime:        #90ca4b !default;\\r\\n$light:       #f2f3f4 !default;\\r\\n$orange:      #f59c1a !default;\\r\\n$purple:      #727cb6 !default;\\r\\n$pink:        #fb5597 !default;\\r\\n$red:         #ff5b57 !default;\\r\\n$silver:      #b6c2c9 !default;\\r\\n$teal:        #00acac !default;\\r\\n$white:       #FFFFFF !default;\\r\\n$yellow:      #ffd900 !default;\\r\\n$inverse:     $dark !default;\\r\\n$link-color:  $blue !default;\\r\\n$btn-eg-theme-color:    #517770 !default;\\r\\n$btn-ajour-theme-color:\\trgb(29, 30, 90) !default; \\t\\r\\n$colors: (\\r\\n\\t'black': $black,\\r\\n\\t'cyan': $cyan,\\r\\n\\t'dark': $dark,\\r\\n\\t'dark-darker': $dark-darker,\\r\\n\\t'green': $green,\\r\\n\\t'indigo': $indigo,\\r\\n\\t'lime': $lime,\\r\\n\\t'light': $light,\\r\\n\\t'orange': $orange,\\r\\n\\t'purple': $purple,\\r\\n\\t'pink': $pink,\\r\\n\\t'red': $red,\\r\\n\\t'silver': $silver,\\r\\n\\t'teal': $teal,\\r\\n\\t'white': $white,\\r\\n\\t'yellow': $yellow,\\r\\n\\t'muted': darken($silver, 30%),\\r\\n\\t'aqua': $cyan,\\r\\n\\t'btn-eg-theme-color': $btn-eg-theme-color,\\r\\n\\t'btn-ajour-theme-color': $btn-ajour-theme-color,\\r\\n\\r\\n);\\r\\n\\r\\n$border-radius:                     4px !default;\\r\\n$border-radius-lg:                  6px !default;\\r\\n$border-radius-sm:                  3px !default;\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","module.exports = \"<template>\\r\\n\\t<require from=\\\"./users-list.scss\\\"></require>\\r\\n\\r\\n\\t<top-bar show-search.bind=\\\"true\\\" with-breadcrumb=\\\"true\\\">\\r\\n\\t\\t<div slot=\\\"slot-right\\\">\\r\\n\\t\\t\\t<!-- <a route-href=\\\"create-user\\\" class=\\\"btn btn-inverse\\\" i18n=\\\"translation:[title]CreateUser\\\">\\r\\n\\t\\t\\t\\t<i class=\\\"far fa-plus fa-fw\\\"></i>\\r\\n\\t\\t\\t</a> -->\\r\\n\\t\\t\\t<a href=\\\"https://signup.ajourobjects.com/\\\" target=\\\"_blank\\\" class=\\\"btn btn-with-theme\\\">\\r\\n\\t\\t\\t\\t<span i18n=\\\"translation:GoToAdminSite\\\">Go to admin site</span>\\r\\n\\t\\t\\t\\t<i class=\\\"far fa-fw fa-external-link-alt m-l-2\\\"></i>\\r\\n\\t\\t\\t</a>\\r\\n\\t\\t</div>\\r\\n\\t</top-bar>\\r\\n\\r\\n\\t<div class=\\\"users-list widget-background\\\" css-grid-table>\\r\\n\\t\\t<div class=\\\"headers\\\">\\r\\n\\t\\t\\t<div class=\\\"cell\\\"></div>\\r\\n\\t\\t\\t<div class=\\\"cell\\\" click.delegate=\\\"sortBy('firstName')\\\">\\r\\n\\t\\t\\t\\t<span i18n=\\\"translation:Name\\\">\\r\\n\\t\\t\\t\\t\\tName\\r\\n\\t\\t\\t\\t</span>\\r\\n\\t\\t\\t\\t<span class=\\\"icon\\\" show.bind=\\\"column === 'firstName'\\\" innerhtml=\\\"<i class='fad ${displayState.icon}'></i>\\\"></span>\\r\\n\\t\\t\\t</div>\\r\\n\\t\\t\\t<div class=\\\"cell\\\" click.delegate=\\\"sortBy('email')\\\">\\r\\n\\t\\t\\t\\t<span i18n=\\\"translation:Email\\\">\\r\\n\\t\\t\\t\\t\\tEmail\\r\\n\\t\\t\\t\\t</span>\\r\\n\\t\\t\\t\\t<span class=\\\"icon\\\" show.bind=\\\"column === 'email'\\\" innerhtml=\\\"<i class='fad ${displayState.icon}'></i>\\\"></span>\\r\\n\\t\\t\\t</div>\\r\\n\\t\\t\\t<div class=\\\"cell\\\" click.delegate=\\\"sortBy('phone')\\\">\\r\\n\\t\\t\\t\\t<span i18n=\\\"translation:PhoneNumber\\\">\\r\\n\\t\\t\\t\\t\\tPhone number\\r\\n\\t\\t\\t\\t</span>\\r\\n\\t\\t\\t\\t<span class=\\\"icon\\\" show.bind=\\\"column === 'phone'\\\" innerhtml=\\\"<i class='fad ${displayState.icon}'></i>\\\"></span>\\r\\n\\t\\t\\t</div>\\r\\n\\t\\t\\t<div class=\\\"cell\\\" click.delegate=\\\"sortBy('companyName')\\\">\\r\\n\\t\\t\\t\\t<span i18n=\\\"translation:Company\\\">\\r\\n\\t\\t\\t\\t\\tCompany\\r\\n\\t\\t\\t\\t</span>\\r\\n\\t\\t\\t\\t<span class=\\\"icon\\\" show.bind=\\\"column === 'companyName'\\\" innerhtml=\\\"<i class='fad ${displayState.icon}'></i>\\\"></span>\\r\\n\\t\\t\\t</div>\\r\\n\\t\\t\\t<div class=\\\"cell\\\">\\r\\n\\t\\t\\t\\t<span i18n=\\\"translation:Projects\\\">\\r\\n\\t\\t\\t\\t\\tProjects\\r\\n\\t\\t\\t\\t</span>\\r\\n\\t\\t\\t</div>\\r\\n\\t\\t</div>\\r\\n\\t\\t<div class=\\\"main\\\">\\r\\n\\t\\t\\t<div class=\\\"inner\\\">\\r\\n\\t\\t\\t\\t<div if.bind=\\\"users.length === 0\\\" class=\\\"no-results\\\">\\r\\n\\t\\t\\t\\t\\t<span i18n=\\\"translation:NoContent\\\">No content</span>...\\r\\n\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t<div if.bind=\\\"users.length > 0\\\">\\r\\n\\t\\t\\t\\t\\t<div virtual-repeat.for=\\\"user of users | search: { searchTerm: searchTerm, columns: ['firstName', 'lastName', 'email', 'phone', 'companyName'] } | sort: { propertyName: column, direction: displayState.direction }\\\" click.delegate=\\\"editUser(user)\\\" class=\\\"element ${$odd ? 'odd' : 'even'}-row\\\">\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"cell\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t<div class=\\\"img-container bg-theme\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t\\t<span class=\\\"initials\\\">${user.firstName.trim().substring(0, 1)}${user.lastName.trim().substring(0, 1)}</span>\\r\\n\\t\\t\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"cell\\\" title=\\\"${user.firstName} ${user.lastName}\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t<div class=\\\"cell__inner\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t\\t${user.firstName} ${user.lastName}\\r\\n\\t\\t\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"cell\\\" title=\\\"${user.email}\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t<div class=\\\"cell__inner\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t\\t${user.email}\\r\\n\\t\\t\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"cell\\\" title=\\\"${user.phone}\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t<div class=\\\"cell__inner\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t\\t${user.phone}\\r\\n\\t\\t\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"cell\\\" title=\\\"${user.companyName}\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t<div class=\\\"cell__inner\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t\\t${user.companyName}\\r\\n\\t\\t\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"cell\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t<div class=\\\"cell__inner\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t\\t<span repeat.for=\\\"project of user.projects | sort: {propertyName: 'name'}\\\" class=\\\"project badge badge-default\\\">${project.name}</span>\\r\\n\\t\\t\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t</div>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n</template>\\r\\n\";","module.exports = \"<template>\\r\\n\\t<require from=\\\"./manage-user.scss\\\"></require>\\r\\n\\r\\n\\t<top-bar with-breadcrumb=\\\"true\\\" show-submit.bind=\\\"true\\\"></top-bar>\\r\\n\\r\\n\\t<div class=\\\"manage-user widget-background shadow-sm rounded\\\">\\r\\n\\t\\t<div class=\\\"manage-user__body\\\">\\r\\n\\t\\t\\t<div class=\\\"hero\\\">\\r\\n\\t\\t\\t\\t<div class=\\\"profile__image bg-theme\\\">\\r\\n\\t\\t\\t\\t\\t<h3 data-cy=\\\"userInitials\\\" class=\\\"profile-initials\\\">${user.firstName.trim().substring(0, 1)}${user.lastName.trim().substring(0, 1)}</h3>\\r\\n\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t<div class=\\\"profile__info\\\">\\r\\n\\t\\t\\t\\t\\t<h1 data-cy=\\\"userName\\\" class=\\\"profile__name\\\">${user.firstName.trim()} ${user.lastName.trim()}</h1>\\r\\n\\t\\t\\t\\t\\t<div data-cy=\\\"userEmail\\\" class=\\\"profile__email\\\">${user.email}</div>\\r\\n\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t</div>\\r\\n\\r\\n\\t\\t\\t<div class=\\\"details\\\">\\r\\n\\t\\t\\t\\t<div class=\\\"detail\\\">\\r\\n\\t\\t\\t\\t\\t<div class=\\\"detail__title\\\">\\t\\t\\r\\n\\t\\t\\t\\t\\t\\t<label for=\\\"firstname\\\" i18n=\\\"translation:Name\\\">Name</label>\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t<div class=\\\"detail__input\\\">\\r\\n\\t\\t\\t\\t\\t\\t<input type=\\\"text\\\" name=\\\"firstname\\\" id=\\\"firstname\\\" class=\\\"form-control\\\" i18n=\\\"[placeholder]translation:Firstname\\\" value.bind=\\\"user.firstName\\\">\\r\\n\\t\\t\\t\\t\\t\\t<input type=\\\"text\\\" name=\\\"lastname\\\" id=\\\"lastname\\\" class=\\\"form-control\\\" i18n=\\\"[placeholder]translation:Lastname\\\" value.bind=\\\"user.lastName\\\">\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t<div class=\\\"detail\\\">\\r\\n\\t\\t\\t\\t\\t<div class=\\\"detail__title\\\">\\t\\t\\r\\n\\t\\t\\t\\t\\t\\t<label for=\\\"email\\\" i18n=\\\"translation:Email\\\">Email</label>\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t<div class=\\\"detail__input\\\">\\r\\n\\t\\t\\t\\t\\t\\t<input type=\\\"text\\\" name=\\\"email\\\" id=\\\"email\\\" class=\\\"form-control\\\" i18n=\\\"[placeholder]translation:Email\\\" value.bind=\\\"user.email\\\" readonly>\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t<div class=\\\"detail\\\">\\r\\n\\t\\t\\t\\t\\t<div class=\\\"detail__title\\\">\\t\\t\\r\\n\\t\\t\\t\\t\\t\\t<label for=\\\"company\\\" i18n=\\\"translation:Company\\\">Company</label>\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t<div class=\\\"detail__input\\\">\\r\\n\\t\\t\\t\\t\\t\\t<input type=\\\"text\\\" name=\\\"company\\\" id=\\\"company\\\" class=\\\"form-control\\\" i18n=\\\"[placeholder]translation:Company\\\" value.bind=\\\"user.companyName\\\">\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t<div class=\\\"detail\\\">\\r\\n\\t\\t\\t\\t\\t<div class=\\\"detail__title\\\">\\t\\t\\r\\n\\t\\t\\t\\t\\t\\t<label for=\\\"phone\\\" i18n=\\\"translation:PhoneNumber\\\">Phone number</label>\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t<div class=\\\"detail__input\\\">\\r\\n\\t\\t\\t\\t\\t\\t<input type=\\\"text\\\" name=\\\"phone\\\" id=\\\"phone\\\" class=\\\"form-control\\\" i18n=\\\"[placeholder]translation:PhoneNumber\\\" value.bind=\\\"user.phone\\\">\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t<div class=\\\"detail\\\">\\r\\n\\t\\t\\t\\t\\t<div class=\\\"detail__title\\\">\\t\\t\\r\\n\\t\\t\\t\\t\\t\\t<label for=\\\"projects\\\" i18n=\\\"translation:Projects\\\">Projects</label>\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t<div class=\\\"detail__input\\\">\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"user-projects\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t<span class=\\\"project badge badge-default\\\" repeat.for=\\\"project of user.projects | sort: { propertyName: 'name', direction: 'ascending' }\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t\\t${project.name}\\r\\n\\t\\t\\t\\t\\t\\t\\t</span>\\r\\n\\t\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t\\t</div>\\r\\n\\t\\t\\t</div>\\r\\n\\t\\t</div>\\r\\n\\t</div>\\r\\n</template>\\r\\n\";","import { ListService } from 'app/services/list-service';\r\nimport { Router } from 'aurelia-router';\r\nimport { Subscription, EventAggregator } from 'aurelia-event-aggregator';\r\nimport { autoinject } from \"aurelia-framework\";\r\nimport { UserDto } from \"app/models/user-administration-dtos\";\r\nimport { ApiClient } from 'app/services/api-client';\r\n\r\n@autoinject\r\nexport class UsersList {\r\n\tpublic users: UserDto[];\r\n\tpublic column: string = \"firstName\"\r\n\tpublic displayState: { icon: string, direction: string } | undefined;\r\n\tpublic searchTerm: string = \"\";\r\n\tpublic viewContext: string;\r\n\tprivate subscriptions: Subscription[] = [];\r\n\r\n\tconstructor(private router: Router, private apiClient: ApiClient, private events: EventAggregator, private listService: ListService) {\r\n\t\tthis.viewContext = \"TopBar\";\r\n\t\tthis.users = [];\r\n\t}\r\n\r\n\tasync activate(params: any, routeConfig: any, navigationInstruction: any) {\r\n\t\tawait this.getUsers('usersList.activate');\r\n\t\tthis.displayState = { icon: \"fa-sort-up\", direction: \"ascending\" };\r\n\r\n\t\tconst searchHandler = (data: any) => this.handleSearchEvent(data);\r\n\t\tthis.subscriptions = [\r\n\t\t\tthis.events.subscribe(this.viewContext + \":SearchTermChanged\", searchHandler),\r\n\t\t\tthis.events.subscribe(\"global:org-changed\", async () => this.reload())\r\n\t\t];\r\n\t}\r\n\r\n\tasync reload(): Promise<void> {\r\n\t\tawait this.getUsers('users-list.reload');\r\n\t}\r\n\t\r\n\tattached() {\r\n\t\tthis.displayState = { icon: \"fa-sort-up\", direction: \"ascending\" };\r\n\t}\r\n\t\r\n\tdetached() {\r\n\t\tthis.subscriptions.forEach(subscription => (\r\n\t\t\tsubscription.dispose()\r\n\t\t));\r\n\t}\r\n\r\n\tprivate handleSearchEvent(data: string) {\r\n\t\tthis.searchTerm = data;\r\n\t}\r\n\r\n\tpublic editUser(user: UserDto) {\t\t\r\n\t\tthis.router.navigate('administration/users/edit/'+ user.id + '');\r\n\t}\r\n\t\r\n\tprivate async getUsers(who:string) {\r\n\t\tconsole.warn('someone calling users-list.getUsers', who);\r\n\t\tthis.users = await this.apiClient.orgByToken.get('UserAdministration/GetUsers').jsonResult();\r\n\t}\r\n\r\n\tpublic async sortBy(columnName: string) {\r\n\t\tawait this.listService.sortBy(columnName).then(result => {\r\n\t\t\tthis.column = result.column;\r\n\t\t\tthis.displayState = result.displayState;\r\n\t\t});\r\n\t}\r\n}\r\n","import { Router } from 'aurelia-router';\r\nimport { EventAggregator, Subscription } from 'aurelia-event-aggregator';\r\nimport { autoinject } from 'aurelia-framework';\r\nimport { UserDto } from 'app/models/user-administration-dtos';\r\nimport { ApiClient } from 'app/services/api-client';\r\n\r\n@autoinject\r\nexport class ManageUser {\r\n\tpublic isEditing: boolean = false;\r\n\tpublic isSaving: boolean = false;\r\n\tpublic user: UserDto | undefined;\r\n\tpublic originalUser: UserDto | undefined;\r\n\tprivate userId: string = \"\";\r\n\tprivate subscriptions: Subscription[] = [];\r\n\r\n\tconstructor (private apiClient: ApiClient, private router: Router, private events: EventAggregator) {}\r\n\r\n\tasync activate(params: any, routeConfig: any, navigationInstruction: any) {\r\n\t\tthis.userId = params.userId;\r\n\t\tthis.subscriptions = [\r\n\t\t\tthis.events.subscribe(\"global:org-changed\", async () => this.backToList())\r\n\t\t]\r\n\t\tif (Boolean(this.userId)) {\r\n\t\t\tthis.isEditing = true;\r\n\t\t\tthis.fetchUser(this.userId);\r\n\t\t} else {\r\n\t\t\tthis.resetInputsForNewUser();\r\n\t\t}\r\n\t}\r\n\r\n\tdetached() {\r\n\t\tthis.subscriptions.forEach(subscription => (\r\n\t\t\tsubscription.dispose()\r\n\t\t));\r\n\t}\r\n\r\n\tbackToList() {\r\n\t\tthis.router.navigate('administration/users/');\r\n\t}\r\n\r\n\tpublic fetchUser(userId: string) {\r\n\t\tthis.apiClient.global.get('UserAdministration/GetUserById/' + userId).jsonResult().then(result => {\r\n\t\t\tthis.user = result;\r\n\t\t\tthis.originalUser = Object.assign({}, result);\r\n\t\t\tif (this.originalUser) {\r\n\t\t\t\tthis.originalUser.projects = Object.assign({}, result.projects);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tpublic submit() {\r\n\t\tthis.isSaving = true;\r\n\t\tif (this.isEditing) {\r\n\t\t\tthis.update();\r\n\t\t} else {\r\n\t\t\tthis.create();\r\n\t\t}\r\n\t}\r\n\r\n\tpublic reset() {\r\n        if (this.isEditing) {\r\n            this.router.navigateToRoute('users');\r\n        } else {\r\n            this.user = this.originalUser;\r\n            this.userId = \"\";\r\n            this.resetInputs();\r\n        }\r\n\t}\r\n\r\n\tprivate resetInputs() {\r\n\t\tthis.isEditing = false;\r\n\t\tthis.user = undefined;\r\n\t}\r\n\t\r\n\tprivate create() {\r\n\t\tthrow new Error(\"Method not implemented.\");\r\n\t}\r\n\r\n\tprivate update() {\r\n\t\tthis.apiClient.orgByToken.postJson('UserAdministration/UpdateUser', this.user).response()\r\n\t\t\t.finally(() => {\r\n\t\t\t\tthis.isSaving = false;\r\n\t\t\t});\r\n\t}\r\n\t\r\n\tpublic resetInputsForNewUser() {\r\n\t\tthrow new Error(\"Method not implemented.\");\r\n\t}\r\n}\r\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","exports","UsersList","constructor","router","apiClient","events","listService","column","searchTerm","subscriptions","this","viewContext","users","async","params","routeConfig","navigationInstruction","getUsers","displayState","icon","direction","subscribe","data","handleSearchEvent","reload","attached","detached","forEach","subscription","dispose","editUser","user","navigate","who","console","warn","orgByToken","get","jsonResult","columnName","sortBy","then","result","autoinject","ManageUser","isEditing","isSaving","userId","backToList","Boolean","fetchUser","resetInputsForNewUser","global","originalUser","Object","assign","projects","submit","update","create","reset","navigateToRoute","resetInputs","undefined","Error","postJson","response","finally"],"sourceRoot":""}