https://cdn.cmrad.com/js/17769.be640ff56b90bc41.js

1"use strict";(self.webpackChunk_cmrad_cmrad=self.webpackChunk_cmrad_cmrad||[]).push([[17769],{63716:function(r,a,e){var n=e(27897),t=e.n(n),l=e(1519),i=e.n(l)()(t());i.push([r.id,"[data-v-4c36a8a9]:root{--white_hs:0,0%;--gray-200_hs:210,17%;--gray-300_hs:210,14%;--gray-400_hs:210,14%;--gray-500_hs:210,11%;--gray-600_hs:208,7%;--gray-700_hs:210,9%;--gray-800_hs:210,10%;--gray-900_hs:210,11%;--black_hs:0,0%;--white_l:100%;--gray-200_l:98%;--gray-300_l:89%;--gray-400_l:83%;--gray-500_l:71%;--gray-600_l:46%;--gray-700_l:31%;--gray-800_l:23%;--gray-900_l:15%;--black_l:0%;--white:hsl(var(--white_hs),var(--white_l));--gray-200:hsl(var(--gray-200_hs),var(--gray-200_l));--gray-300:hsl(var(--gray-300_hs),var(--gray-300_l));--gray-400:hsl(var(--gray-400_hs),var(--gray-400_l));--gray-500:hsl(var(--gray-500_hs),var(--gray-500_l));--gray-600:hsl(var(--gray-600_hs),var(--gray-600_l));--gray-700:hsl(var(--gray-700_hs),var(--gray-700_l));--gray-800:hsl(var(--gray-800_hs),var(--gray-800_l));--gray-900:hsl(var(--gray-900_hs),var(--gray-900_l));--black:hsl(var(--black_hs),var(--black_l));--primary_darker_hs:4,80%;--primary_dark_hs:4,85%;--primary_hs:4,87%;--primary-light_hs:4,88%;--primary-lighter_hs:4,100%;--success_hs:166,81%;--warning_hs:46,100%;--danger_hs:353,58%;--ai-blue_hs:206,66%;--ai-blue-med_hs:205,89%;--ai-blue-light_hs:204,100%;--premium_hs:173,70%;--primary_darker_l:40%;--primary_dark_l:50%;--primary_l:60%;--primary-light_l:75%;--primary-lighter_l:97%;--success_l:42%;--warning_l:50%;--danger_l:47%;--ai-blue_l:28%;--ai-blue-med_l:82%;--ai-blue-light_l:93%;--premium_l:35%;--primary-darker:hsl(var(--primary_darker_hs),var(--primary_darker_l));--primary-dark:hsl(var(--primary_dark_hs),var(--primary_dark_l));--primary:hsl(var(--primary_hs),var(--primary_l));--primary-light:hsl(var(--primary-light_hs),var(--primary-light_l));--primary-lighter:hsl(var(--primary-lighter_hs),var(--primary-lighter_l));--success:hsl(var(--success_hs),var(--success_l));--warning:hsl(var(--warning_hs),var(--warning_l));--danger:hsl(var(--danger_hs),var(--danger_l));--ai-blue:hsl(var(--ai-blue_hs),var(--ai-blue_l));--ai-blue-med:hsl(var(--ai-blue-med_hs),var(--ai-blue-med_l));--ai-blue-light:hsl(var(--ai-blue-light_hs),var(--ai-blue-light_l));--premium:hsl(var(--premium_hs),var(--premium_l));--default-font-size-increase:0.390625vw;--default-responsive-space-unit:1.5625vw;--responsive-title-font-size:clamp(0.5rem,calc(1rem + var(--default-font-size-increase)),1.5rem);--menu-size:40px;--menu-text-size:calc(var(--menu-size)*0.25);--left-sidebar-open-width:calc(var(--menu-size)*5);--right-sidebar-open-width:calc(var(--menu-size)*6);--sidebar-content-width:calc(-1px + var(--right-sidebar-open-width) - var(--menu-size));--menu-border:1px solid var(--gray-800);--nav-sidebar-z-index:100;--platform-header-height:var(--menu-size);--results-tabs-height:54.609px;--results-tabs-margin-bottom:8px}.follow-btn svg[data-v-4c36a8a9]{height:1.2rem}.follow-btn.active[data-v-4c36a8a9]{box-shadow:none}.follow-btn.active svg[data-v-4c36a8a9]{fill:var(--white)}.ordering-label[data-v-4c36a8a9]{font-size:.83rem;left:15px;position:absolute;top:-30px;white-space:nowrap}","",{version:3,sources:["webpack://./resources/sass/config/_variables.scss","webpack://./resources/js/Organisms/UserFilters.vue"],names:[],mappings:"AAEA,uBAME,eAAA,CACA,qBAAA,CACA,qBAAA,CACA,qBAAA,CACA,qBAAA,CACA,oBAAA,CACA,oBAAA,CACA,qBAAA,CACA,qBAAA,CACA,eAAA,CAGA,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,YAAA,CAGA,2CAAA,CACA,oDAAA,CACA,oDAAA,CACA,oDAAA,CACA,oDAAA,CACA,oDAAA,CACA,oDAAA,CACA,oDAAA,CACA,oDAAA,CACA,2CAAA,CAOA,yBAAA,CACA,uBAAA,CACA,kBAAA,CACA,wBAAA,CACA,2BAAA,CAEA,oBAAA,CACA,oBAAA,CACA,mBAAA,CAEA,oBAAA,CACA,wBAAA,CACA,2BAAA,CAEA,oBAAA,CAGA,sBAAA,CACA,oBAAA,CACA,eAAA,CACA,qBAAA,CACA,uBAAA,CAEA,eAAA,CACA,eAAA,CACA,cAAA,CAEA,eAAA,CACA,mBAAA,CACA,qBAAA,CAEA,eAAA,CAOA,sEAAA,CACA,gEAAA,CACA,iDAAA,CACA,mEAAA,CACA,yEAAA,CAEA,iDAAA,CACA,iDAAA,CACA,8CAAA,CAEA,iDAAA,CACA,6DAAA,CACA,mEAAA,CAEA,iDAAA,CAKA,uCAAA,CACA,wCAAA,CACA,gGAAA,CAGA,gBAAA,CACA,4CAAA,CACA,kDAAA,CACA,mDAAA,CAEA,uFAAA,CACA,uCAAA,CACA,yBAAA,CAEA,yCAAA,CACA,8BAAA,CACA,gCCxCF,CA9EE,iCACE,aAiFJ,CA/EE,oCACE,eAiFJ,CAhFI,wCACE,iBAkFN,CA9EA,iCAKE,gBAAA,CADA,SAAA,CAFA,iBAAA,CACA,SAAA,CAFA,kBAqFF",sourcesContent:["@import '../utilities/responsive';\n\n:root {\n  // COLORS\n\n  // GRAY COLORS START -------------------------------------------------------------------------------\n\n  // HUE & SATURATION\n  --white_hs: 0, 0%;\n  --gray-200_hs: 210, 17%;\n  --gray-300_hs: 210, 14%;\n  --gray-400_hs: 210, 14%;\n  --gray-500_hs: 210, 11%;\n  --gray-600_hs: 208, 7%;\n  --gray-700_hs: 210, 9%;\n  --gray-800_hs: 210, 10%;\n  --gray-900_hs: 210, 11%;\n  --black_hs: 0, 0%;\n\n  // LIGHTNESS\n  --white_l: 100%;\n  --gray-200_l: 98%;\n  --gray-300_l: 89%;\n  --gray-400_l: 83%;\n  --gray-500_l: 71%;\n  --gray-600_l: 46%;\n  --gray-700_l: 31%;\n  --gray-800_l: 23%;\n  --gray-900_l: 15%;\n  --black_l: 0%;\n\n  // HSL\n  --white: hsl(var(--white_hs), var(--white_l));\n  --gray-200: hsl(var(--gray-200_hs), var(--gray-200_l));\n  --gray-300: hsl(var(--gray-300_hs), var(--gray-300_l));\n  --gray-400: hsl(var(--gray-400_hs), var(--gray-400_l));\n  --gray-500: hsl(var(--gray-500_hs), var(--gray-500_l));\n  --gray-600: hsl(var(--gray-600_hs), var(--gray-600_l));\n  --gray-700: hsl(var(--gray-700_hs), var(--gray-700_l));\n  --gray-800: hsl(var(--gray-800_hs), var(--gray-800_l));\n  --gray-900: hsl(var(--gray-900_hs), var(--gray-900_l));\n  --black: hsl(var(--black_hs), var(--black_l));\n\n  // GRAY COLORS END -------------------------------------------------------------------------------\n\n  // CMRAD COLORS START ----------------------------------------------------------------------------\n\n  // HUE & SATURATION\n  --primary_darker_hs: 4, 80%;\n  --primary_dark_hs: 4, 85%;\n  --primary_hs: 4, 87%;\n  --primary-light_hs: 4, 88%;\n  --primary-lighter_hs: 4, 100%;\n\n  --success_hs: 166, 81%;\n  --warning_hs: 46, 100%;\n  --danger_hs: 353, 58%;\n\n  --ai-blue_hs: 206, 66%;\n  --ai-blue-med_hs: 205, 89%;\n  --ai-blue-light_hs: 204, 100%;\n\n  --premium_hs: 173, 70%;\n\n  // LIGHTNESS\n  --primary_darker_l: 40%;\n  --primary_dark_l: 50%;\n  --primary_l: 60%;\n  --primary-light_l: 75%;\n  --primary-lighter_l: 97%;\n\n  --success_l: 42%;\n  --warning_l: 50%;\n  --danger_l: 47%;\n\n  --ai-blue_l: 28%;\n  --ai-blue-med_l: 82%;\n  --ai-blue-light_l: 93%;\n\n  --premium_l: 35%;\n\n  // HSL\n  // --primary: hsl(247, 82%, 66%);\n  // --primary-light: hsl(245, 80%, 70%);\n  // --primary-lighter: hsl(236, 79%, 75%);\n\n  --primary-darker: hsl(var(--primary_darker_hs), var(--primary_darker_l));\n  --primary-dark: hsl(var(--primary_dark_hs), var(--primary_dark_l));\n  --primary: hsl(var(--primary_hs), var(--primary_l));\n  --primary-light: hsl(var(--primary-light_hs), var(--primary-light_l));\n  --primary-lighter: hsl(var(--primary-lighter_hs), var(--primary-lighter_l));\n\n  --success: hsl(var(--success_hs), var(--success_l));\n  --warning: hsl(var(--warning_hs), var(--warning_l));\n  --danger: hsl(var(--danger_hs), var(--danger_l));\n\n  --ai-blue: hsl(var(--ai-blue_hs), var(--ai-blue_l));\n  --ai-blue-med: hsl(var(--ai-blue-med_hs), var(--ai-blue-med_l));\n  --ai-blue-light: hsl(var(--ai-blue-light_hs), var(--ai-blue-light_l));\n\n  --premium: hsl(var(--premium_hs), var(--premium_l));\n\n  // CMRAD COLORS END ----------------------------------------------------------------------------\n\n  // RESPONSIVE FONT SIZING ----------------------------------------------------------------------\n  --default-font-size-increase: 0.390625vw;\n  --default-responsive-space-unit: 1.5625vw;\n  --responsive-title-font-size: #{responsive-font(1rem, 0.5rem, 1.5rem)};\n\n  // SHARED COMPONENT VARIABLES -------------------------------------------------------------------\n  --menu-size: 40px;\n  --menu-text-size: calc(var(--menu-size) * 0.25);\n  --left-sidebar-open-width: calc(var(--menu-size) * 5);\n  --right-sidebar-open-width: calc(var(--menu-size) * 6);\n  /*TODO: find out and write comment on why -1px is necessary below*/\n  --sidebar-content-width: calc(-1px + var(--right-sidebar-open-width) - var(--menu-size));\n  --menu-border: 1px solid var(--gray-800);\n  --nav-sidebar-z-index: 100;\n\n  --platform-header-height: var(--menu-size);\n  --results-tabs-height: 54.609px;\n  --results-tabs-margin-bottom: 8px;\n}\n\n// Bootstrap overwrites\n$white: #fff;\n$gray-50: #efefef;\n$gray-75: #d9d9d9;\n$gray-100: #e6e6e6;\n$gray-200: #f8f9fa;\n$gray-300: #dfe3e7;\n$gray-400: #ced4da;\n$gray-500: #adb5bd;\n$gray-600: #6c757d;\n$gray-700: #495057;\n$gray-750: #434b52;\n$gray-800: #343a40;\n$gray-900: #212529;\n$black: #000;\n\n//LIGHT THEME\n$body-bg: darken($gray-50, 2);\n$header-bg: darken($gray-50, 2);\n$footer-bg: $gray-800;\n\n// DARK THEME\n$dark-body-bg: $gray-900;\n$dark-header-bg: $gray-900;\n$dark-footer-bg: $gray-800;\n\n// CMRAD Colors\n// $red-base: #f24c3f;\n// $red-light: #f78f87;\n// $red-error: #bd3243;\n// $red-lighter: #fff2f1;\n// $green-base: #15c399;\n// $yellow-base: #ffc200;\n// $ai-blue: #184e77;\n// $ai-blue-med: #aad9fa;\n// $ai-blue-light: #d9f0ff;\n// $premium: #1b998b;\n\n// Headings\n$headings-font-weight: 600;\n$headings-color: $gray-900;\n\n// Bootstrap variables correpondance\n$primary: #f24c3f;\n$secondary: #f78f87;\n$success: #15c399;\n$info: #184e77;\n$warning: #ffc200;\n$danger: #bd3243;\n$approved: #15c399;\n$light: #e6e6e6;\n$dark: #6c757d;\n\n// Navbar\n$navbar-default-bg: $body-bg;\n\n// Inputs\n$input-border: 1px solid $gray-900;\n$input-border-dark: 1px solid darken($gray-50, 2);\n\n// Panels\n$panel-default-heading-bg: $white;\n\n// Borders\n$laravel-border-color: $gray-700;\n\n// HR Borders\n$hr-border: 1px solid $gray-400;\n$hr-border-dark: 1px solid $gray-800;\n\n$border-radius: 5px;\n\n$list-group-border: $laravel-border-color;\n$navbar-default-border: $laravel-border-color;\n$panel-default-border: $laravel-border-color;\n$panel-inner-border: $laravel-border-color;\n\n// Grid\n$grid-breakpoints: (\n  xs: 0,\n  sm: 767px,\n  md: 1024px,\n  lg: 1280px,\n  xl: 1440p

1x,\n  xxl: 1600px,\n  xxxl: 1920px,\n);\n$container-max-widths: (\n  md: 1024px,\n  lg: 1280px,\n  xl: 1440px,\n  xxl: 1600px,\n  xxxl: 1920px,\n);\n\n//tables\n$table-head-bg: $gray-100;\n$table-hover-bg: darken($gray-50, 2);\n$table-bg: $white;\n$table-accent-bg: lighten($gray-50, 2);\n$table-striped-order: 'even';\n\n$table-dark-head-bg: $dark-header-bg;\n$table-dark-hover-bg: $black;\n$table-dark-bg: $black;\n$table-dark-accent-bg: $gray-900;\n\n// Motion\n$ease-effect: all 0.3s ease-out; //transition\n$bg-color-transition: background-color 0.3s ease-out;\n\n// affecting highlight\n$component-active-bg: $gray-600;\n\n// vue-select hover effect\n$vs-state-active-bg: $gray-100 !default;\n$vs-state-active-color: $gray-900 !default;\n$vs-component-placeholder-color: $gray-600 !default;\n\n// Typography\n$font-family-sans-serif: 'Open Sans', sans-serif;\n$font-size-base: 1rem;\n$line-height-base: 1.5;\n$enable-responsive-font-sizes: true;\n","\n@import '../../sass/config/variables';\n.follow-btn {\n  svg {\n    height: 1.2rem;\n  }\n  &.active {\n    box-shadow: none;\n    svg {\n      fill: var(--white);\n    }\n  }\n}\n.ordering-label {\n  white-space: nowrap;\n  position: absolute;\n  top: -30px;\n  left: 15px;\n  font-size: 0.83rem;\n}\n"],sourceRoot:""}]),a.Z=i},17769:function(r,a,e){e.r(a),e.d(a,{default:function(){return y}});var n=e(20629);function t(r){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},t(r)}function l(r,a){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);a&&(n=n.filter((function(a){return Object.getOwnPropertyDescriptor(r,a).enumerable}))),e.push.apply(e,n)}return e}function i(r){for(var a=1;a<arguments.length;a++){var e=null!=arguments[a]?arguments[a]:{};a%2?l(Object(e),!0).forEach((function(a){s(r,a,e[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):l(Object(e)).forEac

1h((function(a){Object.defineProperty(r,a,Object.getOwnPropertyDescriptor(e,a))}))}return r}function s(r,a,e){return(a=function(r){var a=function(r,a){if("object"!==t(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var n=e.call(r,a||"default");if("object"!==t(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===a?String:Number)(r)}(r,"string");return"symbol"===t(a)?a:String(a)}(a))in r?Object.defineProperty(r,a,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[a]=e,r}var A={name:"UserFilters",components:{FilterInstitutions:function(){return Promise.all([e.e(8898),e.e(5849)]).then(e.bind(e,5849))},FilterCountries:function(){return Promise.all([e.e(8898),e.e(15101)]).then(e.bind(e,15101))},FilterSections:function(){return e.e(79466).then(e.bind(e,79466))},FollowIcon:function(){return e.e(87041).then(e.bind(e,87041))},FormSelect:function(){return e.e(90785).then(e.bind(e,46038))}},props:{withFollowing:{type:Boolean,default:!0},withSort:{type:Boolean,default:!0},value:Object},data:function(){return{saving:!1,checked:!1}},computed:i(i(i({},(0,n.Se)(["isVeheri"])),(0,n.Se)({currentUser:"getCurrentUserResource"})),{},{followingEnabled:function(){return!!this.getFilterValue("following",!1)},orderByOptions:function(){return[{value:"created_at",text:this.$t("cmrad.recently_joined")},{value:"karma",text:this.$t("cmrad.most_karma")},{value:"cases_count",text:this.$t("cmrad.most_cases")},{value:"followers_count",text:this.$t("cmrad.most_followers")}]}}),methods:{check:function(){this.checked=!this.checked},onClear:function(){this.$emit("input",{})},getFilterValue:function(r){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;return this.value[r]||a},onValueInput:function(r,a){return this.$emit("input",i(i({},this.value),{},s({},r,a)))},onFollowingToggle:function(){this.onValueInput("following",!this.followingEnabled)}}},o=A,h=e(93379),g=e.n(h),c=e(63716),u={insert:"head",singleton:!1},d=(g()(c.Z,u),c.Z.locals,(0,e(51900).Z)(o,(function(){var r=this,a=r._self._c;return a("div",{staticClass:"user-filters-container"},[a("btn",{staticClass:"show-filters ml-0 my-3",attrs:{"btn-text":r.$t("cmrad.see_filters"),variant:"outline-primary","icon-name":"fa-eye",icon:""},on:{click:r.check}},[a("i",{staticClass:"fa fa-chevron-down fa-fw ml-2"})]),r._v(" "),a("div",{staticClass:"user-filters filters-container mt-4",class:{checked:r.checked}},[a("b-row",[a("b-col",{staticClass:"mb-2",attrs:{sm:"3"}},[a("filter-sections",{attrs:{value:r.getFilterValue("section"),"is-multiple":!1},on:{input:function(a){return r.onValueInput("section",a)}}})],1),r._v(" "),a("b-col",{staticClass:"mb-2",attrs:{sm:"3"}},[a("filter-institutions",{attrs:{value:r.getFilterValue("hospital")},on:{input:function(a){return r.onValueInput("hospital",a)}}})],1),r._v(" "),a("b-col",{staticClass:"mb-2",attrs:{sm:"3"}},[a("filter-countries",{attrs:{value:r.getFilterValue("country")},on:{input:function(a){return r.onValueInput("country",a)}}})],1),r._v(" "),r.withSort?a("b-col",{staticClass:"position-relative mb-2",attrs:{sm:"3"}},[a("label",{staticClass:"ordering-label d-none d-md-block",attrs:{for:"user-filters-sort inline-block"}},[r._v("\n          "+r._s(r.$t("cmrad.order_by"))+"\n        ")]),r._v(" "),a("form-select",{attrs:{id:"user-filters-sort",value:r.getFilterValue("orderBy","followers_count"),options:r.orderByOptions},on:{input:function(a){return r.onValueInput("orderBy",a)}}})],1):r._e()],1),r._v(" "),a("b-row",{staticClass:"mt-1 align-items-center pl-3"},[r.withFollowing?a("div",[a("btn",{staticClass:"follow-btn mr-2",attrs:{"btn-text":r.$t("cmrad.following"),pressed:r.followingEnabled,variant:"outline-primary",size:"sm","svg-icon":""},on:{click:r.onFollowingToggle}},[a("follow-icon")],1)],1):r._e(),r._v(" "),a("div",{staticClass:"flex-fill"},[a("a",{staticClass:"btn-link",attrs:{href:"#"},on:{click:function(a){return a.stopPropagation(),a.preventDefault(),r.onClear.apply(null,arguments)}}},[r._v("clear all")])])])],1)],1)}),[],!1,null,"4c36a8a9",null)),y=d.exports}}]);
2//# sourceMappingURL=17769.be640ff56b90bc41.js.map