%PDF-
%PDF-
Mini Shell
Mini Shell
(window.webpackJsonp=window.webpackJsonp||[]).push([[29,11],{377:function(e,t,r){"use strict";r.r(t);var n={props:{title:{type:String,required:!0},description:{type:String,required:!1},width:{type:String,required:!1}}},l=r(10),component=Object(l.a)(n,(function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("section",{staticClass:"bg-gray py-8 md:py-20 px-4 md:px-8 mb-8"},[r("div",{staticClass:"max-w-xl mx-auto w-full"},[r("header",{staticClass:"text-center mb-10"},[r("h2",{staticClass:"text-2xl sm:text-3xl font-bold",class:e.description?"mb-8":""},[e._v(e._s(e.title))]),e._v(" "),e.description?r("p",{staticClass:"text-sm sm:text-base"},[e._v(e._s(e.description))]):e._e()])]),e._v(" "),r("div",{staticClass:"mx-auto w-full",class:e.width?e.width:"max-w-xl"},[e._t("default")],2)])}),[],!1,null,null,null);t.default=component.exports;installComponents(component,{Header:r(101).default})},390:function(e,t,r){e.exports=r.p+"img/pdf-icon.c2fee35.svg"},434:function(e,t,r){"use strict";r.r(t);var n=r(0),l=(r(14),r(136),r(11),r(22),r(26),r(215),r(27),r(3),{data:function(){return{working:!1,qualifications:[{file_preview:{name:null,type:null,url:null},file:null,name:"",result:"",year:""}]}},mounted:function(){var e=this;return Object(n.a)(regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:e.$axios.$post("/account/verification/qualifications").then((function(t){t.data.length&&(e.qualifications=t.data)}));case 1:case"end":return t.stop()}}),t)})))()},methods:{handleFileInput:function(e){var t=this;return Object(n.a)(regeneratorRuntime.mark((function r(){var n,l;return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:n="qualification-file-"+e,l=t.$refs[n][0].files[0],t.qualifications[e].file_preview.name=l.name,t.qualifications[e].file_preview.type=l.type,t.qualifications[e].file_preview.url=URL.createObjectURL(l),t.qualifications[e].file=l;case 6:case"end":return r.stop()}}),r)})))()},add:function(){this.qualifications.push({file_preview:{name:null,type:null,url:null},file:null,name:"",result:"",year:""})},remove:function(e){this.qualifications.splice(e,1)},submit:function(){var e=this;return Object(n.a)(regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:e.$refs.form.validate().then((function(t){if(t){e.working=!0;var r=new FormData;e.qualifications.forEach((function(e,t){r.append("qualifications["+t+"][file]",e.file),r.append("qualifications["+t+"][existing_file]",JSON.stringify(e.file_preview)),r.append("qualifications["+t+"][name]",e.name),r.append("qualifications["+t+"][result]",e.result),r.append("qualifications["+t+"][year]",e.year)})),e.$axios.$post("/account/verification/qualifications/create",r,{headers:{"Content-Type":"multipart/form-data"}}).then((function(t){e.qualifications=t.data,e.$toast.success("Successfully saved your qualifications").goAway(1500),e.working=!1})).catch((function(t){e.working=!1,e.$refs.form.setErrors(t.response.data.errors)}))}}));case 1:case"end":return t.stop()}}),t)})))()}}}),o=r(10),component=Object(o.a)(l,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("Block",{attrs:{title:"Qualifications",description:"Please select your highest qualification from the drop down and upload by using the 'choose file button' or dragging the file into the box. You have the option to upload multiple qualifications.",width:"max-w-3xl"}},[n("ValidationObserver",{ref:"form"},[n("form",{attrs:{role:"form",method:"POST"},on:{submit:function(t){return t.preventDefault(),e.submit(t)}}},[e._l(e.qualifications,(function(t,l){return n("div",{key:l,staticClass:"mb-4 relative",class:0!==l?"border-t-2 border-black border-opacity-10 pt-10":""},[n("ValidationProvider",{attrs:{rules:"",vid:"file_url-"+(l+1)},scopedSlots:e._u([{key:"default",fn:function(r){return[n("input",{directives:[{name:"model",rawName:"v-model",value:t.file_preview.name,expression:"qualification.file_preview.name"}],attrs:{type:"hidden",name:"file_url"},domProps:{value:t.file_preview.name},on:{input:function(r){r.target.composing||e.$set(t.file_preview,"name",r.target.value)}}})]}}],null,!0)}),e._v(" "),n("ValidationProvider",{ref:"provider-"+l,refInFor:!0,attrs:{rules:"required_if:file_url-"+(l+1)+",null|size:10000",name:"file-"+(l+1)},scopedSlots:e._u([{key:"default",fn:function(o){o.validate;var c=o.errors;return[n("div",{staticClass:"mb-6"},[t.file_preview.name?n("div",{staticClass:"flex items-center"},["application/pdf"==t.file_preview.type||"pdf"==t.file_preview.type?n("img",{staticClass:"w-12 mr-5",attrs:{src:r(390),alt:"PDF"}}):n("img",{staticClass:"w-12 mr-5",attrs:{src:r(390),alt:"Other"}}),e._v(" "),n("div",{staticClass:"relative"},[n("span",{staticClass:"block text-md font-medium"},[e._v(e._s(t.file_preview.name))]),e._v(" "),n("label",{staticClass:"uppercase text-blue-light text-sm cursor-pointer",attrs:{for:"file-"+l}},[e._v("\n Replace\n "),n("input",{ref:"qualification-file-"+l,refInFor:!0,staticClass:"hidden",attrs:{type:"file",id:"file-"+l,accept:"image/jpeg,image/gif,image/png,application/pdf,image/x-eps"},on:{change:function(t){return e.handleFileInput(l)}}})])])]):n("div",[n("label",{staticClass:"block w-full p-4 border border-dashed border-black border-opacity-20 rounded-md hover:bg-black hover:bg-opacity-10 hover:text-black transition cursor-pointer text-center",attrs:{for:"file-"+l}},[n("input",{ref:"qualification-file-"+l,refInFor:!0,staticClass:"hidden",attrs:{type:"file",id:"file-"+l},on:{change:function(t){return e.handleFileInput(l)}}}),e._v(" "),n("span",{staticClass:"text-sm text-black"},[e._v("Click here to choose file")])])]),e._v(" "),c[0]?n("span",{staticClass:"field-invalid"},[e._v(e._s(c[0]))]):e._e()])]}}],null,!0)}),e._v(" "),n("div",{staticClass:"relative"},[n("div",{staticClass:"absolute right-full pr-5 font-bold"},[e._v(e._s(l+1))]),e._v(" "),0!==l?n("button",{staticClass:"absolute top-0 right-0 z-30 uppercase text-red text-xs focus:outline-none",attrs:{type:"button"},on:{click:function(t){return e.remove(l)}}},[e._v("Remove")]):e._e(),e._v(" "),n("t-input-group",{attrs:{label:"Qualification"}},[n("ValidationProvider",{attrs:{rules:"required"},scopedSlots:e._u([{key:"default",fn:function(r){var l=r.errors;return[n("t-select",{attrs:{placeholder:"Select...",options:["PHD","Masters","Post Grad","BA/BSC","Diploma","Foundation Degree"]},model:{value:t.name,callback:function(r){e.$set(t,"name",r)},expression:"qualification.name"}}),e._v(" "),l[0]?n("span",{staticClass:"field-invalid"},[e._v(e._s(l[0]))]):e._e()]}}],null,!0)})],1)],1),e._v(" "),n("div",{staticClass:"grid grid-cols-1 md:grid-cols-2 gap-x-8"},[n("t-input-group",{attrs:{label:"Result"}},[n("ValidationProvider",{attrs:{rules:"required"},scopedSlots:e._u([{key:"default",fn:function(r){var o=r.errors;return[n("t-input",{attrs:{name:"result-"+l,id:"result-"+l,placeholder:"Qualification Result"},model:{value:t.result,callback:function(r){e.$set(t,"result",r)},expression:"qualification.result"}}),e._v(" "),o[0]?n("span",{staticClass:"field-invalid"},[e._v(e._s(o[0]))]):e._e()]}}],null,!0)})],1),e._v(" "),n("t-input-group",{attrs:{label:"Year"}},[n("ValidationProvider",{attrs:{rules:"required|numeric",name:"year"},scopedSlots:e._u([{key:"default",fn:function(r){var o=r.errors;return[n("t-input",{attrs:{name:"year-"+l,id:"year-"+l,placeholder:"Qualification Year"},model:{value:t.year,callback:function(r){e.$set(t,"year",r)},expression:"qualification.year"}}),e._v(" "),o[0]?n("span",{staticClass:"field-invalid"},[e._v(e._s(o[0]))]):e._e()]}}],null,!0)})],1)],1)],1)})),e._v(" "),n("div",{staticClass:"flex items-center justify-center mb-10"},[n("button",{staticClass:"btn btn-small btn-primary rounded-full",attrs:{disabled:1==e.working,type:"submit"}},[0==e.working?n("span",[e._v("Save Details")]):n("span",{staticClass:"flex items-center justify-center"},[n("svg",{staticClass:"animate-spin -ml-1 mr-3 h-5 w-5 text-current",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"}},[n("circle",{staticClass:"opacity-25",attrs:{cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"}}),e._v(" "),n("path",{staticClass:"opacity-75",attrs:{fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"}})]),e._v(" "),n("span",[e._v("Processing")])])])])],2)]),e._v(" "),n("div",{staticClass:"flex items-center justify-center"},[n("button",{staticClass:"w-full flex items-center justify-center p-4 border border-dashed border-black border-opacity-20 rounded-md uppercase text-blue-light focus:outline-none hover:bg-black hover:bg-opacity-10 hover:text-black transition",attrs:{type:"button"},on:{click:e.add}},[n("svg",{staticClass:"w-4 h-4 mr-1",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"}},[n("path",{attrs:{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M12 6v6m0 0v6m0-6h6m-6 0H6"}})]),e._v(" "),n("span",[e._v("Add Qualification")])])])],1)}),[],!1,null,null,null);t.default=component.exports;installComponents(component,{Block:r(377).default})}}]);
Zerion Mini Shell 1.0