https://app.targetinternet.com/assets/BenchmarkCustomize.a9b302a3.js

1import{s as B,v,x as b,_ as D,o as l,f as p,w as t,c as e,am as d,O as c,R as r,M as u,k as _,i as h,F as y,r as C,B as f,bo as S,D as w,y as g,as as T,bn as E,n as P,t as x}from"./index.ee8bb38d.js";import{u as A}from"./TopicStore.77648d5f.js";const I=B("BenchmarkCustomization",{state:()=>({topics:[],underperforming_topics:[],customization:{disabled_topics:[],topic_relevance:{},weighting_to_relevance:0}}),actions:{getCustomization(){return new Promise((o,i)=>{v.benchmark_customization.index().then(a=>{this.underperforming_topics=a.data.underperforming_topics,this.customization=a.data.customization,this.topics=a.data.topics,o(a)}).catch(a=>{b().parseError(a),i(a)})})},save(){return new Promise((o,i)=>{v.benchmark_customization.save(this.customization).then(a=>{b().add("Customisation saved","success"),o(a)}).catch(a=>{b().parseError(a),i(a)})})}}}),N={name:"BenchmarkCustomise",data(){return{benchmarkCustomizationStore:I(),topicStore:A(),loading:!1,saving:!1,returnPath:"LearningHub",testValue:5}},mounted(){this.init()},beforeRouteEnter(o,i,a){a(k=>{i.name&&(k.returnPath=i.name)})},methods:{init(){this.loading=!0,this.benchmarkCustomizationStore.getCustomization().then(()=>{this.benchmarkCustomizationStore.topics.forEach(o=>{this.benchmarkCustomizationStore.customization.topic_relevance[parseInt(o.id)]=5})}).finally(()=>{this.loading=!1})},isTopicDisabled(o){return this.benchmarkCustomizationStore.customization.disabled_topics.includes(o)},toggleTopicDisable(o){this.benchmarkCustomizationStore.customization.disabled_topics.includes(o)?this.benchmarkCustomizationStore.customization.disabled_topics=this.benchmarkCustomizationStore.customization.disabled_topics.filter(i=>i!==o):this.benchmarkCustomizationStore.customization.disabled_topics.push(o)},resetDefaults(){this.benchmarkCustomizationStore.customization.disabled_topics=[],this.benchmarkCustomizationStore.customization.topic_relevance={},this.topicStore.for_benchmark.forEach(o=>{this.benchmarkCustomizationStore.customization.topic_relevance[parseInt(o.id)]=5}),this.benchmarkCustomizationStore.customization.weighting_to_relevance=0},save(){this.saving=!0,this.benchmarkCustomizationStore.save().finally(()=>{this.saving=!1,this.$router.push({name:this.returnPath})})}}},R={key:0,class:"my-10"},U=u("p",null,"Based on your benchmark results, you have skills gaps in the topics listed below. We have ordered the topics with the areas of greater skills gaps at the start.",-1),j=u("p",null,'You can turn "off" any that are not relevant to you right now. Or if they are all relevant leave them all turned "on"',-1),L={key:1,class:"bg-purple py-10",style:{"margin-top":"75px","margin-bottom":"75px"}},F=u("p",null,"Adjust the slider to the left to indicate that a category is less relevant to you, or move it to the right if you want to see more content in that area.",-1),M={class:"mb-1"},O={key:2,class:"py-5 my-15",style:{"margin-top":"75px","margin-bottom":"75px"}},Y=u("p",null,"And finally, you can customise the weight that we give to either the results of your benchmark assessment or your selected preferences. You can decide if you see content based on your identified skills gaps only, based on the areas that are more relevant to you, or a combination of both. Use the toggle below to make a selection.",-1),H=u("div",{style:{"max-width":"200px"},class:"text-center"}," Show me content based on my skills gaps ",-1),W=u("div",{style:{"max-width":"200px"},class:"text-center"}," Show me content based on my preferences ",-1);function q(o,i,a,k,s,m){const V=P("font-shape");return l(),p(E,null,{default:t(()=>[e(T,null,{default:t(()=>[e(d,null,{default:t(()=>[e(c,{class:"mt-15"},{default:t(()=>[e(r,{cols:"12"},{default:t(()=>[u("h1",null,[e(V,{color:"purple"}),_("Customise suggestions")])]),_:1})]),_:1})]),_:1}),s.loading?f("",!0):(l(),h("div",R,[e(d,null,{default:t(()=>[e(c,null,{default:t(()=>[e(r,{cols:"12"},{default:t(()=>[U,j]),_:1})]),_:1}),e(c,null,{default:t(()=>[(l(!0),h(y,null,C(s.benchmarkCustomizationStore.underperforming_topics,n=>(l(),p(r,{cols:"12",md:"4",lg:"3"},{default:t(()=>[e(g,{block:"",color:"teal",class:w(m.isTopicDisabled(n.topic_id)?"opacity-50":""),variant:m.isTopicDisabled(n.topic_id)?"outlined":"flat",onClick:z=>m.toggleTopicDisable(n.topic_id)},{default:t(()=>[_(x(n.topic_name),1)]),_:2},1032,["class","variant","onClick"])]),_:2},1024))),256))]),_:1})]),_:1})])),s.loading?f("",!0):(l(),h("div",L,[e(d,null,{default:t(()=>[e(c,null,{default:t(()=>[e(r,null,{default:t(()=>[F]),_:1})]),_:1}),e(c,null,{default:t(()=>

1[(l(!0),h(y,null,C(s.benchmarkCustomizationStore.topics,n=>(l(),p(r,{cols:"12",md:"4",lg:"3"},{default:t(()=>[u("p",M,x(n.name),1),e(S,{modelValue:s.benchmarkCustomizationStore.customization.topic_relevance[parseInt(n.id)],"onUpdate:modelValue":z=>s.benchmarkCustomizationStore.customization.topic_relevance[parseInt(n.id)]=z,class:"align-center",max:10,min:0,step:1,"thumb-label":"","show-ticks":"","hide-details":"",color:"white"},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1024))),256))]),_:1})]),_:1})])),s.loading?f("",!0):(l(),h("div",O,[e(d,null,{default:t(()=>[e(c,null,{default:t(()=>[e(r,{cols:"12"},{default:t(()=>[Y]),_:1})]),_:1}),e(c,{justify:"center"},{default:t(()=>[e(r,{cols:"12",md:"8",lg:"7"},{default:t(()=>[e(S,{modelValue:s.benchmarkCustomizationStore.customization.weighting_to_relevance,"onUpdate:modelValue":i[0]||(i[0]=n=>s.benchmarkCustomizationStore.customization.weighting_to_relevance=n),class:w(o.$vuetify.display.smAndDown?"":"align-center"),max:10,min:0,step:1,"thumb-label":"","show-ticks":"","hide-details":"",color:"brick",direction:o.$vuetify.display.smAndDown?"vertical":"horizontal"},{prepend:t(()=>[H]),append:t(()=>[W]),_:1},8,["modelValue","class","direction"])]),_:1})]),_:1})]),_:1})])),s.loading?f("",!0):(l(),p(d,{key:3,style:{"margin-top":"75px","margin-bottom":"75px"}},{default:t(()=>[e(c,{justify:"space-between"},{default:t(()=>[e(r,{cols:"auto"},{default:t(()=>[e(g,{variant:"outlined",onClick:m.resetDefaults},{default:t(()=>[_("Reset to default")]),_:1},8,["onClick"])]),_:1}),e(r,{cols:"auto"},{default:t(()=>[e(g,{onClick:m.save,loading:s.saving},{default:t(()=>[_("Save")]),_:1},8,["onClick","loading"])]),_:1})]),_:1})]),_:1}))]),_:1})]),_:1})}const K=D(N,[["render",q]]);export{K as default};