2b:null 2c:["$","title",null,{"children":"Instructors' contact details | bapt | Observable"}] 31:T772,format_person = function(p){ const extract = `${p.about_me}`; //const extract = html`${md`# Hello, world!`}`; return `

${p.preferred}

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

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

About Me:
` + extract + `

`; }32:[] 2f:{"id":"7c6c33d724c9cb02","slug":null,"title":"Instructors' contact details","thumbnail":"3ca519a0385b439b1d3ff2133aba8525df496eb220516210ca6cd97f559ad204","access_level":"public","create_time":"$D2023-02-13T09:26:59.083Z","update_time":"$D2024-02-15T03:59:17.889Z","view_time":null,"first_public_time":"$D2023-02-13T09:26:59.083Z","has_unpublished_edits":null,"fork":{"id":"742eb398244f3903","slug":"yaml-to-table","title":"Contact details to html","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":558,"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":"Instructors' contact details","cells":[{"id":88,"value":"# Instructors' contact details\n\nConverts a plain text entry of contact details into custom html divs, automatically formatting links to email, profile page, photo, etc. for VUW.\n\nThe contact info can take the following fields (default values in []):\n\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 by email.]\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":false,"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":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"preview = html`${scripts}${table}`","pinned":false,"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":false,"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":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"$31","pinned":false,"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":399,"value":"scripts = `\n\n`\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"bio","pinned":false,"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//const about = md`${}`;\n//const about = md`\"this _is annoying_\"`;\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":542,"value":"{\n const test = md`\"this is _weird_\"`;\n return(test)\n}","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":false,"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"