File manager

File manager - Edit - /home/autoph/public_html/projects/ahg-hr/assets/index.2ada8a04.js

Back
import{_ as B,r as s,o as m,c as d,w as l,j as g,d as c,k as S,e as i,t as k,h as M,b as E}from"./index.836ff972.js";import{A as p}from"./AnnouncementService.e96ce466.js";import{w as F,L as D}from"./index.0fd81098.js";import{B as L}from"./index.43ed8c16.js";import{C as I}from"./CreateButton.8ae1cc58.js";import{D as V}from"./DeleteButton.a3bc472f.js";import{E as T}from"./EditButton.0c71d9dd.js";/* empty css /import{I as A}from"./index.31d8f3a7.js";import"./jspdf.es.min.2bae4710.js";/ empty css /import{L as R}from"./Loading.8843dce9.js";import{I as Q}from"./index.4a5fd1e6.js";import{F as U}from"./index.79d99a66.js";import{F as G}from"./index.3b9dd0da.js";/ empty css /import{T as q}from"./index.705ea62e.js";import{T as N}from"./index.c2c1d7ba.js";import{C as Y}from"./CloseButton.f70e8453.js";import{S as j}from"./SubmitButton.bd665ffe.js";import{U as z}from"./UpdateButton.767a80b3.js";import{V as H}from"./array.af0a862f.js";import{M as J}from"./Multiselect.20e5cf80.js";import{C as K}from"./CompanyService.464d7558.js";import{Q as W}from"./vue-quill.snow.d5fc0ad8.js";import{l as X}from"./lodash.16bcff66.js";import{P as Z}from"./index.59a3d22b.js";import{h as $}from"./meeting-office.7e6e2274.js";import{C as ee}from"./index.d162669d.js";import"./logo-black.7c15feb3.js";import"./logo-white.b04c5a89.js";import"./transition.624fb26d.js";import"./vue-cleave.min.6d14d8ca.js";import"./es.string.replace.f497f8c7.js";import"./index.03f8e544.js";import"./index.833a76e1.js";const te={components:{FormModal:G,FormGroup:U,TextInput:N,TextArea:q,SubmitButton:j,UpdateButton:z,CloseButton:Y,Loading:R,Multiselect:J,QuillEditor:W},data(){return{companyOptions:[],form:{title:"",company_id:"",description:"",expired_at:""},errors:{},state:{isEdit:!1,isSaving:!1,isLoading:!1}}},methods:{async fetchCompanies(){await K.fetchRecords().then(e=>{e.status==200&&(this.companyOptions=e.data.data.map(t=>({value:t.id,label:t.code+" - "+t.name})))}).catch(e=>{console.log(e)})},loadRecord(e){this.resetForm(),this.state.isEdit=!0,this.form=e},closeModal(){this.state.showModal=!1},resetForm(){this.state.isEdit=!1,this.form={description:"",expired_at:""}},reload(){this.$emit("reload")},async saveRecord(){if(this.state.isSaving=!0,!this.state.isEdit)await p.create(this.form).then(e=>{e.status==201&&(this.$swal.fire({title:"Great!",text:"Record successfully saved.",icon:"success",timer:2e3}),this.state.showModal=!1,this.resetForm(),this.reload())}).catch(e=>{this.$swal.fire({title:"Ooops! something is wrong.",text:e.response.data.message,icon:"error",timer:2e3})});else{const e=this.form.id;await p.update(e,this.form).then(t=>{t.status==201?(this.$swal.fire({title:"Great!",text:"Record successfully updated.",icon:"success",timer:2e3}),this.state.showModal=!1):(this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3}),this.state.showModal=!1)}).catch(t=>{console.log(t),t.response.status==422?this.$swal.fire({title:"Ooops! something is wrong.",text:t.response.data.message,icon:"warning"}):this.$swal.fire({title:"Ooops! something is wrong.",text:"Please contact system administrator",icon:"error",timer:2e3})}).finally(()=>{this.state.isSaving=!1,this.reload()})}},async submitForm(){try{this.$swal.fire({title:"Are you sure you want to save this record?",icon:"question",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes",cancelButtonText:"No"}).then(e=>{e.value&&this.saveRecord()})}catch(e){if(e instanceof H){const t={};e.inner.forEach(a=>{t[a.path]=a.message}),this.errors=t}this.state.isSaving=!1}}},mounted(){this.fetchCompanies()}},oe={class:"text-slate-600 dark:text-slate-400 text-sm font-normal"},se={class:"relative"},re={class:"flex gap-1 justify-end"};function ie(e,t,a,_,o,n){const h=s("Loading"),f=s("TextInput"),u=s("FormGroup"),y=s("Multiselect"),w=s("QuillEditor"),b=s("flat-pickr"),C=s("SubmitButton"),v=s("UpdateButton"),x=s("CloseButton"),P=s("FormModal");return m(),d(P,{title:o.state.isEdit?"Edit Record":"Create Record",active:o.state.showModal,onSubmit:e.confirmSubmit,onClose:n.closeModal,themeClass:o.state.isEdit?"bg-primary-600":"bg-gray-800",sizeClass:"lg:w-3/4"},{default:l(()=>[o.state.isEdit&&o.state.isLoading?(m(),d(h,{key:0,text:"Fetching record"})):g("",!0),c("div",oe,[c("form",{onSubmit:t[4]\|\|(t[4]=S((...r)=>e.confirmSubmit&&e.confirmSubmit(...r),["prevent"])),class:"space-y-4"},[o.state.isSaving?(m(),d(h,{key:0,text:"Saving record"})):g("",!0),i(u,{label:"Title"},{default:l(()=>[i(f,{type:"text",modelValue:o.form.title,"onUpdate:modelValue":t[0]\|\|(t[0]=r=>o.form.title=r),classInput:"h-12"},null,8,["modelValue"])]),_:1}),i(u,{label:"Company",isRequired:!0},{default:l(()=>[c("div",se,[i(y,{modelValue:o.form.company_id,"onUpdate:modelValue":t[1]\|\|(t[1]=r=>o.form.company_id=r),"close-on-select":!0,searchable:!0,id:"company_id",options:o.companyOptions},null,8,["modelValue","options"])])]),_:1}),i(u,{label:"Announcement",isRequired:!0},{default:l(()=>[i(w,{theme:"snow",content:o.form.description,"onUpdate:content":t[2]\|\|(t[2]=r=>o.form.description=r),contentType:"html",error:o.errors.description,classInput:"form-control",toolbar:"full"},null,8,["content","error"])]),_:1}),i(u,{label:"Expiration Date",isRequired:!0},{default:l(()=>[i(b,{placeholder:"Input date ",modelValue:o.form.expired_at,"onUpdate:modelValue":t[3]\|\|(t[3]=r=>o.form.expired_at=r),error:o.errors.expired_at,class:"form-control h-[48px]"},null,8,["modelValue","error"])]),_:1}),c("div",re,[o.state.isEdit?(m(),d(v,{key:1,onClick:n.submitForm},null,8,["onClick"])):(m(),d(C,{key:0,onClick:n.submitForm},null,8,["onClick"])),i(x,{onClick:n.closeModal},null,8,["onClick"])])],32)])]),_:1},8,["title","active","onSubmit","onClose","themeClass"])}const ne=B(te,[["render",ie]]);const ae={mixins:[F],setup(){},components:{Layout:D,CreateButton:I,Loading:R,InputGroup:Q,EditButton:T,DeleteButton:V,Button:L,Form:ne,Pagination:Z,Card:ee,Icon:A},data(){return{headerImage:$,title:"Announcements",breadcrumbs:[{text:"Home",href:"/"},{text:"Announcements",href:"/hr-admin/announcements"},{text:"Announcements",active:!0}],columns:[{label:"#",field:"#"},{label:"Company",field:"company.code"},{label:"Announcement",field:"title"},{label:"Date Expiration",field:"expired_at"},{label:"Action",field:"action"}],perPageOptions:[{value:"10",label:"10"},{value:"50",label:"50"},{value:"100",label:"100"}],state:{isLoading:!1,isMounted:!1,showModal:!1,isDeleting:!1},items:[],totalItems:0,error:[],searchQuery:"",serverOptions:{page:1,rowsPerPage:10,sortBy:"description",sortType:"asc"}}},watch:{serverOptions:{handler(){console.log(`perPage: ${this.serverOptions.rowsPerPage}`),this.fetchRecords()},deep:!0},searchQuery:X.debounce(function(){this.fetchRecords()},800)},computed:{perPage:function(){return this.serverOptions.rowsPerPage}},methods:{async fetchRecords(){this.state.isLoading=!0,this.state.isMounted=!1,await p.fetchRecords({keyword:this.searchQuery,page:this.serverOptions.page,per_page:this.serverOptions.rowsPerPage,sortBy:this.serverOptions.sortBy,sortType:this.serverOptions.sortType}).then(e=>{console.log(e);let t=e.data.data;this.items=t,this.items=t.map((a,_)=>({...a,"#":(this.serverOptions.page-1)this.serverOptions.rowsPerPage+(_+1)})),this.totalItems=e.data.total}).finally(()=>{this.state.isLoading=!1,this.state.isMounted=!0})},handlePageChange(e){console.log(e),console.log(this.serverOptions.page),this.serverOptions.page!=e&&(this.serverOptions.page=e)},handlePerPageChange(e){this.serverOptions.page=1,this.serverOptions.rowsPerPage=e},onSortChange(e){console.log(e),e[0].type!="none"&&(this.serverOptions.sortBy=e[0].field,this.serverOptions.sortType=e[0].type)},async deleteRecord(e){this.$swal.fire({title:"Are you sure?",text:"You want to delete this record?",icon:"warning",showCancelButton:!0,confirmButtonColor:"#34c38f",cancelButtonColor:"#f46a6a",confirmButtonText:"Yes, delete it!",background:this.$store.themeSettingsStore.isDark?"#1e293b":"#fff"}).then(t=>{t.value&&(this.state.isDeleting=!0,p.remove(e).then(a=>{console.log(a),a.status==201&&(this.$swal.fire({title:"Yaaay!",text:"Record has been deleted successfully.",type:"success",icon:"success",timer:2e3}),this.fetchRecords())}))}).catch(t=>{t.response&&t.response.status==401&&this.$swal.fire({title:"Ooops! something is wrong.",text:"Error deleting record. Please contact system administrator",type:"error",icon:"error",timer:2e3})}).finally(()=>{this.state.isDeleting=!1})},createRecord(){this.$refs.form.resetForm(),this.$refs.form.state.showModal=!0},editRecord(e){this.$refs.form.resetForm(),this.$refs.form.loadRecord(e),this.$refs.form.state.showModal=!0},async submitForm(){if(console.log("Submit Form"),this.state.isLoading=!0,this.state.isSubmitted=!0,!this.v$.$invalid)try{this.state.isEdit==!0?(await p.update(this.categoryData.category_code,this.categoryData),Swal.fire("Success!","Data successfully updated.","success")):(await p.create(this.categoryData),Swal.fire("Success!","Data succesfully created.","success")),this.state.showModal=!1,this.state.isLoading=!1,this.resetData(),this.fetchRecords()}catch(e){this.error=e\|\|"",this.state.isResetError=!0,this.state.isLoading=!1}},closeModal(){this.state.showModal=!1,this.resetData(),this.fetchRecords()},resetData(){this.state={isLoading:!1,isMounted:!1,isResetError:!1,isSubmitted:!1,showModal:!1},this.categoryData={category_code:"",category_desc:""},this.error=[]}},mounted(){this.fetchRecords()}},le={class:"my-5"},ce={class:"md:flex pb-6 items-center"},me={class:"flex-1 md:mb-0 mb-3"},de={key:0,class:"flex gap-1"},ue={class:"py-4 flex justify-end"};function pe(e,t,a,_,o,n){const h=s("InputGroup"),f=s("Button"),u=s("EditButton"),y=s("DeleteButton"),w=s("Pagination"),b=s("vue-good-table"),C=s("Card"),v=s("Loading"),x=s("Form"),P=s("Layout");return m(),d(P,{breadcrumbs:o.breadcrumbs},{default:l(()=>[c("div",le,[i(C,{noborder:""},{default:l(()=>[c("div",ce,[c("h6",me,k(o.title),1),c("div",{class:M(["md:flex md:space-x-3 items-center flex-none rtl:space-x-reverse my-3 float-right",e.window.width<768?"space-x-rb":""])},[i(h,{modelValue:o.searchQuery,"onUpdate:modelValue":t[0]\|\|(t[0]=r=>o.searchQuery=r),placeholder:"Search",type:"text",prependIcon:"heroicons-outline:search",merged:""},null,8,["modelValue"]),i(f,{icon:"heroicons-outline:filter",text:"Filter",btnClass:" btn-outline-secondary text-slate-600 dark:border-slate-700 dark:text-slate-300 font-normal btn-sm ",iconClass:"text-lg"}),i(f,{icon:"heroicons-outline:plus-sm",text:"Add Record",btnClass:"btn-dark font-normal btn-sm",iconClass:"text-lg",onClick:t[1]\|\|(t[1]=r=>n.createRecord())})],2)]),i(b,{styleClass:"vgt-table lesspadding v-middle",columns:o.columns,rows:o.items,mode:"remote",search:!0,"sort-options":{enabled:!0},"pagination-options":{enabled:!0},onSortChange:n.onSortChange,"max-height":"600px"},{"table-row":l(r=>[r.column.field=="action"?(m(),E("div",de,[i(u,{onClick:O=>n.editRecord(r.row)},null,8,["onClick"]),i(y,{onClick:O=>n.deleteRecord(r.row.id)},null,8,["onClick"])])):g("",!0)]),"pagination-bottom":l(r=>[c("div",ue,[i(w,{total:o.totalItems,current:o.serverOptions.page,"per-page":o.serverOptions.rowsPerPage,onPageChanged:n.handlePageChange,pageChanged:r.pageChanged,perPageChanged:o.serverOptions.rowsPerPage,enableSelect:"",perPageOptions:o.perPageOptions,onChangePerPage:n.handlePerPageChange},null,8,["total","current","per-page","onPageChanged","pageChanged","perPageChanged","perPageOptions","onChangePerPage"])])]),_:1},8,["columns","rows","onSortChange"])]),_:1}),o.state.isLoading?(m(),d(v,{key:0,text:"Fetching records"})):g("",!0),i(x,{onCloseModal:t[2]\|\|(t[2]=r=>o.state.showModal=!1),ref:"form",onReload:n.fetchRecords},null,8,["onReload"])])]),_:1},8,["breadcrumbs"])}const We=B(ae,[["render",pe],["__scopeId","data-v-a5d779f6"]]);export{We as default};

| ver. 1.4 | . | PHP 8.1.32 | Generation time: 0.08 | proxy | phpinfo | Settings