{"version":3,"file":"app-ffa2e8d8.0594107278e9874f.bundle.js","mappings":"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","sources":["webpack://client-app/./src/app/components/filter/combine/combine-filters.scss","webpack://client-app/./src/app/components/filter/combine/combine-filters.html","webpack://client-app/./src/app/components/filter/combine/combine-filters.ts","webpack://client-app/./src/app/components/filter/combine/filter-availability-value-converter.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, \".combine-filters{max-width:640px}@media screen and (min-width: 640px){.combine-filters{min-width:600px}}.combine-filters ux-dialog-body{display:grid !important;grid-template-rows:auto 1fr;gap:15px;height:640px;padding:15px !important}.combine-filters .save-name{max-width:480px}.combine-filters .lists{display:grid;grid-template-columns:1fr 1fr;gap:15px;overflow:hidden}.combine-filters .list{border-radius:4px;border:1px solid rgba(0,0,0,.175);height:100%;overflow:hidden}.combine-filters .list__header{background:#f0f3f4;border-radius:4px 4px 0 0;border-bottom:1px solid rgba(0,0,0,.175);display:grid;align-items:center;font-weight:600;height:3em;padding:calc(15px / 4) 15px}.combine-filters .list__body{height:calc(100% - 3em);overflow-y:auto}.combine-filters .list .item{cursor:pointer;padding:calc(15px / 2) 15px}.combine-filters .list .item[data-selected=true]{background:#00b3c9;color:#fff}.combine-filters .list .item__inner{display:flex;align-items:center;gap:calc(15px / 2)}.combine-filters .fieldset{display:grid;grid-auto-flow:row;gap:calc(15px / 3)}.combine-filters .fieldset legend.fieldset-label{margin-bottom:0}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/app/components/filter/combine/combine-filters.scss\",\"webpack://./src/resources/customized-styles/variables.scss\",\"webpack://./src/resources/styling-admin.scss\"],\"names\":[],\"mappings\":\"AAGA,iBACC,eAAA,CAEA,qCAHD,iBAIE,eAAA,CAAA,CAGD,gCACC,uBAAA,CACA,2BAAA,CACA,QCHO,CDIP,YAAA,CACA,uBAAA,CAGD,4BACC,eAAA,CAGD,wBACC,YAAA,CACA,6BAAA,CACA,QCfO,CDgBP,eAAA,CAGD,uBACC,iBEekC,CFdlC,iCAAA,CACA,WAAA,CACA,eAAA,CAEA,+BACC,kBC9BY,CD+BZ,yBAAA,CACA,wCAAA,CACA,YAAA,CACA,kBAAA,CACA,eAAA,CACA,UAAA,CACA,2BAAA,CAGD,6BACC,uBAAA,CACA,eAAA,CAGD,6BACC,cAAA,CACA,2BAAA,CAEA,iDACC,kBCvDK,CDwDL,UE1CU,CF6CX,oCACC,YAAA,CACA,kBAAA,CACA,kBAAA,CAKH,2BACC,YAAA,CACA,kBAAA,CACA,kBAAA,CAGC,iDACC,eAAA\",\"sourcesContent\":[\"@import \\\"src/resources/customized-styles/variables\\\";\\r\\n@import \\\"src/resources/styling-admin\\\";\\r\\n\\r\\n.combine-filters {\\r\\n\\tmax-width: 640px;\\r\\n\\r\\n\\t@media screen and (min-width: 640px) {\\r\\n\\t\\tmin-width: 600px;\\t\\r\\n\\t}\\r\\n\\t\\r\\n\\tux-dialog-body {\\r\\n\\t\\tdisplay: grid !important;\\r\\n\\t\\tgrid-template-rows: auto 1fr;\\r\\n\\t\\tgap: $gutter;\\r\\n\\t\\theight: 640px;\\r\\n\\t\\tpadding: $gutter !important;\\r\\n\\t}\\r\\n\\r\\n\\t.save-name {\\r\\n\\t\\tmax-width: 480px;\\r\\n\\t}\\r\\n\\r\\n\\t.lists {\\r\\n\\t\\tdisplay: grid;\\r\\n\\t\\tgrid-template-columns: 1fr 1fr;\\r\\n\\t\\tgap: $gutter;\\r\\n\\t\\toverflow: hidden;\\r\\n\\t}\\r\\n\\r\\n\\t.list {\\r\\n\\t\\tborder-radius: $border-radius;\\r\\n\\t\\tborder: 1px solid $border-color;\\r\\n\\t\\theight: 100%;\\r\\n\\t\\toverflow: hidden;\\t\\t\\r\\n\\r\\n\\t\\t&__header {\\r\\n\\t\\t\\tbackground: $grey-lighter;\\r\\n\\t\\t\\tborder-radius: $border-radius $border-radius 0 0;\\r\\n\\t\\t\\tborder-bottom: 1px solid $border-color;\\r\\n\\t\\t\\tdisplay: grid;\\r\\n\\t\\t\\talign-items: center;\\r\\n\\t\\t\\tfont-weight: 600;\\r\\n\\t\\t\\theight: 3em;\\r\\n\\t\\t\\tpadding: calc(#{$gutter} / 4) $gutter;\\r\\n\\t\\t}\\r\\n\\r\\n\\t\\t&__body {\\r\\n\\t\\t\\theight: calc(100% - 3em);\\r\\n\\t\\t\\toverflow-y: auto;\\r\\n\\t\\t}\\r\\n\\t\\t\\r\\n\\t\\t.item {\\r\\n\\t\\t\\tcursor: pointer;\\r\\n\\t\\t\\tpadding: calc(#{$gutter} / 2) $gutter;\\r\\n\\r\\n\\t\\t\\t&[data-selected=true] {\\r\\n\\t\\t\\t\\tbackground: $accent;\\r\\n\\t\\t\\t\\tcolor: $white;\\r\\n\\t\\t\\t}\\r\\n\\r\\n\\t\\t\\t&__inner {\\r\\n\\t\\t\\t\\tdisplay: flex;\\r\\n\\t\\t\\t\\talign-items: center;\\r\\n\\t\\t\\t\\tgap: calc(#{$gutter} / 2);\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\t}\\r\\n\\r\\n\\t.fieldset {\\r\\n\\t\\tdisplay: grid;\\r\\n\\t\\tgrid-auto-flow: row;\\r\\n\\t\\tgap: calc(#{$gutter} / 3);\\r\\n\\r\\n\\t\\tlegend {\\r\\n\\t\\t\\t&.fieldset-label {\\r\\n\\t\\t\\t\\tmargin-bottom: 0;\\r\\n\\t\\t\\t}\\r\\n\\t\\t}\\r\\n\\t}\\r\\n\\r\\n\\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=\\\"app/components/dialog/modal.scss\\\"></require>\\r\\n\\t<require from=\\\"./combine-filters.scss\\\"></require>\\r\\n\\t<require from=\\\"./filter-availability-value-converter\\\"></require>\\r\\n\\r\\n\\t<ux-dialog class=\\\"combine-filters\\\">\\r\\n\\t\\t<ux-dialog-header>\\r\\n\\t\\t\\t<h2 i18n=\\\"translation:Combine views\\\">Combine views</h2>\\r\\n\\t\\t</ux-dialog-header>\\r\\n\\t\\t<ux-dialog-body>\\r\\n\\t\\t\\t<div class=\\\"save-name\\\">\\r\\n\\t\\t\\t\\t<input data-cy=\\\"saveFilterName\\\" type=\\\"text\\\" name=\\\"prompt-input\\\" id=\\\"prompt-input\\\" class=\\\"form-control\\\" i18n=\\\"[placeholder]translation:Name\\\" value.bind=\\\"saveName\\\" attach-focus>\\r\\n\\t\\t\\t</div>\\r\\n\\t\\t\\t\\r\\n\\t\\t\\t<div class=\\\"lists\\\">\\r\\n\\t\\t\\t\\t<div class=\\\"list\\\">\\r\\n\\t\\t\\t\\t\\t<div class=\\\"list__header\\\" i18n=\\\"translation:Groupings\\\">Groupings</div>\\r\\n\\t\\t\\t\\t\\t<div class=\\\"list__body\\\">\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"item\\\" virtual-repeat.for=\\\"grouping of groupings\\\" click.delegate=\\\"selectGrouping(grouping)\\\" data-selected.bind=\\\"groupingId === grouping.id\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t<div class=\\\"item__inner\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t\\t<i if.bind=\\\"grouping.availability === 3\\\" class=\\\"far fa-globe fa-fw\\\"></i>\\r\\n\\t\\t\\t\\t\\t\\t\\t\\t<i if.bind=\\\"grouping.availability === 1\\\" class=\\\"far fa-user-shield fa-fw\\\"></i>\\r\\n\\t\\t\\t\\t\\t\\t\\t\\t<div>${grouping.name}</div>\\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\\t<div class=\\\"list\\\">\\r\\n\\t\\t\\t\\t\\t<div class=\\\"list__header\\\" i18n=\\\"translation:Views\\\">Views</div>\\r\\n\\t\\t\\t\\t\\t<div class=\\\"list__body\\\">\\r\\n\\t\\t\\t\\t\\t\\t<!-- Line below should be replaced in once given time to fix properly. The active line is temp solution. -->\\r\\n\\t\\t\\t\\t\\t\\t<!-- <div class=\\\"item\\\" virtual-repeat.for=\\\"filter of filters | filterAvailability: selectedGrouping\\\" click.delegate=\\\"selectFilter(filter)\\\" data-selected.bind=\\\"filterId === filter.id\\\"> -->\\r\\n\\t\\t\\t\\t\\t\\t<div class=\\\"item\\\" virtual-repeat.for=\\\"filter of filters\\\" click.delegate=\\\"selectFilter(filter)\\\" data-selected.bind=\\\"filterId === filter.id\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t<div class=\\\"item__inner\\\">\\r\\n\\t\\t\\t\\t\\t\\t\\t\\t<i if.bind=\\\"filter.availability === 3\\\" class=\\\"far fa-globe fa-fw\\\"></i>\\r\\n\\t\\t\\t\\t\\t\\t\\t\\t<i if.bind=\\\"filter.availability === 1\\\" class=\\\"far fa-user-shield fa-fw\\\"></i>\\r\\n\\t\\t\\t\\t\\t\\t\\t\\t<div>${filter.name}</div>\\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\\t<div class=\\\"fieldset\\\">\\r\\n\\t\\t\\t\\t<legend class=\\\"fieldset-label\\\" i18n=\\\"translation:Scope\\\">Scope</legend>\\r\\n\\t\\t\\t\\t<label repeat.for=\\\"scope of scopes\\\" class=\\\"radio-with-theme radio-with-theme--with-description\\\">\\r\\n\\t\\t\\t\\t\\t<input type=\\\"radio\\\" name=\\\"filter-scope\\\" model.bind=\\\"scope.value\\\" checked.bind=\\\"projectId\\\">\\r\\n\\t\\t\\t\\t\\t<span>\\r\\n\\t\\t\\t\\t\\t\\t<span class=\\\"radio-with-theme__label\\\" i18n=\\\"translation:${scope.name}\\\">${scope.name}</span>\\r\\n\\t\\t\\t\\t\\t\\t<span class=\\\"radio-with-theme__description\\\" i18n=\\\"translation:${scope.description}\\\">${scope.description}</span>\\r\\n\\t\\t\\t\\t\\t</span>\\r\\n\\t\\t\\t\\t</label>\\r\\n\\t\\t\\t</div>\\r\\n\\t\\t\\t<div class=\\\"fieldset\\\">\\r\\n\\t\\t\\t\\t<legend class=\\\"fieldset-label\\\" i18n=\\\"translation:Availability\\\">Availability</legend>\\r\\n\\t\\t\\t\\t<label repeat.for=\\\"option of availabilityOptions\\\" class=\\\"radio-with-theme radio-with-theme--with-description\\\">\\r\\n\\t\\t\\t\\t\\t<input type=\\\"radio\\\" name=\\\"filter-availability\\\" model.bind=\\\"option.value\\\" checked.bind=\\\"userId\\\">\\r\\n\\t\\t\\t\\t\\t<span>\\r\\n\\t\\t\\t\\t\\t\\t<span class=\\\"radio-with-theme__label\\\" i18n=\\\"translation:${option.name}\\\">${option.name}</span>\\r\\n\\t\\t\\t\\t\\t\\t<span class=\\\"radio-with-theme__description\\\" i18n=\\\"translation:${option.description}\\\">${option.description}</span>\\r\\n\\t\\t\\t\\t\\t</span>\\r\\n\\t\\t\\t\\t</label>\\r\\n\\t\\t\\t</div>\\r\\n\\t\\t</ux-dialog-body>\\r\\n\\r\\n\\t\\t<ux-dialog-footer>\\r\\n\\t\\t\\t<button data-cy=\\\"saveFilterOK\\\" click.delegate=\\\"ok()\\\" class=\\\"btn btn-with-theme dialog-action\\\" i18n=\\\"translation:OK\\\" disabled.bind=\\\"saveName === '' || groupingId === '' || filterId === ''\\\">OK</button>\\r\\n\\t\\t\\t<button click.delegate=\\\"cancel()\\\" class=\\\"btn btn-default dialog-action\\\" i18n=\\\"translation:Cancel\\\">Cancel</button>\\r\\n\\t\\t</ux-dialog-footer>\\r\\n\\t</ux-dialog>\\r\\n</template>\\r\\n\";","import { I18N } from 'aurelia-i18n';\r\nimport { AppContextService } from 'app/services/app-context-service';\r\nimport { ApiClient } from 'app/services/api-client';\r\nimport { FilterGroupDto, FilterDto, FilterSaveValues, Scope, AvailabilityUserIdOption } from 'app/models/filter-dto';\r\nimport { autoinject } from 'aurelia-framework';\r\nimport { DialogController } from 'aurelia-dialog';\r\n\r\n@autoinject\r\nexport class CombineFilters {\r\n\tpublic saveName: string = \"\";\r\n\tpublic groupingId: string = \"\";\r\n\tpublic selectedGrouping: FilterGroupDto | undefined;\r\n\tpublic filterId: string = \"\";\r\n\tpublic groupings: FilterGroupDto[] = [];\r\n\tpublic filters: FilterDto[] = [];\r\n\tpublic projectId: string = \"00000000-0000-0000-0000-000000000000\";\r\n\tpublic userId: string = \"00000000-0000-0000-0000-000000000000\";\r\n\tpublic scopes: Scope[] = [];\r\n\tpublic availabilityOptions: AvailabilityUserIdOption[] = [];\r\n\r\n\tconstructor(protected dialog: DialogController, private apiClient: ApiClient, private appContext: AppContextService, private i18n: I18N) {\r\n\t\tthis.dialog.settings.overlayDismiss = false;\r\n\t}\r\n\r\n\tasync activate(params: any, routeConfig: any, navigationInstruction: any) {\r\n\t\tthis.populateScope();\r\n\t\tthis.populateAvailability();\r\n\t\tawait this.getGroupings();\r\n\t\tawait this.getFilters_CF();//in-CombineFilters.activate\r\n\t\tthis.userId = this.appContext?.currentUser?.id ? this.appContext?.currentUser?.id : \"00000000-0000-0000-0000-000000000000\";\r\n\t\t// this.projectId = this.appContext.projectId;\r\n\t}\r\n\r\n\tpublic ok() {\r\n\t\tif (Boolean(this.saveName.trim() === \"\") || !Boolean(this.groupingId) || !Boolean(this.filterId) || !Boolean(this.projectId) || !Boolean(this.userId)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis.dialog.ok(\r\n\t\t\t{\r\n\t\t\t\tname: this.saveName,\r\n\t\t\t\tgroupingId: this.groupingId,\r\n\t\t\t\tfilterId: this.filterId,\r\n\t\t\t\tprojectId: this.projectId,\r\n\t\t\t\tuserId: this.userId\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\tpublic cancel() {\r\n\t\tthis.dialog.cancel();\r\n\t}\r\n\r\n\tprivate populateScope() {\r\n\t\tthis.scopes = [\r\n\t\t\t{\r\n\t\t\t\tname: FilterSaveValues.filterScopeTypes.System.name,\r\n\t\t\t\tvalue: \"00000000-0000-0000-0000-000000000000\",\r\n\t\t\t\tdescription: FilterSaveValues.filterScopeTypes.System.description,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname: FilterSaveValues.filterScopeTypes.Project.name,\r\n\t\t\t\tvalue: this.appContext.projectId,\r\n\t\t\t\tdescription: FilterSaveValues.filterScopeTypes.Project.description,\r\n\t\t\t}\r\n\t\t]\r\n\t}\r\n\r\n\tprivate populateAvailability() {\r\n\t\tthis.availabilityOptions = [\r\n\t\t\t{\r\n\t\t\t\tname: FilterSaveValues.filterAvailabilityTypes.Private.name,\r\n\t\t\t\tvalue: this.appContext?.currentUser?.id ? this.appContext?.currentUser?.id : \"00000000-0000-0000-0000-000000000000\",\r\n\t\t\t\tdescription: FilterSaveValues.filterAvailabilityTypes.Private.description\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tname: FilterSaveValues.filterAvailabilityTypes.Public.name,\r\n\t\t\t\tvalue: \"00000000-0000-0000-0000-000000000000\",\r\n\t\t\t\tdescription: FilterSaveValues.filterAvailabilityTypes.Public.description\r\n\t\t\t}\r\n\t\t]\r\n\t}\r\n\r\n\tpublic selectGrouping(grouping: FilterGroupDto) {\r\n\t\tthis.groupingId = grouping.id ? this.groupingId : \"\";\r\n\t\tthis.selectedGrouping = grouping;\r\n\t}\r\n\r\n\tpublic selectFilter(filter: FilterDto) {\r\n\t\tthis.filterId = filter.id ? filter.id : \"\";\r\n\t}\r\n\r\n\tprivate async getGroupings() {\r\n\t\tthis.groupings = [];\r\n\t\tthis.groupings = await this.apiClient.project(this.appContext.projectId).get(\"Filter/GetFilterGroups\")\r\n\t\t\t.handleError(this.i18n.tr('Error_Title_Generic'), this.i18n.tr('Error_Message_Generic'))\r\n\t\t\t.jsonResult();\r\n\t}\r\n\r\n\tprivate async getFilters_CF() {\r\n\t\tconsole.log('Filters_CF,prj:', this.appContext.projectId);\r\n\t\tthis.filters = [];\r\n\t\tthis.filters = await this.apiClient.project(this.appContext.projectId).get(\"Filter/GetFilters\")\r\n\t\t\t.handleError(this.i18n.tr('Error_Title_Generic'), this.i18n.tr('Error_Message_Generic'))\r\n\t\t\t.jsonResult();\r\n\t\tconsole.log(this.filters)\r\n\t}\r\n}\r\n","import { FilterDto, FilterGroupDto } from './../../../models/filter-dto';\r\nexport class FilterAvailabilityValueConverter{\r\n    toView(items: FilterDto[], grouping: FilterGroupDto){\r\n        if(!Boolean(grouping)){\r\n            return [];\r\n        }\r\n        return items.filter(x => x.availability === grouping.availability && x.projectId === grouping.projectId);\r\n    }\r\n}"],"names":["___CSS_LOADER_EXPORT___","push","module","id","exports","CombineFilters","constructor","dialog","apiClient","appContext","i18n","saveName","groupingId","filterId","groupings","filters","projectId","userId","scopes","availabilityOptions","this","settings","overlayDismiss","async","params","routeConfig","navigationInstruction","populateScope","populateAvailability","getGroupings","getFilters_CF","currentUser","ok","Boolean","trim","name","cancel","value","description","selectGrouping","grouping","selectedGrouping","selectFilter","filter","project","get","handleError","tr","jsonResult","console","log","autoinject","DialogController","I18N","FilterAvailabilityValueConverter","toView","items","x","availability"],"sourceRoot":""}