{"version":3,"sources":["webpack:///./src/views/AdditionalInfo.vue?a9e4","webpack:///./src/views/AdditionalInfo.vue?3d06","webpack:///./src/views/AdditionalInfo.vue","webpack:///src/views/AdditionalInfo.vue","webpack:///./src/views/AdditionalInfo.vue?507c","webpack:///./src/views/AdditionalInfo.vue?ea05"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","_m","dashboardData","servicePeriods","length","directives","name","rawName","value","selectedServicePeriod","expression","on","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","multiple","_l","period","index","key","servicePeriodId","domProps","_s","servicePeriodTitle","_e","clientConfig","additionalInfo","membershipNumber","content","concat","fundOrScheme","trigger","staticStyle","info","title","text","tooltip","flags","flag","significantDates","date","description","staticRenderFns","data","mounted","$store","dispatch","computed","details","state","ui","component"],"mappings":"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","file":"js/AdditionalInfo.3fd30b71.js","sourcesContent":["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!./AdditionalInfo.vue?vue&type=style&index=0&id=821144dc&prod&lang=scss\"","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!./AdditionalInfo.vue?vue&type=style&index=1&id=821144dc&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pageWrapper\"},[_c('div',{staticClass:\"additional-info container\"},[_c('div',{staticClass:\"breadcrumbs\"},[_c('router-link',{staticClass:\"link\",attrs:{\"to\":\"/\"}},[_vm._v(\"home\")]),_vm._v(\" / \"),_c('router-link',{staticClass:\"link\",attrs:{\"to\":\"/my-pension/my-data\"}},[_vm._v(\"my data\")]),_vm._v(\" / additional\\n            information\\n        \")],1),_c('div',{staticClass:\"p-4 rounded option\"},[_vm._m(0),_vm._m(1),(_vm.dashboardData.servicePeriods.length > 1)?_c('div',{staticClass:\"service-periods mb-4\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedServicePeriod),expression:\"selectedServicePeriod\"}],staticClass:\"form-control\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.selectedServicePeriod=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.dashboardData.servicePeriods),function(period,index){return _c('option',{key:period.servicePeriodId,domProps:{\"value\":index}},[_vm._v(\"\\n                        \"+_vm._s(period.servicePeriodTitle)+\"\\n                    \")])}),0)]):_vm._e(),_c('div',{staticClass:\"intro mb-3\"},[_vm._v(\"\\n                These are other details we currently hold for you on our administration database. Some of this information is used to calculate your\\n                benefits. If you believe that any of this information is incorrect, please tell us immediately. Incorrect information may affect the level\\n                of your benefits. Please contact us if you require further information on any of these items.\\n            \")]),(_vm.clientConfig.additionalInfo)?_c('div',{staticClass:\"intro mb-3\"},[_vm._v(\"\\n                \"+_vm._s(_vm.clientConfig.additionalInfo)+\"\\n            \")]):_vm._e(),_c('h3',{staticClass:\"h5 mb-3 mt-2\"},[_vm._v(\"\\n                Membership Number: \"+_vm._s(_vm.additionalInfo.membershipNumber)+\"\\n                \"),_c('span',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:({\n                        content: `This is the unique number the ${_vm.fundOrScheme} administrators (Lane Clark and Peacock LLP) hold for you. You should quote it in any correspondence with them.`,\n                        trigger: 'click hover'\n                    }),expression:\"{\\n                        content: `This is the unique number the ${fundOrScheme} administrators (Lane Clark and Peacock LLP) hold for you. You should quote it in any correspondence with them.`,\\n                        trigger: 'click hover'\\n                    }\"}],staticStyle:{\"cursor\":\"help\"}},[_c('i',{staticClass:\"icon-help-circle\"})])]),_vm._l((_vm.additionalInfo.info),function(info){return _c('h3',{key:info.title,staticClass:\"h5 mb-3 mt-2 info\"},[_vm._v(\"\\n                \"+_vm._s(info.title)+\": \"),_c('span',[_vm._v(_vm._s(info.text)+\" \")]),(info.tooltip)?_c('span',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:({\n                            content: info.tooltip,\n                            trigger: 'hover click'\n                        }),expression:\"{\\n                            content: info.tooltip,\\n                            trigger: 'hover click'\\n                        }\"}]},[_c('i',{staticClass:\"icon-info\"})]):_vm._e()])}),_vm._l((_vm.additionalInfo.flags),function(flag){return _c('div',{key:flag.title,staticClass:\"mb-3\"},[_c('h5',[_vm._v(_vm._s(flag.title)+\"\\n                    \"),(flag.tooltip)?_c('span',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:({\n                            content: flag.tooltip,\n                            trigger: 'hover click'\n                        }),expression:\"{\\n                            content: flag.tooltip,\\n                            trigger: 'hover click'\\n                        }\"}]},[_c('i',{staticClass:\"icon-info\"})]):_vm._e()]),_c('p',[_vm._v(_vm._s(flag.text))])])}),_vm._l((_vm.additionalInfo.significantDates),function(date){return _c('div',{key:date.title,staticClass:\"mb-3\"},[_c('h5',[_vm._v(_vm._s(date.title))]),_c('p',[_vm._v(_vm._s(date.date))]),(date.description !== null)?_c('p',[_vm._v(_vm._s(date.description))]):_vm._e()])})],2)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon-round\"},[_c('span',{staticClass:\"icon-archive option-icon\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('h3',{staticClass:\"h5 mb-1 mt-2 inline\"},[_vm._v(\"\\n                Additional information\\n                \"),_c('div',{staticClass:\"divider\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"pageWrapper\">\r\n        <div class=\"additional-info container\">\r\n            <div class=\"breadcrumbs\">\r\n                <router-link to=\"/\" class=\"link\">home</router-link> / <router-link to=\"/my-pension/my-data\" class=\"link\">my data</router-link> / additional\r\n                information\r\n            </div>\r\n\r\n            <div class=\"p-4 rounded option\">\r\n                <div class=\"icon-round\">\r\n                    <span class=\"icon-archive option-icon\"></span>\r\n                </div>\r\n\r\n                <h3 class=\"h5 mb-1 mt-2 inline\">\r\n                    Additional information\r\n                    <div class=\"divider\"></div>\r\n                </h3>\r\n\r\n                <div class=\"service-periods mb-4\" v-if=\"dashboardData.servicePeriods.length > 1\">\r\n                    <select v-model=\"selectedServicePeriod\" class=\"form-control\">\r\n                        <option v-for=\"(period, index) in dashboardData.servicePeriods\" :key=\"period.servicePeriodId\" :value=\"index\">\r\n                            {{ period.servicePeriodTitle }}\r\n                        </option>\r\n                    </select>\r\n                </div>\r\n\r\n                <div class=\"intro mb-3\">\r\n                    These are other details we currently hold for you on our administration database. Some of this information is used to calculate your\r\n                    benefits. If you believe that any of this information is incorrect, please tell us immediately. Incorrect information may affect the level\r\n                    of your benefits. Please contact us if you require further information on any of these items.\r\n                </div>\r\n\r\n                <div class=\"intro mb-3\" v-if=\"clientConfig.additionalInfo\">\r\n                    {{ clientConfig.additionalInfo }}\r\n                </div>\r\n\r\n                <h3 class=\"h5 mb-3 mt-2\">\r\n                    Membership Number: {{ additionalInfo.membershipNumber }}\r\n                    <span\r\n                        style=\"cursor: help\"\r\n                        v-tooltip=\"{\r\n                            content: `This is the unique number the ${fundOrScheme} administrators (Lane Clark and Peacock LLP) hold for you. You should quote it in any correspondence with them.`,\r\n                            trigger: 'click hover'\r\n                        }\"\r\n                        ><i class=\"icon-help-circle\"\r\n                    /></span>\r\n                </h3>\r\n\r\n                <h3 v-for=\"info in additionalInfo.info\" :key=\"info.title\" class=\"h5 mb-3 mt-2 info\">\r\n                    {{ info.title }}: <span>{{ info.text }} </span>\r\n                     <span v-if=\"info.tooltip\"\r\n                            v-tooltip=\"{\r\n                                content: info.tooltip,\r\n                                trigger: 'hover click'\r\n                            }\"\r\n                            ><i class=\"icon-info\"/>\r\n                        </span>\r\n                </h3>\r\n\r\n                <div class=\"mb-3\" v-for=\"flag in additionalInfo.flags\" :key=\"flag.title\">\r\n                    <h5>{{ flag.title }}\r\n                        <span v-if=\"flag.tooltip\"\r\n                            v-tooltip=\"{\r\n                                content: flag.tooltip,\r\n                                trigger: 'hover click'\r\n                            }\"\r\n                            ><i class=\"icon-info\"/>\r\n                        </span>\r\n                    </h5>\r\n                    <p>{{ flag.text }}</p>\r\n                </div>\r\n                <div class=\"mb-3\" v-for=\"date in additionalInfo.significantDates\" :key=\"date.title\">\r\n                    <h5>{{ date.title }}</h5>\r\n                    <p>{{ date.date }}</p>\r\n                    <p v-if=\"date.description !== null\">{{ date.description }}</p>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data () {\r\n        return {\r\n            selectedServicePeriod: 0,\r\n        };\r\n    },\r\n    mounted () {\r\n        if (!this.dashboardData) {\r\n            this.$store.dispatch('getDashboardData');\r\n        }\r\n    },\r\n    computed: {\r\n        additionalInfo () {\r\n            return this.dashboardData.servicePeriods[this.selectedServicePeriod].details;\r\n        },\r\n        dashboardData () {\r\n            return this.$store.state.ui.dashboardData;\r\n        },\r\n        clientConfig () {\r\n            return this.$store.state.clientConfig;\r\n        },\r\n        fundOrScheme () {\r\n            return this.$store.state.clientConfig.fundOrScheme;\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.tooltip-inner {\r\n    width: 300px;\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.info {\r\n    span {\r\n        font-weight: normal;\r\n    }\r\n}\r\n.option {\r\n    background-color: var(--greyColour);\r\n    color: inherit;\r\n    position: relative;\r\n    margin-bottom: 20px;\r\n    transition: $generalTransition;\r\n    .icon-round {\r\n        .option-icon {\r\n            font-size: 60px;\r\n            height: 60px;\r\n            width: 60px;\r\n            opacity: 0.3;\r\n            position: absolute;\r\n            right: 15px;\r\n            top: 10px;\r\n            color: var(--primaryColour);\r\n        }\r\n    }\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!./AdditionalInfo.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!./AdditionalInfo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AdditionalInfo.vue?vue&type=template&id=821144dc&scoped=true\"\nimport script from \"./AdditionalInfo.vue?vue&type=script&lang=js\"\nexport * from \"./AdditionalInfo.vue?vue&type=script&lang=js\"\nimport style0 from \"./AdditionalInfo.vue?vue&type=style&index=0&id=821144dc&prod&lang=scss\"\nimport style1 from \"./AdditionalInfo.vue?vue&type=style&index=1&id=821144dc&prod&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  \"821144dc\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}