https://cocomite.net/assets/Training-B53PVEvs.js

1import{t as e}from"./_plugin-vue_export-helper-BWo4d3c0.js";import{C as a,D as n,E as t,J as i,N as r,O as o,Pt as l,Qt as s,S as d,W as c,X as g,Y as u,at as h,b as m,g as p,qt as v,x as C}from"./@vuepic/vue-datepicker-Bh7MiwqO.js";import{t as _}from"./vue-select.es-CGYd1-M5.js";import{t as f}from"./icon_arrow_left-cHMqOqvR.js";import{t as b}from"./TrainingProgressBar-CVg_B5om.js";r();var q=o({name:"TrainingLabelTop"});r();var T={class:"training-label-top mb--4 px--4"};var k=e(q,[["render",function(e,n,t,i,r,o){return c(),a("div",T,[u(e.$slots,"default",{},void 0,!0)])}],["__scopeId","data-v-b4680822"]]);r();var x=o({name:"TrainingCheckbox",props:{label:{type:String,required:!1},modelValue:{type:Boolean,default:!1},checkType:{type:String,required:!0}},emits:["update:modelValue"],methods:{onChangeCheck(e){this.$emit("update:modelValue",e.target.checked)}}});r(),l();var y={class:"training-checkbox"},S=["checked"];var $=e(x,[["render",function(e,n,i,r,o,l){return c(),a("div",y,[m("label",{class:v({[e.checkType]:e.checkType,checked:e.modelValue})},[m("input",{type:"checkbox",checked:e.modelValue,onChange:n[0]||(n[0]=(...a)=>e.onChangeCheck&&e.onChangeCheck(...a))},null,40,S),t(" "+s(e.label),1)],2)])}],["__scopeId","data-v-0ffcbd5f"]]);r();var I=o({name:"TrainingCard",components:{TrainingCheckbox:$},props:{title:{type:String,required:!0},read:{type:Boolean,required:!0},done:{type:Boolean,required:!1},questioned:{type:Boolean,required:!1},url:{type:String,required:!0},src:{type:String,required:!0}},emits:["change:read","change:done","change:questioned"],computed:{isCardActive(){return void 0===this.done?this.read:this.read&&this.done},computedSrc(){return this.src||"https://free-icons.net/wp-content/uploads/2020/01/build002.png"}},methods:{changeRead(){this.$emit("change:read")},changeDone(){this.$emit("change:done")},changeQuestioned(){this.$emit("change:questioned")}}});r(),l();var w={class:"training-card"},U=["href"],V=["src"],L={class:"training-card__bottom"},R={class:"training-card__actions"};var D=e(I,[["render",function(e,t,i,r,o,l){const u=g("training-checkbox");return c(),a("div",w,[m("div",{class:v(["training-card__card",{"card-active":e.isCardActive}])},[m("a",{href:e.url},[m("img",{src:e.computedSrc,alt:"manual img",class:"training-card__img"}

1,null,8,V),m("span",null,s(e.title),1)],8,U),m("div",L,[m("div",R,[n(u,{"check-type":"read","model-value":e.read,"onUpdate:modelValue":e.changeRead},null,8,["model-value","onUpdate:modelValue"]),void 0!==e.done?(c(),C(u,{key:0,"check-type":"do","model-value":e.done,"onUpdate:modelValue":e.changeDone},null,8,["model-value","onUpdate:modelValue"])):d("",!0)]),n(u,{"check-type":"question","model-value":e.questioned,"onUpdate:modelValue":e.changeQuestioned},null,8,["model-value","onUpdate:modelValue"])])],2)])}],["__scopeId","data-v-8b6ea141"]]);r();var M=o({name:"TrainingLabel"});r();var B={class:"training-label"};var N=e(M,[["render",function(e,n,t,i,r,o){return c(),a("div",B,[u(e.$slots,"label",{},void 0,!0),u(e.$slots,"default",{},void 0,!0)])}],["__scopeId","data-v-22a9d8a8"]]);r();var Q=o({name:"TrainingCol",components:{TrainingCard:D,TrainingLabel:N},props:{content:{type:Object,required:!0}},emits:["change:read","change:done","change:questioned"],methods:{handleChangeRead(e){this.$emit("change:read",e)},handleChangeDone(e){this.$emit("change:done",e)},handleChangeQuestioned(e){this.$emit("change:questioned",e)}}});l(),r();var O=e(Q,[["render",function(e,r,o,l,d,u){const m=g("training-card"),v=g("training-label");return c(),a("div",null,[n(v,null,{label:h((()=>[t(s(e.content.label),1)])),default:h((()=>[(c(!0),a(p,null,i(e.content.cards,((a,n)=>(c(),C(m,{key:n,title:a.title,read:a.read,done:a.done,questioned:a.questioned,url:a.url,src:a.img,"onChange:read":a=>e.handleChangeRead(n),"onChange:done":a=>e.handleChangeDone(n),"onChange:questioned":a=>e.handleChangeQuestioned(n)},null,8,["title","read","done","questioned","url","src","onChange:read","onChange:done","onChange:questioned"])))),128))])),_:1})])}]]);r();var j=o({name:"TrainingTopInfo",components:{TrainingProgressBar:b,VSelect:_},props:{name:{type:String,required:!0},completeRate:{type:Number,required:!0}},emits:["update:name"],data:()=>({names:[]}),created(){const e=localStorage.getItem("names");e&&(this.names=JSON.parse(e))},methods:{onUpdateName(e){this.$emit("update:name",this.names.indexOf(e))}}});l(),r();var Z={class:"training-top-info pr--7"},J={class:"flex"},P={class:"px--7 training-top-info__name"},A={class:"mr--1"},E={class:"px--6 training-top-info__complete"},H={class:"pl--6 pt--5 training-top-info__date"},W={class:"training-top-info__user-select"};var X=e(j,[["render",function(e,i,r,o,l,d){const u=g("training-progress-bar"),h=g("v-select");return c(),a("div",Z,[m("div",J,[m("div",P,[m("strong",A,s(e.name),1),i[0]||(i[0]=t(" さんのページ "))]),i[3]||(i[3]=m("div",{class:"px--6 training-top-info__notation"},[m("div",{class:"flex items-center"},[m("span",{class:"training-top-info__book-icon mr--2"}),m("strong",null,"読んだ")]),m("div",null,[m("img",{src:"data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.99169%201.66666C5.39169%201.66666%201.66669%205.39999%201.66669%209.99999C1.66669%2014.6%205.39169%2018.3333%209.99169%2018.3333C14.6%2018.3333%2018.3334%2014.6%2018.3334%209.99999C18.3334%205.39999%2014.6%201.66666%209.99169%201.66666ZM7.08335%206.66666C7.77502%206.66666%208.33335%207.22499%208.33335%207.91666C8.33335%208.60832%207.77502%209.16666%207.08335%209.16666C6.39169%209.16666%205.83335%208.60832%205.83335%207.91666C5.83335%207.22499%206.39169%206.66666%207.08335%206.66666ZM13.9584%2012.2917C13.1667%2013.6583%2011.6917%2014.5833%2010%2014.5833C8.30835%2014.5833%206.83335%2013.6583%206.04169%2012.2917C5.88335%2012.0167%206.09169%2011.6667%206.40835%2011.6667H13.5917C13.9167%2011.6667%2014.1167%2012.0167%2013.9584%2012.2917ZM12.9167%209.16666C12.225%209.16666%2011.6667%208.60832%2011.6667%207.91666C11.6667%207.22499%2012.225%206.66666%2012.9167%206.66666C13.6084%206.66666%2014.1667%207.22499%2014.1667%207.91666C14.1667%208.60832%2013.6084%209.16666%2012.9167%209.16666Z'%20fill='%23139710'/%3e%3c/svg%3e",alt:"do",class:"mr--2 mb--1"}),m("strong",null,"実施した")])],-1)),m("div",E,[m("span",null,s(e.completeRate),1),i[1]||(i[1]=t(" % "))]),m("div",H,[n(u,{"complete-rate":e.completeRate},null,8,["complete-rate"]),i[2]||(i[2]=m("div",null,[t("完了予定日"),m("strong",{class:"ml--1"},"2024年3月31日")],-1))])]),m("div",W,[n(h,{"model-value":e.name,label:"スタッフ切り替え",options:e.names,clearable:!1,"onUpdate:modelValue":e.onUpdateName}

1,null,8,["model-value","options","onUpdate:modelValue"])])])}],["__scopeId","data-v-261a91d2"]]);r();var Y=o({components:{TrainingTopInfo:X,TrainingLabelTop:k,TrainingCol:O},data:()=>({training:{name:"",rule:[],manual:[]}}),computed:{userIndex(){return Number(this.$route.params.id)},completeRate(){const e=this.training.rule.flatMap((e=>e.cards)),a=e.length,n=e.filter((e=>e.read)).length,t=this.training.manual.flatMap((e=>e.cards)),i=2*t.length,r=(n+(t.filter((e=>e.read)).length+t.filter((e=>e.done)).length))/(a+i);return Math.floor(100*r)}},watch:{"$route.params.id":{immediate:!0,handler(){this.getTrainingData()}}},async created(){this.getTrainingData()},methods:{getTrainingData(){const e=localStorage.getItem(`training_${this.userIndex}`);e&&(this.training=JSON.parse(e))},handleChangeRead(e,a,n){this.training[n][a].cards[e].read=!this.training[n][a].cards[e].read,this.saveToLocalStorage(`training_${this.userIndex}`,this.training)},handleChangeDone(e,a){this.training.manual[a].cards[e].done=!this.training.manual[a].cards[e].done,this.saveToLocalStorage(`training_${this.userIndex}`,this.training)},handleChangeQuestioned(e,a,n){this.training[n][a].cards[e].questioned=!this.training[n][a].cards[e].questioned,this.saveToLocalStorage(`training_${this.userIndex}`,this.training)},saveToLocalStorage(e,a){const n=JSON.stringify(a);localStorage.setItem(e,n)},changeUser(e){this.$router.push({name:"training",params:{id:e}})}}});r();var z={class:"p--8 ml--20 mt--14"},F={class:"mt--6 training-page__layout"},G={class:"training-page__cols"},K={class:"training-page__cols"};var ee=e(Y,[["render",function(e,r,o,l,s,d){const u=g("router-link"),v=g("training-top-info"),_=g("training-label-top"),f=g("training-col");return c(),a("div",z,[n(u,{to:"/training-demo",class:"training-page__back"},{default:h((()=>r[0]||(r[0]=[m("img",{src:"data:image/svg+xml,%3csvg%20width='8'%20height='12'%20viewBox='0%200%208%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.71041%209.87999L2.83041%205.99999L6.71041%202.11999C6.80299%202.02741%206.87643%201.9175%206.92654%201.79653C6.97664%201.67557%207.00243%201.54592%207.00243%201.41499C7.00243%201.28406%206.97664%201.15441%206.92654%201.03345C6.87643%200.912482%206.80299%200.802571%206.71041%200.70999C6.61783%200.617408%206.50792%200.543968%206.38696%200.493863C6.26599%200.443758%206.13634%200.417969%206.00541%200.417969C5.87448%200.417969%205.74483%200.443758%205.62387%200.493863C5.50291%200.543968%205.39299%200.617408%205.30041%200.70999L0.710413%205.29999C0.617709%205.3925%200.544162%205.50239%200.49398%205.62337C0.443799%205.74434%200.417969%205.87402%200.417969%206.00499C0.417969%206.13596%200.443799%206.26564%200.49398%206.38661C0.544162%206.50759%200.617709%206.61748%200.710413%206.70999L5.30041%2011.3C5.69041%2011.69%206.32041%2011.69%206.71041%2011.3C7.09041%2010.91%207.10041%2010.27%206.71041%209.87999Z'%20fill='%23707070'/%3e%3c/svg%3e",alt:"back"},null,-1),t(" 管理ページへ ")]))),_:1}),n(v,{name:e.training.name,"complete-rate":e.completeRate,"onUpdate:name":e.changeUser},null,8,["name","complete-rate","onUpdate:name"]),m("div",F,[m("div",null,[n(_,null,{default:h((()=>r[1]||(r[1]=[t("ルール")]))),_:1}),m("div",G,[(c(!0),a(p,null,i(e.training.rule,((a,n)=>(c(),C(f,{key:n,content:a,"onChange:read":a=>e.handleChangeRead(a,n,"rule"),"onChange:questioned":a=>e.handleChangeQuestioned(a,n,"rule")},null,8,["content","onChange:read","onChange:questioned"])))),128))])]),m("div",null,[n(_,null,{default:h((()=>r[2]||(r[2]=[t("手順")]))),_:1}),m("div",K,[(c(!0),a(p,null,i(e.training.manual,((a,n)=>(c(),C(f,{key:n,content:a,"onChange:read":a=>e.handleChangeRead(a,n,"manual"),"onChange:done":a=>e.handleChangeDone(a,n),"onChange:questioned":a=>e.handleChangeQuestioned(a,n,"manual")},null,8,["content","onChange:read","onChange:done","onChange:questioned"])))),128))])])])])}],["__scopeId","data-v-03bf1eee"]]);export{ee as default};