{"version":3,"sources":["webpack:///./src/components/ForumPage/ForumRightSidebar.vue?26cc","webpack:///src/components/ForumPage/ForumRightSidebar.vue","webpack:///./src/components/ForumPage/ForumRightSidebar.vue?a09c","webpack:///./src/components/ForumPage/ForumRightSidebar.vue","webpack:///./src/components/ForumPage/ForumRightSidebar.vue?e116","webpack:///./src/components/CommunityOfficersList/CommunityOfficersList.vue?95dc","webpack:///./src/components/CommunityOfficersList/CommunityOfficersList.vue?ca73","webpack:///./src/components/CommunityOfficersList/CommunityOfficersList.vue?89d8","webpack:///src/components/CommunityOfficersList/CommunityOfficersList.vue","webpack:///./src/components/CommunityOfficersList/CommunityOfficersList.vue?8f47","webpack:///./src/components/CommunityOfficersList/CommunityOfficersList.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_e","staticClass","staticRenderFns","component","_v","_s","constants","BLOCK_TITLE","MEMBER_COUNT_PRE_TEXT","memberCount","MEMBER_DOWNLOAD_TEXT","on","$event","downloadDirectory","CSV_DOWNLOAD_TEXT","EXCEL_DOWNLOAD_TEXT","loadAction","forumCommunityTitle","communityCommonConstant","CommunityOfficer","TYPE_FORUM","_l","officer","index","key","sizeFormattedImageUrl","profileImageUrl","imageErrorFallback","fallbackProfileImageUrl","openMemberProfile","id","fullName","getOfficerTitles","isCommunityAdmin","isChapterPage","currentCommunityView","userRoles","ADMIN","openLink","salesforceURL","MANAGE_IN_SALESFORCE","slot","headerText","expandedViewList","length","viewAll","VIEW_DIRECTORY_LINK"],"mappings":"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","file":"js/chunk-0900b936.dbfae2e2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-flex',[(_vm.isVisible)?_c('upcoming-event',{attrs:{\"id\":\"upcoming_event_unitTest\"}}):_vm._e(),(_vm.isMember)?_c('community-officers-list',{staticClass:\"panelBlock\"}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-flex>\r\n        <upcoming-event v-if=\"isVisible\" id=\"upcoming_event_unitTest\"/>\r\n        <community-officers-list v-if=\"isMember\" class=\"panelBlock\"></community-officers-list>\r\n    </v-flex>\r\n</template>\r\n\r\n<script>\r\n    import UpcomingEvent from '@/components/ChapterPage/UpcomingEvents/UpcomingEvent';\r\n    import { upcomingEventsConstant } from '@/components/ChapterPage/communityCommon.constant';\r\n    import CommunityOfficersList from '../CommunityOfficersList/CommunityOfficersList';\r\n    import { mapGetters } from 'vuex';\r\n    import { storeGetters } from \"../../store/storeGetters.constant\";\r\n\r\n    export default {\r\n        name: \"ForumRightSidebar\",\r\n        components: {\r\n            UpcomingEvent,\r\n            CommunityOfficersList,\r\n        },\r\n        data() {\r\n            return {\r\n                upcomingEventsConstant,\r\n            };\r\n        },\r\n        computed: {\r\n            ...mapGetters({\r\n                usersCommunitiesList: `chapter/${storeGetters.usersCommunitiesList}`,\r\n                communityInfo: `chapter/${storeGetters.communityInfo}`,\r\n            }),\r\n            isVisible() {\r\n                return this.$route.params.communityId && this.usersCommunitiesList;\r\n            },\r\n            isMember() {\r\n                return (this.usersCommunitiesList && this.usersCommunitiesList.some(o => o.communityId === this.$route.params.communityId));\r\n            },\r\n            viewAllMembers() {\r\n                return false;\r\n                // Forums are not part of Search Index, passing false for now.\r\n                //(this.usersCommunitiesList && this.usersCommunitiesList.some(o => o.communityId === this.$route.params.communityId)) ||\r\n                  //  (this.communityInfo && this.communityInfo.isAdmin);\r\n            },\r\n        },\r\n    };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    @import \"../../common/styles/_colors.scss\";\r\n\r\n    .time_block {\r\n        margin: 20px 10px 10px 10px;\r\n        padding: 10px 5px;\r\n        border-radius: 4px;\r\n        box-shadow: 0 1px 3px 0 rgba($black, 0.18);\r\n        border: 1px solid rgba($ypo-gray, 0.4);\r\n\r\n        .date {\r\n            color: $ypo-dark-background-gray;\r\n            line-height: 12px;\r\n            padding-left: 5px;\r\n\r\n            span {\r\n                font-size: 12px;\r\n                display: block;\r\n                font-weight: 600;\r\n                line-height: normal;\r\n            }\r\n\r\n            strong {\r\n                color: $ypo_blue;\r\n                font-family: \"Noto Sans\";\r\n                font-size: 28px;\r\n                display: block;\r\n                line-height: normal;\r\n                padding: 4px 0;\r\n                font-weight: 400;\r\n            }\r\n\r\n            small {\r\n                color: $ypo-dark-background-gray;\r\n                font-size: 10px;\r\n                font-weight: bold;\r\n            }\r\n        }\r\n\r\n        .desc {\r\n            color: $ypo_blue;\r\n            font-family: \"Noto Sans\";\r\n            font-size: 12px;\r\n            font-weight: bold;\r\n            letter-spacing: -0.15px;\r\n            line-height: 17px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .v-avatar {\r\n            border: 1px solid $ypo-medium-gray;\r\n        }\r\n\r\n        .member__deatils {\r\n            span {\r\n                color: $ypo-dark-background-gray;\r\n                font-size: 12px;\r\n                letter-spacing: -0.15px;\r\n                line-height: 15px;\r\n                padding-left: 5px;\r\n            }\r\n\r\n            .v-btn {\r\n                width: auto;\r\n                height: auto;\r\n                color: $ypo-dark-background-gray;\r\n                font-size: 12px;\r\n                letter-spacing: 0.4px;\r\n                line-height: 16px;\r\n                text-align: right;\r\n\r\n                &:hover {\r\n                    &:before {\r\n                        background-color: transparent;\r\n                    }\r\n\r\n                    &:active {\r\n                        background-color: transparent;\r\n                    }\r\n                }\r\n\r\n                &:focus {\r\n                    background-color: transparent;\r\n                }\r\n            }\r\n        }\r\n\r\n        .action-btns {\r\n            border-top: 1px solid $ypo-medium-gray;\r\n            margin-top: 10px;\r\n            padding-top: 5px;\r\n            text-align: center;\r\n\r\n            .v-btn {\r\n                padding: 0;\r\n                text-transform: capitalize;\r\n                min-width: auto;\r\n                background: transparent !important;\r\n                box-shadow: none !important;\r\n                height: auto;\r\n                color: $ypo-dark-background-gray;\r\n                font-size: 12px;\r\n                margin: 0;\r\n\r\n                &.active {\r\n                    color: $ypo-green;\r\n\r\n                    i {\r\n                        color: $ypo-green;\r\n                        margin-top: 0;\r\n                        font-size: 14px;\r\n                        margin-right: 3px;\r\n                    }\r\n                }\r\n\r\n                &:hover {\r\n                    &:before {\r\n                        background-color: transparent;\r\n                    }\r\n\r\n                    &:active {\r\n                        background-color: transparent;\r\n                    }\r\n                }\r\n\r\n                &:focus {\r\n                    background-color: transparent;\r\n                }\r\n            }\r\n\r\n            i {\r\n                font-size: 20px;\r\n                color: $ypo-cta;\r\n                margin-top: 5px;\r\n                cursor: pointer;\r\n            }\r\n        }\r\n    }\r\n\r\n    .rec_events {\r\n        .v-card {\r\n            margin: 10px;\r\n            border: 1px solid rgba($ypo-gray, 0.2);\r\n            border-radius: 4px;\r\n            background-color: rgba($ypo-gray, 0.1);\r\n            box-shadow: none;\r\n            min-height: 230px;\r\n            font-size: 12px;\r\n\r\n            span {\r\n                color: $ypo-blue;\r\n            }\r\n\r\n            .headline {\r\n                color: white;\r\n                position: relative;\r\n                font-size: 16px !important;\r\n                left: 10px;\r\n                top: 5px;\r\n            }\r\n        }\r\n\r\n        .image-overlay {\r\n            &:before {\r\n                background: linear-gradient(0deg, rgba($black, 0) 0%, $black 100%);\r\n                content: \"\";\r\n                width: 100%;\r\n                height: 100%;\r\n                left: 0;\r\n                top: 0;\r\n                position: absolute;\r\n            }\r\n        }\r\n\r\n        .fill-height {\r\n            padding: 0;\r\n\r\n            .v-icon {\r\n                font-size: 14px;\r\n                color: $white;\r\n                position: absolute;\r\n                right: 5px;\r\n                top: 5px;\r\n                cursor: pointer;\r\n                opacity: 0.3;\r\n            }\r\n        }\r\n\r\n        .v-card__title {\r\n            min-height: 100px;\r\n            align-items: flex-start;\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ForumRightSidebar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ForumRightSidebar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ForumRightSidebar.vue?vue&type=template&id=2174d548&scoped=true&\"\nimport script from \"./ForumRightSidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./ForumRightSidebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ForumRightSidebar.vue?vue&type=style&index=0&id=2174d548&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2174d548\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ForumRightSidebar.vue?vue&type=style&index=0&id=2174d548&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ForumRightSidebar.vue?vue&type=style&index=0&id=2174d548&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CommunityOfficersList.vue?vue&type=style&index=0&id=7787a43b&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CommunityOfficersList.vue?vue&type=style&index=0&id=7787a43b&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CommunityOfficersList.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CommunityOfficersList.vue?vue&type=style&index=1&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.showTile)?_c('v-card',[_c('v-layout',{staticClass:\"directory-block-header\",attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs6\":\"\"}},[_c('v-flex',{attrs:{\"tag\":\"h2\"}},[_c('span',{attrs:{\"data-qe-id\":\"directory_section\"}},[_vm._v(_vm._s(_vm.constants.BLOCK_TITLE))]),(_vm.showMemberCount)?_c('v-flex',[(_vm.memberCount)?_c('small',{attrs:{\"data-qe-id\":\"community-officer_member-count\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.constants.MEMBER_COUNT_PRE_TEXT)+\" (\"+_vm._s(_vm.memberCount)+\")\\n            \")]):_vm._e()]):_vm._e()],1)],1),(_vm.showDownloadDirectory)?_c('v-flex',{staticClass:\"download-directory\",attrs:{\"xs6\":\"\"}},[_c('span',{staticClass:\"d-block\"},[_vm._v(_vm._s(_vm.constants.MEMBER_DOWNLOAD_TEXT))]),(_vm.memberCount)?_c('v-flex',[_c('strong',{attrs:{\"data-qe-id\":\"community-officer_member-count\"}},[_c('a',{attrs:{\"data-qe-id\":\"download-directory_csv_link\"},on:{\"click\":function($event){return _vm.downloadDirectory('csv')}}},[_c('strong',[_vm._v(_vm._s(_vm.constants.CSV_DOWNLOAD_TEXT))])]),_vm._v(\"\\n                        /\\n                \"),_c('a',{attrs:{\"data-qe-id\":\"download-directory_excel_link\"},on:{\"click\":function($event){return _vm.downloadDirectory('xlsx')}}},[_c('strong',[_vm._v(_vm._s(_vm.constants.EXCEL_DOWNLOAD_TEXT))])])])]):_vm._e()],1):_vm._e()],1),_c('v-layout',{staticClass:\"directory-block\",attrs:{\"column\":\"\"}},[_c('status-overlay',{attrs:{\"action\":_vm.loadAction}}),(_vm.forumCommunityTitle !== _vm.communityCommonConstant.CommunityOfficer.TYPE_FORUM)?_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},_vm._l((_vm.primaryOfficersList),function(officer,index){return _c('v-flex',{key:(\"forum_\" + (officer.id) + \"-\" + index),staticClass:\"directory-block__row\"},[_c('v-avatar',[_c('img',{attrs:{\"src\":_vm.sizeFormattedImageUrl(officer.profileImageUrl, 150, 150),\"onerror\":_vm.imageErrorFallback(_vm.sizeFormattedImageUrl(officer.fallbackProfileImageUrl, 150, 150))}})]),_c('v-flex',{staticClass:\"directory-block__info\",attrs:{\"xs12\":\"\"}},[_c('a',{attrs:{\"data-qe-id\":(\"community-officer_\" + index + \"_profile_link\")},on:{\"click\":function($event){return _vm.openMemberProfile(officer.id)}}},[_c('strong',{attrs:{\"data-qe-id\":(\"community-officer_\" + index + \"_name\")}},[_vm._v(_vm._s(officer.fullName))])]),_c('small',{attrs:{\"data-qe-id\":(\"community-officer_\" + index + \"_title\")}},[_vm._v(_vm._s(_vm.getOfficerTitles(officer)))])]),_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},[(_vm.isCommunityAdmin && _vm.isChapterPage && _vm.currentCommunityView === _vm.userRoles.ADMIN)?_c('v-flex',{attrs:{\"text-xs-right\":\"\"}},[_c('a',{attrs:{\"data-qe-id\":(\"community-officer_\" + index + \"_sales-force_link\")},on:{\"click\":function($event){return _vm.openLink((\"\" + _vm.salesforceURL + (officer.personSalesForceId)))}}},[_vm._v(\"\\n                                \"+_vm._s(_vm.constants.MANAGE_IN_SALESFORCE))])]):_vm._e()],1)],1)}),1):_vm._e(),(_vm.expansionPanelVif)?_c('v-expansion-panel',[(_vm.expandedViewList)?_c('v-expansion-panel-content',[_c('div',{staticClass:\"panel-heading\",attrs:{\"slot\":\"header\",\"data-qe-id\":\"community-officer_expansion-panel\"},slot:\"header\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.headerText)+\"\\n                    \"),_c('small',[_vm._v(\"(\"+_vm._s(_vm.expandedViewList.length)+\")\")])]),_vm._l((_vm.expandedViewList),function(officer,index){return _c('v-flex',{key:(\"expanded_\" + (officer.id) + \"-\" + index),staticClass:\"directory-block__row\"},[_c('v-avatar',[_c('img',{attrs:{\"src\":_vm.sizeFormattedImageUrl(officer.profileImageUrl, 150, 150),\"onerror\":_vm.imageErrorFallback(_vm.sizeFormattedImageUrl(officer.fallbackProfileImageUrl, 150, 150))}})]),_c('v-flex',{staticClass:\"directory-block__info\",attrs:{\"xs12\":\"\"}},[_c('a',{attrs:{\"data-qe-id\":(\"community-officer_\" + index + \"_profile_link\")},on:{\"click\":function($event){return _vm.openMemberProfile(officer.id)}}},[_c('strong',{attrs:{\"data-qe-id\":(\"community-officer_\" + index + \"_name\")}},[_vm._v(_vm._s(officer.fullName))])]),_c('small',{attrs:{\"data-qe-id\":(\"community-officer_\" + index + \"_title\")}},[_vm._v(\" \"+_vm._s(_vm.getOfficerTitles(officer)))])]),_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},[(_vm.isCommunityAdmin && _vm.isChapterPage && _vm.currentCommunityView === _vm.userRoles.ADMIN)?_c('v-flex',{attrs:{\"text-xs-right\":\"\"}},[_c('a',{attrs:{\"data-qe-id\":(\"community-officer_\" + index + \"_sales-force_link\")},on:{\"click\":function($event){return _vm.openLink((\"\" + _vm.salesforceURL + (officer.personSalesForceId)))}}},[_vm._v(\"\\n                                    \"+_vm._s(_vm.constants.MANAGE_IN_SALESFORCE)+\"\\n                                \")])]):_vm._e()],1)],1)})],2):_vm._e()],1):_vm._e(),(_vm.detailVif)?_c('v-layout',{attrs:{\"column\":\"\"}},_vm._l((_vm.expandedViewList),function(officer,index){return _c('v-flex',{key:(\"detail_\" + (officer.id) + \"-\" + index),staticClass:\"directory-block__row\"},[_c('v-avatar',[_c('img',{attrs:{\"src\":_vm.sizeFormattedImageUrl(officer.profileImageUrl, 150, 150),\"onerror\":_vm.imageErrorFallback(_vm.sizeFormattedImageUrl(officer.fallbackProfileImageUrl, 150, 150))}})]),_c('v-flex',{staticClass:\"directory-block__info\",attrs:{\"xs12\":\"\"}},[_c('a',{attrs:{\"data-qe-id\":(\"community-officer_\" + index + \"_profile_link\")},on:{\"click\":function($event){return _vm.openMemberProfile(officer.id)}}},[_c('strong',{attrs:{\"data-qe-id\":(\"community-officer_\" + index + \"_name\")}},[_vm._v(_vm._s(officer.fullName))])]),_c('small',{attrs:{\"data-qe-id\":(\"community-officer_\" + index + \"_title\")}},[_vm._v(\" \"+_vm._s(_vm.getOfficerTitles(officer)))])]),_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},[(_vm.isCommunityAdmin && _vm.isChapterPage && _vm.currentCommunityView === _vm.userRoles.ADMIN)?_c('v-flex',{attrs:{\"text-xs-right\":\"\"}},[_c('a',{attrs:{\"data-qe-id\":(\"community-officer_\" + index + \"_sales-force_link\")},on:{\"click\":function($event){return _vm.openLink((\"\" + _vm.salesforceURL + (officer.personSalesForceId)))}}},[_vm._v(\"\\n                                \"+_vm._s(_vm.constants.MANAGE_IN_SALESFORCE)+\"\\n                            \")])]):_vm._e()],1)],1)}),1):_vm._e(),(_vm.viewDirectoryVif)?_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"text-xs-right\":\"\"}},[_c('v-btn',{staticClass:\"primary_btn small transparent\",attrs:{\"xs12\":\"\",\"data-qe-id\":\"community-directory_view-all-members_link\"},on:{\"click\":_vm.viewAll}},[_vm._v(\"\\n                    \"+_vm._s(_vm.constants.VIEW_DIRECTORY_LINK)+\"\\n                \")])],1)],1):_vm._e()],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-card v-if=\"showTile\">\r\n        <v-layout row wrap class=\"directory-block-header\">\r\n            <v-flex xs6>\r\n                <v-flex tag=\"h2\">\r\n                    <span data-qe-id=\"directory_section\">{{constants.BLOCK_TITLE}}</span>\r\n            <v-flex v-if=\"showMemberCount\">\r\n                <small v-if=\"memberCount\" data-qe-id=\"community-officer_member-count\">\r\n                    {{constants.MEMBER_COUNT_PRE_TEXT}} ({{memberCount}})\r\n                </small>\r\n            </v-flex>\r\n                </v-flex>\r\n                </v-flex>\r\n                <v-flex xs6 class=\"download-directory\" v-if=\"showDownloadDirectory\" >\r\n                    <span class=\"d-block\">{{constants.MEMBER_DOWNLOAD_TEXT}}</span>\r\n            <v-flex v-if=\"memberCount\">\r\n                <strong data-qe-id=\"community-officer_member-count\">\r\n                    <a @click=\"downloadDirectory('csv')\"\r\n                               data-qe-id=\"download-directory_csv_link\">\r\n                                <strong>{{constants.CSV_DOWNLOAD_TEXT}}</strong>\r\n                            </a>\r\n                            /\r\n                    <a @click=\"downloadDirectory('xlsx')\"\r\n                               data-qe-id=\"download-directory_excel_link\">\r\n                                <strong>{{constants.EXCEL_DOWNLOAD_TEXT}}</strong>\r\n                            </a>\r\n                </strong>\r\n            </v-flex>\r\n                </v-flex>\r\n        </v-layout>\r\n        <v-layout column class=\"directory-block\">\r\n            <status-overlay :action=\"loadAction\"></status-overlay>\r\n\r\n            <v-layout row wrap v-if=\"forumCommunityTitle !== communityCommonConstant.CommunityOfficer.TYPE_FORUM\">\r\n                <v-flex class=\"directory-block__row\" v-for=\"(officer, index) in primaryOfficersList\" :key=\"`forum_${officer.id}-${index}`\">\r\n                    <v-avatar><img :src=\"sizeFormattedImageUrl(officer.profileImageUrl, 150, 150)\"\r\n                        :onerror=\"imageErrorFallback(sizeFormattedImageUrl(officer.fallbackProfileImageUrl, 150, 150))\"/>\r\n                    </v-avatar>\r\n                        <v-flex xs12 class=\"directory-block__info\">\r\n                            <a @click=\"openMemberProfile(officer.id)\"\r\n                               :data-qe-id=\"`community-officer_${index}_profile_link`\">\r\n                                <strong :data-qe-id=\"`community-officer_${index}_name`\">{{officer.fullName}}</strong>\r\n                            </a>\r\n                            <small :data-qe-id=\"`community-officer_${index}_title`\">{{getOfficerTitles(officer)}}</small>\r\n                        </v-flex>\r\n                        <v-layout row wrap>\r\n                            <v-flex text-xs-right v-if=\"isCommunityAdmin && isChapterPage && currentCommunityView === userRoles.ADMIN\">\r\n                                <a @click=\"openLink(`${salesforceURL}${officer.personSalesForceId}`)\"\r\n                                   :data-qe-id=\"`community-officer_${index}_sales-force_link`\">\r\n                                    {{constants.MANAGE_IN_SALESFORCE}}</a>\r\n                            </v-flex>\r\n                        </v-layout>\r\n                </v-flex>\r\n            </v-layout>\r\n\r\n            <v-expansion-panel v-if=\"expansionPanelVif\">\r\n                <v-expansion-panel-content v-if=\"expandedViewList\">\r\n                    <div slot=\"header\" class=\"panel-heading\" data-qe-id=\"community-officer_expansion-panel\">\r\n                        {{headerText}}\r\n                        <small>({{expandedViewList.length}})</small>\r\n                    </div>\r\n\r\n                    <v-flex class=\"directory-block__row\" v-for=\"(officer, index) in expandedViewList\" :key=\"`expanded_${officer.id}-${index}`\">\r\n                        <v-avatar><img :src=\"sizeFormattedImageUrl(officer.profileImageUrl, 150, 150)\"\r\n                            :onerror=\"imageErrorFallback(sizeFormattedImageUrl(officer.fallbackProfileImageUrl, 150, 150))\"/>\r\n                        </v-avatar>\r\n                            <v-flex xs12 class=\"directory-block__info\">\r\n                                <a @click=\"openMemberProfile(officer.id)\"\r\n                                   :data-qe-id=\"`community-officer_${index}_profile_link`\">\r\n                                    <strong :data-qe-id=\"`community-officer_${index}_name`\">{{officer.fullName}}</strong>\r\n                                </a>\r\n                                 <small :data-qe-id=\"`community-officer_${index}_title`\"> {{getOfficerTitles(officer)}}</small>\r\n                            </v-flex>\r\n                            <v-layout row wrap>\r\n                                <v-flex text-xs-right\r\n                                        v-if=\"isCommunityAdmin && isChapterPage && currentCommunityView === userRoles.ADMIN\">\r\n                                    <a @click=\"openLink(`${salesforceURL}${officer.personSalesForceId}`)\"\r\n                                       :data-qe-id=\"`community-officer_${index}_sales-force_link`\">\r\n                                        {{constants.MANAGE_IN_SALESFORCE}}\r\n                                    </a>\r\n                                </v-flex>\r\n                            </v-layout>\r\n                    </v-flex>\r\n                </v-expansion-panel-content>\r\n            </v-expansion-panel>\r\n            <v-layout column v-if=\"detailVif\">\r\n                <v-flex class=\"directory-block__row\" v-for=\"(officer, index) in expandedViewList\" :key=\"`detail_${officer.id}-${index}`\">\r\n                    <v-avatar><img :src=\"sizeFormattedImageUrl(officer.profileImageUrl, 150, 150)\"\r\n                            :onerror=\"imageErrorFallback(sizeFormattedImageUrl(officer.fallbackProfileImageUrl, 150, 150))\"/>\r\n                </v-avatar>\r\n                        <v-flex xs12 class=\"directory-block__info\">\r\n                            <a @click=\"openMemberProfile(officer.id)\"\r\n                               :data-qe-id=\"`community-officer_${index}_profile_link`\">\r\n                                <strong :data-qe-id=\"`community-officer_${index}_name`\">{{officer.fullName}}</strong>\r\n                            </a>\r\n                            <small :data-qe-id=\"`community-officer_${index}_title`\"> {{getOfficerTitles(officer)}}</small>\r\n                        </v-flex>\r\n                        <v-layout row wrap>\r\n                            <v-flex text-xs-right v-if=\"isCommunityAdmin && isChapterPage && currentCommunityView === userRoles.ADMIN\">\r\n                                <a @click=\"openLink(`${salesforceURL}${officer.personSalesForceId}`)\"\r\n                                   :data-qe-id=\"`community-officer_${index}_sales-force_link`\">\r\n                                    {{constants.MANAGE_IN_SALESFORCE}}\r\n                                </a>\r\n                            </v-flex>\r\n                        </v-layout>\r\n                </v-flex>\r\n            </v-layout>\r\n            <v-layout row wrap v-if=\"viewDirectoryVif\">\r\n                <v-flex xs12 text-xs-right>\r\n                    <v-btn xs12 class=\"primary_btn small transparent\"\r\n                           data-qe-id=\"community-directory_view-all-members_link\"\r\n                           @click=\"viewAll\">\r\n                        {{constants.VIEW_DIRECTORY_LINK}}\r\n                    </v-btn>\r\n                </v-flex>\r\n            </v-layout>\r\n        </v-layout>\r\n    </v-card>\r\n</template>\r\n\r\n<script>\r\n    import { mapState, mapGetters, mapActions } from 'vuex';\r\n    import { storeAction } from '../../store/storeActions.constant';\r\n    import { storeGetters } from '../../store/storeGetters.constant';\r\n    import { communityCommonConstant, createFilterFromCommunityData } from '../ChapterPage/communityCommon.constant';\r\n    import StatusOverlay from '../StatusOverlay/StatusOverlay';\r\n    import { routerNames, userRoles, capitalize } from \"../appCommon.constants\";\r\n    import { imageErrorFallback } from \"../../common/utils/utils\";\r\n    import { gaDataLayerEvent } from \"@/plugins/analytics\";\r\n    import { gtmEventName } from \"@/plugins/gtmAnalytics\";\r\n    import { sizeFormattedImageUrl } from \"@/common/utils/cloudinaryUtils\";\r\n\r\n    export default {\r\n        name: 'CommunityOfficersList',\r\n        components: {\r\n            StatusOverlay,\r\n        },\r\n        data() {\r\n            return {\r\n                userRoles,\r\n                routerNames,\r\n                communityCommonConstant,\r\n                sizeFormattedImageUrl,\r\n            };\r\n        },\r\n        created() {\r\n            this.getChapterOfficersData();\r\n            this.getIsPMTeamMember();\r\n            this.$watch(\r\n                () => this.$store.getters[storeGetters.communityIdPromise],\r\n                () => this.getChapterOfficersData(),\r\n                () => this.getIsPMTeamMember(),\r\n            );\r\n        },\r\n        computed: {\r\n            ...mapState('actionState', ['actions']),\r\n            ...mapGetters({\r\n                [storeGetters.chapterOfficersData]: `chapter/${storeGetters.chapterOfficersData}`,\r\n                [storeGetters.salesforceURL]: `${storeGetters.salesforceURL}`,\r\n                isCommunityAdmin: `chapter/${storeGetters.getIsCommunityAdmin}`,\r\n                communityInfo: `chapter/${storeGetters.communityInfo}`,\r\n                currentCommunityView: `${storeGetters.currentCommunityView}`,\r\n                usersCommunitiesList: `chapter/${storeGetters.usersCommunitiesList}`,\r\n                chapterAdmin: `memberProfile/${storeGetters.chapterAdmin}`,\r\n                currentUserId: `memberProfile/${storeGetters.currentUserId}`,\r\n                isPMTeamMember: `chapter/${storeGetters.isPMTeamMember}`,\r\n            }),\r\n            expansionPanelVif() {\r\n                return this.chapterOfficersData && this.chapterOfficersData.canViewOfficersList && this.expandedViewList && this.expandedViewList.length > 0 &&\r\n                    this.forumCommunityTitle !== communityCommonConstant.CommunityOfficer.TYPE_FORUM;\r\n            },\r\n            detailVif() {\r\n                return this.chapterOfficersData && this.chapterOfficersData.canViewOfficersList && this.expandedViewList && this.expandedViewList.length > 0 &&\r\n                    this.forumCommunityTitle === communityCommonConstant.CommunityOfficer.TYPE_FORUM;\r\n            },\r\n            viewDirectoryVif() {\r\n                return this.memberCount && this.memberCount > 0 && this.chapterOfficersData.canViewDirectoryLinks &&\r\n                    this.forumCommunityTitle !== communityCommonConstant.CommunityOfficer.TYPE_FORUM;\r\n            },\r\n             showMemberCount() {\r\n                return this.memberCount && this.memberCount > 0 && this.chapterOfficersData.canViewMemberCount;\r\n            },\r\n            forumCommunityTitle() {\r\n                return capitalize(this.$store.getters[storeGetters.communityName]);\r\n            },\r\n            showTile() {\r\n                return this.chapterOfficersData && (this.chapterOfficersData.canViewDiretory || this.chapterOfficersData.members > 0);\r\n            },\r\n            showDownloadDirectory() {\r\n                return this.isPMTeamMember;\r\n            },\r\n            isChapterPage() {\r\n                return this.$route.name === routerNames.CHAPTER;\r\n            },\r\n            isNetworkPage() {\r\n                return this.$route.name === routerNames.NETWORK;\r\n            },\r\n            loadAction() {\r\n                return this.actions[storeAction.getChapterOfficersData];\r\n            },\r\n            constants() {\r\n                return communityCommonConstant.CommunityOfficer;\r\n            },\r\n            headerText() {\r\n                if (this.$route.name.toLowerCase() === this.routerNames.REGION.toLowerCase()) {\r\n                    return communityCommonConstant.CommunityOfficer.REGIONAL_OFFICERS_PRE_TEXT;\r\n                }\r\n                return capitalize(this.$route.name).concat(communityCommonConstant.CommunityOfficer.OFFICERS);\r\n            },\r\n            memberCount() {\r\n                let count = 0;\r\n                if (this.chapterOfficersData) {\r\n                    count = this.chapterOfficersData.members;\r\n                }\r\n                return count;\r\n            },\r\n            primaryOfficersList() {\r\n                if (this.chapterOfficersData && this.chapterOfficersData.primaryOfficers) {\r\n                    const communityPrimaryOfficers = this.chapterOfficersData.primaryOfficers;\r\n                    return communityPrimaryOfficers;\r\n                }\r\n            },\r\n            expandedViewList() {\r\n                if (this.isNetworkPage && this.chapterOfficersData && this.chapterOfficersData.otherOfficers) {\r\n                    return this.chapterOfficersData.otherOfficers;\r\n                }\r\n                return this.allOfficersList;\r\n            },\r\n            allOfficersList() {\r\n                if (this.chapterOfficersData && this.chapterOfficersData.otherOfficers) {\r\n                    return this.primaryOfficersList.concat(this.chapterOfficersData.otherOfficers);\r\n                }\r\n            },\r\n        },\r\n        methods: {\r\n            ...mapActions({\r\n                [storeAction.getChapterOfficersData]: `chapter/${storeAction.getChapterOfficersData}`,\r\n                getChapterAdmin: `memberProfile/${storeAction.getChapterAdmin}`,\r\n                [storeAction.getDownloadMemberDirectory]: `chapter/${storeAction.getDownloadMemberDirectory}`,\r\n                [storeAction.getIsPMTeamMember]: `chapter/${storeAction.getIsPMTeamMember}`,\r\n            }),\r\n            imageErrorFallback,\r\n            viewAll() {\r\n                if (this.communityInfo) {\r\n                    const filterData = createFilterFromCommunityData(this.communityInfo);\r\n                    gaDataLayerEvent(gtmEventName.C_Community_Page_View_All_Members, this.communityInfo.communityId);\r\n                    this.$router.push({\r\n                        path: `/memberDirectoryPage`,\r\n                        query: {\r\n                            navigatedFromId: this.communityInfo && this.communityInfo.communityId\r\n                                ? this.communityInfo.communityId\r\n                                : null,\r\n                            filters: JSON.stringify(filterData),\r\n                        },\r\n                    });\r\n                }\r\n            },\r\n            openLink(link) {\r\n                window.open(link, '_blank');\r\n                return false;\r\n            },\r\n            openMemberProfile(officerId) {\r\n                if (this.currentUserId === officerId) {\r\n                  gaDataLayerEvent(gtmEventName.C_Community_Page_Member_Selected, officerId);\r\n                    this.$router.push({\r\n                        path: '/memberProfile',\r\n                        query: {\r\n                            memberId: officerId,\r\n                            name: this.communityInfo && this.communityInfo.name && !this.$route.name.includes('home')\r\n                                ? this.communityInfo.name\r\n                                : this.communityCommonConstant.YPO_HOME,\r\n                            mode: this.routerNames.EDIT,\r\n                        },\r\n                    });\r\n                } else {\r\n                    this.getChapterAdmin(officerId)\r\n                    .then(() => {\r\n                        if (this.chapterAdmin) {\r\n                          gaDataLayerEvent(gtmEventName.C_Community_Page_Member_Selected, officerId);\r\n                            this.$router.push({\r\n                                path: '/memberProfile',\r\n                                query: {\r\n                                    memberId: officerId,\r\n                                    name: this.communityInfo && this.communityInfo.name && !this.$route.name.includes('home')\r\n                                        ? this.communityInfo.name\r\n                                        : this.communityCommonConstant.YPO_HOME,\r\n                                    mode: this.routerNames.EDIT,\r\n                                },\r\n                            });\r\n                        } else {\r\n                          gaDataLayerEvent(gtmEventName.C_Community_Page_Member_Selected, officerId);\r\n                            this.$router.push({\r\n                                path: '/memberProfile',\r\n                                query: {\r\n                                    memberId: officerId,\r\n                                    name: this.communityInfo && this.communityInfo.name && !this.$route.name.includes('home')\r\n                                        ? this.communityInfo.name\r\n                                        : this.communityCommonConstant.YPO_HOME,\r\n                                },\r\n                            });\r\n                        }\r\n                    });\r\n                }\r\n            },\r\n            downloadDirectory(downloadType) {\r\n                this.getDownloadMemberDirectory(downloadType);\r\n            },\r\n          getOfficerTitles(officer) {\r\n              if (officer && officer.positionTitles && officer.positionTitles.length) {\r\n                return officer.positionTitles.join(\" | \");\r\n              }\r\n              return \"\";\r\n          },\r\n        },\r\n    };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    @import \"../../common/styles/_colors.scss\";\r\n.directory-block-header {\r\n    border-bottom: 1px solid rgba($ypo-gray, 0.4);\r\n    padding: 8px 15px;\r\n    align-items: center;\r\n    h2 {\r\n        padding: 0;\r\n        border: none;\r\n        line-height: normal;\r\n    }\r\n    .download-directory {\r\n        font-style: italic;\r\n        font-weight: 500;\r\n        line-height: 17px;\r\n        font-family: Raleway, serif;\r\n        span {\r\n            color: $ypo-cta;\r\n        }\r\n    }\r\n}\r\n    .directory-block {\r\n        position: relative;\r\n\r\n        &__row {\r\n            position: relative;\r\n            padding: 15px 0px;\r\n            border-bottom: 1px solid $ypo-medium-gray;\r\n            min-height: 40px;\r\n            margin: 0 15px;\r\n            .v-avatar {\r\n                position: absolute;\r\n                left: 0;\r\n                top: 10px;\r\n            }\r\n        }\r\n\r\n        &__info {\r\n            padding-left: 60px;\r\n\r\n            strong {\r\n                display: block;\r\n                color: $ypo_blue;\r\n                font-size: 14px;\r\n                font-weight: bold;\r\n                letter-spacing: 0.22px;\r\n                line-height: 18px;\r\n            }\r\n\r\n            small {\r\n                color: $ypo-cta;\r\n                font-size: 12px;\r\n                letter-spacing: -0.1px;\r\n                line-height: 20px;\r\n            }\r\n        }\r\n\r\n        .v-expansion-panel {\r\n            box-shadow: none;\r\n\r\n            &__container {\r\n                border-bottom: 1px solid $ypo-medium-gray;\r\n                margin: 0 15px;\r\n                flex: auto;\r\n                position: relative;\r\n\r\n                &--active {\r\n                    background: $ypo-extra-light-gray;\r\n                    padding-bottom: 15px;\r\n                    border-bottom: none;\r\n\r\n                    &:after {\r\n                        transform: rotate(90deg);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .panel-heading {\r\n            padding: 0;\r\n            color: $ypo_blue;\r\n            font-size: 14px;\r\n            line-height: 18px;\r\n            margin-left: -15px;\r\n            position: relative;\r\n\r\n            small {\r\n                position: absolute;\r\n                right: 15px;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    }\r\n</style><style lang=\"scss\">\r\n    .directory-block {\r\n\r\n        /* Alter the rotation of the header icon */\r\n        .v-expansion-panel__header__icon {\r\n            margin-right: -15px;\r\n            transform: rotate(-90deg);\r\n            transition: transform 0.1s linear;\r\n        }\r\n\r\n        .v-expansion-panel__container--active .v-expansion-panel__header__icon {\r\n            transform: rotate(0deg);\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CommunityOfficersList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CommunityOfficersList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CommunityOfficersList.vue?vue&type=template&id=7787a43b&scoped=true&\"\nimport script from \"./CommunityOfficersList.vue?vue&type=script&lang=js&\"\nexport * from \"./CommunityOfficersList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CommunityOfficersList.vue?vue&type=style&index=0&id=7787a43b&lang=scss&scoped=true&\"\nimport style1 from \"./CommunityOfficersList.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7787a43b\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}