2b:null 2c:["$","title",null,{"children":"(New) contact details to html | bapt | Observable"}] 31:T59d,format_person = function(p){ return `

${p.preferred}

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

Office Hours:
${p.availability}
${p.office_hours}

About Me:
${p.about_me}

`; }32:[] 2f:{"id":"f9496289b7c46cd7","slug":null,"title":"(New) contact details to html","thumbnail":"717c5e594d7564b5330f47383d9ebf369105172f9acc29843d1fbe38d9e2e36e","access_level":"public","create_time":"$D2023-05-02T23:17:05.593Z","update_time":"$D2023-05-02T23:17:05.593Z","view_time":null,"first_public_time":"$D2023-05-02T23:17:05.593Z","has_unpublished_edits":null,"fork":{"id":"7c6c33d724c9cb02","slug":null,"title":"Instructors' contact details","owner":{"id":"2d31c816d77771e4","login":"bapt","name":"bapt"}},"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":441,"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":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"(New) contact details to html","cells":[{"id":88,"value":"# (New) 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: [ ]\navailability: [Available in my office or on zoom, book appointments through course calendar]\nabout_me: [ ]\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\\\n position: Anonymous Lecturer\\n\\\n photo_url: https://this-person-does-not-exist.com/img/avatar-11103fe383f5de38864996c5d63568b1.jpg\\n\\\nhypnotoad:\\n\\\n first: hypno\\n\\\n last: toad\\n\\\n phone: 0101010101010\\n\\\n position: Sitting\\n\\\n about_me: hypnotic toad\\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`${scripts}${table}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":399,"value":"scripts = `\n\n`\n\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":"viewof round = Inputs.toggle({label: \"round photos\", value: false})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":378,"value":"rounding = {\n var rounding // declaration\n \n if(round){\n rounding = \"border-radius: 50%;\"\n } else {\n rounding = \"\"\n }\n return rounding\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"$31","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 about_me: n[1].about_me || '',\n availability: n[1].availability || 'Available in my office or on zoom, book appointments through course calendar',\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 for(let i = 0; i < normalised.length; i++) {\n table += format_person(normalised[i]) +'\\n';\n} \n table += `

`;\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":"$W32","stdlib":"1"}} 30:"$2f:body"