1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[23],{86304:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/dashboard/attributes/create",function(){return n(46868)}])},46868:function(e,t,n){"use strict";n.r(t);var a=n(85893),s=n(67294),l=n(67421),r=n(22107),c=n(83490),i=n.n(c),u=n(25909);let NewAttribute=()=>{let e=(0,s.useRef)(),[t,n]=(0,s.useState)([{name:"",value:""}]),{t:c}=(0,l.$G)(),handleInputChange=(e,a)=>{let{name:s,value:l}=e.target,r=[...t];r[a][s]=l,n(r)},handleRemoveClick=e=>{let a=[...t];a.splice(e,1),n(a)},submitHandler=async n=>{n.preventDefault();try{let n=document.getElementById("attr_form"),a=new FormData;a.append("name",e.current.value),a.append("value",JSON.stringify(t));let s=await (0,u.qC)("/api/attributes",a);s.success?(r.Am.success("Attribute Added Successfully"),n.reset()):r.Am.error("Something Went Wrong")}catch(e){console.log(e),r.Am.error("Something Went Wrong")}};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("h4",{className:"text-center pt-3 pb-5",children:c("Create New Attribute")}),(0,a.jsxs)("form",{id:"attr_form",onSubmit:submitHandler,children:[(0,a.jsxs)("div",{className:"mb-4",children:[(0,a.jsxs)("label",{htmlFor:"inp-1",className:"form-label",children:[c("Attribute Name"),"*"]}),(0,a.jsx)("input",{type:"text",id:"inp-1",ref:e,className:i().input+" form-control",required:!0})]}),(0,a.jsxs)("div",{className:"card",children:[(0,a.jsx)("div",{className:"card-header",children:c("Attribute Value")}),(0,a.jsxs)("div",{className:"card-body",children:[t.map((e,t)=>(0,a.jsxs)("div",{className:"row mb-4",children:[(0,a.jsxs)("div",{className:"col-12 col-sm-5",children:[(0,a.jsx)("label",{className:"form-label",children:c("name")}),(0,a.jsx)("input",{type:"text",className:i().input+" form-control",name:"name",value:e.name,onChange:e=>handleInputChange(e,t)})]}),(0,a.jsxs)("div",{className:"col-12 col-sm-5",children:[(0,a.jsx)("label",{className:"form-label",children:c("Value")}),(0,a.jsx)("input",{type:"text",className:i().input+" form-control",name:"value",value:e.value,onChange:e=>handleInputChange(e,t)})]}),(0,a.jsx)("div",{className:"col-12 col-sm-2 d-flex align-items-end",children:(0,a.jsx)("button",{className:"btn btn-danger",type:"button",onClick:()=>handleRemoveClick(t),children:c("Remove")})})]},t)),(0,a.jsx)("button",{type:"button",className:"btn btn-success my-2",onClick:()=>{n([...t,{name:"",value:""}])},children:c("Add Value")})]})]}),(0,a.jsx)("div",{className:"my-4",children:(0,a.jsx)("input",{type:"submit",value:c("Add Attribute"),className:"btn btn-lg btn-success"})})]})]})};NewAttribute.requireAuthAdmin=!0,NewAttribute.dashboard=!0,t.default=NewAttribute},83490:function(e){e.exports={button_danger:"productForm_button_danger__HuxDf",input:"productForm_input__ksXv7"}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=86304)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.