2c:null 2d:["$","title",null,{"children":"Contact details to html | bapt | Observable"}] 32:T8ef,format_person = function(p){ return `

${p.preferred}

${p.position}, ${p.affiliation}

Email: ${p.email}
Phone: ${p.phone}
Office: ${p.office}
Zoom room: ${p.zoom}
Office hours:${p.office_hours}

`; }33:[] 30:{"id":"742eb398244f3903","slug":"yaml-to-table","title":"Contact details to html","thumbnail":"76ec9baa81e889df71aa9eff1dcc2e39c6ad5cf557411725d251f6e29382585d","access_level":"public","create_time":"$D2023-02-05T18:56:47.092Z","update_time":"$D2023-02-10T02:46:59.598Z","view_time":null,"first_public_time":"$D2023-02-05T18:56:47.092Z","has_unpublished_edits":null,"fork":{"id":"64b90ef54e7a916f","slug":"input-textarea","title":"Textarea Input / Observable Inputs","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"2d31c816d77771e4","login":"bapt","name":"bapt","avatar_url":"https://avatars-next.observableusercontent.com/9c854c1709bf7f973a27780c1c1c7f85ebd6ec486ee5e7630161d0cef7a18f85","tier":"starter_2024","bio":""},"version":324,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2a331688663810bc","login":"bapt","name":"bapt","avatar_url":"https://avatars-next.observableusercontent.com/9c854c1709bf7f973a27780c1c1c7f85ebd6ec486ee5e7630161d0cef7a18f85","tier":null,"bio":""}],"members":[{"type":"individual","id":"2a331688663810bc","login":"bapt","name":"bapt","avatar_url":"https://avatars-next.observableusercontent.com/9c854c1709bf7f973a27780c1c1c7f85ebd6ec486ee5e7630161d0cef7a18f85","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Contact details to html","cells":[{"id":88,"value":"# Contact details to html\n\nAttempt to turn a YAML input providing people contact details into a formatted html table\n\nThe contact info can take the following fields (default values in []):\n```\nfirst: *required*\nlast: *required*\npreferred: [First Last]\nemail: [first.last@vuw.ac.nz]\nphone: [ ]\noffice: [ ]\nzoom: [ ]\nlink: [https://people.wgtn.ac.nz/first.last]\nphoto_url: [https://www.wgtn.ac.nz/images/staffpics/first-last.jpg]\noffice_hours: [ ]\nposition: [ ]\naffiliation: [School of Chemical and Physical Sciences]\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":17,"value":"viewof bio = Inputs.textarea({resize:true,width:\"100%\",monospace:true,rows:100, value: \"john:\\n\\\n first: john\\n\\\n last: doe\\n\\\n phone: 123456789\\n\\\nhypnotoad:\\n\\\n first: hypno\\n\\\n last: toad\\n\\\n position: sitting\\n\\\n photo_url: https://static.wikia.nocookie.net/enfuturama/images/0/0b/Hypnotoad.gif\"})\n ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"preview = html`${table}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"download = DOM.download(blob, \"_tmp.html\", `Download HTML fragment`)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"md`The yaml defines the contact details`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"md`We can enter it into the textarea.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"yaml = require('js-yaml@4.1.0/dist/js-yaml.min.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"bio","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"y = yaml.load(bio)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"Object.keys(y)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"Object.values(y)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"o = Object.entries(y)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"normalised = o.map(function(n) {\n return {\n first: n[1].first || 'John',\n last: n[1].last || 'Doe',\n preferred: n[1].preferred || capitalise(n[1].first) + ' ' + capitalise(n[1].last),\n email: n[1].email || n[1].first + '.' + n[1].last + '@vuw.ac.nz',\n phone: n[1].phone || '',\n office: n[1].office || '',\n zoom: n[1].zoom || '',\n link: n[1].link || 'https://people.wgtn.ac.nz/'+ n[1].first+'.'+n[1].last,\n photo_url: n[1].photo_url || 'https://www.wgtn.ac.nz/images/staffpics/'+n[1].first+'-'+n[1].last+'.jpg',\n office_hours: n[1].office_hours || '',\n position: n[1].position || '',\n affiliation: n[1].affiliation || 'School of Chemical and Physical Sciences',\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"format_person(normalised[1])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"cells = normalised.map(function(n) {\n return format_person(n)\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":218,"value":"table = {\n var table = `\n `;\n for(let i = 0; i < normalised.length; i++) {\n table += format_person(normalised[i]) +'\\n';\n} \n table += `\n

`;\n return table\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"blob = new Blob([table], {type: \"text/html\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"function capitalise(string) {\n return string.charAt(0).toUpperCase() + string.slice(1);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"