{"version":3,"file":"brand-form.js?v=9.1.8","mappings":";4LAUO,MAAMA,EAAyB,CACpC,QAAS,CACPC,MAAO,SACPC,KAAM,KACNC,KAAM,UACNC,aAAc,oBAEhB,QAAS,CACPH,MAAO,QACPC,KAAM,OACNC,KAAM,YACNC,aAAc,kBAEhB,QAAS,CACPH,MAAO,QACPC,KAAM,OACNC,KAAM,YACNC,aAAc,kBAEhB,QAAS,CACPH,MAAO,SACPC,KAAM,OACNC,KAAM,aACNC,aAAc,wBAEhB,QAAS,CACPH,MAAO,SACPC,KAAM,KACNC,KAAM,YACNC,aAAc,sBAIlB,SAASC,EAAMC,EAAeC,EAAeC,GAC3C,OACE,+BAAKC,UAAW,wCAAuCD,EAAS,cAAgB,iBAAgB,YAC9F,4BAAGC,UAAU,mBAAiB,UAAEH,MAChC,kBACEI,KAAK,OACLH,MAAOA,EACPI,KAAM,GAAGL,WACTM,GAAI,GAAGN,WACPO,SAAUC,GAAK,UAGvB,CAae,SAASC,EAAoBC,SAG1C,MAAMC,EAAOC,SAASC,iBAAiB,QAAQ,GAE/C,IAAKF,EACH,OAIF,MAAMG,EAAoD,QAAxC,EAAAH,EAAKI,cAAc,6BAAqB,eAAEC,cAE5D,IAAKF,EACH,OAIF,MAAMG,EAAWL,SAASM,cAAc,OACxCD,EAASE,UAAUC,IAAQ,0BAA2B,gBAEtDT,EAAKU,aAAaJ,EAAUH,IAG5B,OAlCF,SAAmBJ,GACjB,OACE,gCACGA,EAAKY,OAASvB,EAAML,EAAuBgB,EAAKa,MAAgB5B,MAAOe,EAAKY,OAC5EZ,EAAKd,MAAQG,EAAML,EAAuBgB,EAAKa,MAAgB3B,KAAMc,EAAKd,MAC1Ec,EAAKb,MAAQE,EAAML,EAAuBgB,EAAKa,MAAgB1B,KAAMa,EAAKb,MAAM,KAGvF,CA0BS2B,CAAUd,GAAOO,EAC1B","sources":["webpack://empori-base/./src/controls/Forms/alterBrandModelForm.tsx"],"sourcesContent":["import { BrandModelData } from '../../empracoTypes';\r\nimport { render } from '../../main';\r\n\r\nexport type LangId =\r\n  'sv-SE' |\r\n  'en-GB' |\r\n  'en-US' |\r\n  'de-DE' |\r\n  'nb-NO';\r\n\r\nexport const brandPagesTranslations = {\r\n  'sv-SE': {\r\n    model: 'Modell',\r\n    year: 'År',\r\n    link: 'Sidlänk',\r\n    seeAllModels: 'Se alla modeller'\r\n  },\r\n  'en-GB': {\r\n    model: 'Model',\r\n    year: 'Year',\r\n    link: 'Page link',\r\n    seeAllModels: 'See all models'\r\n  },\r\n  'en-US': {\r\n    model: 'Model',\r\n    year: 'Year',\r\n    link: 'Page link',\r\n    seeAllModels: 'See all models'\r\n  },\r\n  'de-DE': {\r\n    model: 'Modell',\r\n    year: 'Jahr',\r\n    link: 'Seitenlink',\r\n    seeAllModels: 'Alle Modelle ansehen'\r\n  },\r\n  'nb-NO': {\r\n    model: 'Modell',\r\n    year: 'År',\r\n    link: 'Sidelenke',\r\n    seeAllModels: 'Se alle modellene'\r\n  }\r\n};\r\n\r\nfunction input(label: string, value: string, hidden?: boolean) {\r\n  return(\r\n    <div className={`form-node node-text node-width-half ${hidden ? 'node-hidden' : 'node-visible'}`}>\r\n      <p className='form-label-text'>{label}</p>\r\n      <input\r\n        type='text'\r\n        value={value}\r\n        name={`${label} (auto)`}\r\n        id={`${label} (auto)`}\r\n        onChange={_ => null} />\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction modelInfo(data: BrandModelData): JSX.Element {\r\n  return(\r\n    <>\r\n      {data.title && input(brandPagesTranslations[data.lang as LangId].model, data.title)}\r\n      {data.year && input(brandPagesTranslations[data.lang as LangId].year, data.year)}\r\n      {data.link && input(brandPagesTranslations[data.lang as LangId].link, data.link, true)}\r\n    </>\r\n  );\r\n}\r\n\r\n// Attempts to add additional input fields to the first found form on the page.\r\nexport default function alterBrandModelForm(data: BrandModelData) {\r\n\r\n  // Attempt to get all forms on brand model page.\r\n  const form = document.querySelectorAll('form')[0];\r\n\r\n  if (!form) {\r\n    return;\r\n  }\r\n\r\n  // Attempt to get the submit button node.\r\n  const insertRef = form.querySelector('input[type=submit]')?.parentElement;\r\n\r\n  if (!insertRef) {\r\n    return;\r\n  }\r\n\r\n  // Ok to insert a new element before the submit button node.\r\n  const reactRef = document.createElement('div');\r\n  reactRef.classList.add(...['empori-brand-model-info', 'element-flex']);\r\n\r\n  form.insertBefore(reactRef, insertRef);\r\n\r\n  // Use React to render the additional form inputs.\r\n  render(modelInfo(data), reactRef);\r\n}"],"names":["brandPagesTranslations","model","year","link","seeAllModels","input","label","value","hidden","className","type","name","id","onChange","_","alterBrandModelForm","data","form","document","querySelectorAll","insertRef","querySelector","parentElement","reactRef","createElement","classList","add","insertBefore","title","lang","modelInfo"],"sourceRoot":""}